Tag: Instructional Design

  • Showing My Work #7

    Often when we talk about our work, we talk in terms of ‘what’ we did. The Showing My Work series of posts aim to also capture the ‘how’ something was done.

    E-Learning Heroes Challenge #42 – Smartphone Video. The brief: This week, your challenge is to record, edit, and publish a training video using your smartphone. Choose a topic that allows you to record multiple videos for your project. The focus on this challenge is as much about editing as it is recording.

    I almost didn’t do this challenge because I thought I wouldn’t have time but I did, and it turned out to be one of the most fun challenges I’ve participated in. The first thing I needed to figure out was the subject and I gravitated towards my Nespresso coffee machine and I thought about creating some a ‘how to use’ clips – setting up, using and cleaning. In this demo I was also able to put into practice a couple of tips that I picked up from David Anderson and Tom Kuhlmann.

    Filming the videos
    As the challenge was about using your smartphone to create the videos, I wasn’t sure how mine would turn out as I was using my trusty old iPhone 3G. I have zero equipment for holding the phone steady so I made this little stand using some post-it-notes and bulldog clips:

    Picture1

    I also made supports using different combinations of books to give me different heights and angles:

    Combined Picture

    The whole thing was shot in my kitchen. I just moved things out of the way so only the coffee machine was in the shot:

    Picture5

    It was pretty basic but it got the job done (I think so anyway).

    The visual layout
    How a course or module looks, plays an important role as it creates an atmosphere or a context for the person completing it. Literally, it sets the scene.

    Tip #1: Have a look at the company website to get some ideas for the look of your module.

    So that’s what I did. Here’s a screen shot of the Nespresso website:

    Nespresso website

    See how it’s quite dark – black is a prominent colour and the text is white. As this was going to be some help videos on how to use the machine, I thought it was appropriate to use similar colouring in the demo so that it fits in with the company look.

    When creating a piece of eLearning I like to use ‘Master Slides’ because they ensure consistency and they save lots of time. You can have multiple master slides in your project to use when you need them. So, I started with a black background and found a couple of images from a Google search:

    MS1

    But I had a slight problem. See how the image of the cup of coffee doesn’t go right across the screen. It looks like its floating and I needed to do something with that. In this case, I couldn’t just expand it across the slide because it would give a ‘stretched’ look, like this:

    MS2

    Tip #2: Take a grab of part of the image that won’t be affected by stretching.

    So I took a snip of a section of the coffee image and saved it as a picture (see the red box below). I used the Snipping Tool on my PC but something like Snagit would also work. Then I inserted the snip image back into the slide, positioned it on the same place where it came from then pulled it across the screen:

    MS3

    The end result is that it looks like one image and there’s no stretched look:

    Master Slide

    Now I have a Master Slide that I’ve set up once but can use multiple times.

    The demo itself
    To create the demo, I made one of the screens a ‘home screen’ which has access to each of the three videos. When you click on an iPad screen, it zooms in and the video starts to play and once it’s finished, it zooms out again. It looks like it’s happening on the one screen but each time you click on an iPad, you are actually going to a separate screen that has the video file in it.

     Nespresso Storyview

    The reason I did it this way was because I wanted people to be able to choose which video they watched based on what they need to do and I couldn’t do this and use the zoom function three times on the one screen.

    When you look at the ‘Home’ screen you can see what looks like the videos ready to play but they are actually a screen shot of the first frame of the clip. When you click on it and zoom in, you are actually going to a different slide. When the video ends, you automatically go back to the Home screen.

    What I learned
    One of the things that I learned from this challenge is that you don’t necessarily need a big, high-end production to create some videos to use as performance support. I mean sure, it can look quite slick if you did but I was able to create this demo in just a few hours and it gets the message across. It also taught me to be resourceful and that you can do more than you think you can!

    Here’s the demo, you can click on the image to view it:

    Smartphone video demo

    Let me know what you think and you can see all of my ELH Challenge entries on My Portfolio page.

  • Showing My Work #6

    Often when we talk about our work, we talk in terms of ‘what’ we did. The Showing My Work series of posts aim to also capture the ‘how’ something was done.

    E-Learning Heroes Challenge #50 – Flat Office Design The brief: This week your challenge is to design an office or desktop theme based on your own workplace environment. Design as many objects as you like. For variety, try adding both top and front views of your workspace. Extra credit: Share a photo of your office workspace so we can compare it with your flat design template.

    According to Wikipedia, “Flat design refers to a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, or textures) and is focused on a minimalist use of simple elements, typography and flat colours”. Flat design is a style that seems popular nowadays and I’m noticing it more and more, for example, the apps on my phone are now flat. So the aim of this challenge was to create an office design using this style.

    My Office

    One of the first things I did was to take a photo of my desk; after all, I wanted that extra credit! Then I started thinking about how I could recreate the elements that are there (and add some more) using shapes. I thought about each item individually and what shape I would need to create it in both the front and top views and for some things it was a matter of trail and error before I got it right. To give the flat appearance, I used no outline on the shapes I inserted. As an example, here are of the shapes I used for the coffee cup that have been split apart:

    Top view   Front view

    Each time I created something for the front view, I followed it by creating the same item in the top view but changing the perspective. So, the cup is a rectangle and a half circle in the front view but becomes a rectangle and two circles in the top view. I also made sure that I kept the sizes the same in the top and front views – the width of the rectangle in the front view is the same as the diameter of the circle in the top view:

    Equal widths

    The whole demo is created on one slide in Storyline 1 but it could also be created in PowerPoint too as it has the same shapes functionality. I made use of layers in SL and built the top and front views on separate layers and then I added two buttons on the base layer. I took away the player altogether to give the whole demo a flat look and I thought this was fine but I wanted to make the demo a bit more interesting. I needed something that would add to the demo in some way but still fit in with the brief. What I came up with was a short introduction to the challenge and given that the office furniture came from IKEA, I worked that in too which ties in nicely with the flat design theme. I used entrance (fly in from the right) and exit (fly out to the left) animations to move the text in and out of screen and staggered the text boxes along the timeline to make it flow from one text box to the next:

    Flat design timeline

    Here’s the demo, you can click on the image to view it:

    Flat Design

    Let me know what you think and you can see all of my ELH Challenge entries on My Portfolio page.

  • A New Beginning

    Welcome to my new site! It’s been quite a few weeks in the making and I’m happy to finally launch it.

    I started writing on the Learning Snippets blog about 18 months ago and over that time I’ve changed and evolved (actually, I still am) and as a result I wanted to update my site to reflect this. I wanted to do more with my blogging and sharing, so I decided that I needed a new space to achieve this goal. Getting to this point will be a post in itself in the not too distant future.

    About the same time as I started writing my blog I also started reading other blogs written by people in the learning field to see what they were talking about and to get a sense of what blog writing was about. As I read, it seemed to me that everyone seemed to know everything about everything! But over time, I found that the writers tended to have a ‘speciality’. Yes, they are across a range of aspects related to learning but they tend to have one area they are particularly passionate about that comes through. This was somewhat a relief because at first, I struggled with trying to know and be everything. I felt pulled in all directions and it wasn’t until I genuinely thought about what is it that I’m passionate about?

    It’s eLearning.

    There are a lot of opinions around about eLearning both for and against. There’s a place for all forms of learning whether it’s in the classroom, on a computer or mobile device, informal, social or whatever. The key is to use the approach that is fit for purpose and will achieve the best outcome. There’s also a bit of talk around about how we should drop the ‘e’ from eLearning or debating how to spell eLearning (e-Learning, E-Learning or E-learning) and my view is that if these were the biggest challenges facing eLearning as it is today, we would be in a pretty good place. However, these types of discussions are nothing more than a distraction from the real issue which is to develop courses that enable people to perform better.

    What we need to focus on is constantly improving the standard of eLearning courses and the experience of people who take them and to improve their performance. Many people complain that they don’t have time to complete eLearning courses and they view it as something that they have to do but why not make them so engaging, so useful and so good that people will want to take them? Why don’t we aim to raise the standard and skills of those who develop these courses? This is what we should be focusing on. It’s no easy task but is something that I will be doing more of. This will be my thing.

    As well as wanting a more modern and customisable site, the name: Learn. Show. Repeat. represents my new way of thinking. One of the strongest influences for me to date has been the practice of ‘Show Your Work’ which I first heard about via Jane Bozarth. It’s basically showing what you did and how you did it. I tried it a few times in the past which you can see here: Showing My Work #1, #2, #3, #4 and #5. It’s a terrific way to open up and pass knowledge to others who may need it.

    A few months ago, I started participating in David Anderson’s eLearning challenges as a way to develop my own eLearning skills and to interact with other designers. David has generously been helping me out with the showing part by storing my published Storyline demos on his server (thanks David!) and giving me a link which I can then share with others. But I wanted to be able to do this for myself so, along with registering a new domain name; I set up my own account with an external hosting provider and changed from a WordPress.com site to a WordPress.org site. Special mention to Helen Blunden and Jackie Van Nice who helped me out and provided some very handy advice with switching over to a self-hosted site. I also wanted to keep all of my demos in one place and accompany each entry with a blog post about how I created it. This was another reason to update the site.

    You’ll notice that there are more pages now – a Portfolio page that shows my eLearning challenge entries created with Articulate Storyline and a PLN page that lists some of the people, communities, blogs, websites and books that have helped me in my journey in the learning field. Like me the site will continue to evolve and change over time. You can also make contact with me directly if you need to.

    When I started writing on Learning Snippets, the tagline was: A diary of sorts about what I’m learning about learning and that’s still a big part of what I want to do. But I also want to do more showing and reflecting and sharing experiences with the aim of improving my skills and those of others too.

    I’m looking forward to the next phase of my learning journey; you’re most welcome to come along for the ride.