Hands On…

March 29, 2009

Has anyone ever given you directions by just talking? Usually they gesture with their hands when they say, “turn left at Main St. and then go another mile to the big red barn…”  If you work with the deaf or have a family member hard of hearing you may know sign language.  Although giving directions is not formalized sign language, it is a language nonetheless – body language.

The term Instructional Design always bugs me when most of the focus and energy is placed on the design of the instruction and not much thought is given to the design of the delivery. Instructional Design encompasses the whole gamut of learning, yet most often when it comes to eLearning, somehow the design process gets overlooked.

Ever work on a collaborative eLearning project, and once it made it over to your desk you look at it and say, “If everyone would just design like me we’d have the bestest eLearning ever!” If you’re a soloist then it’s no problem. If you work on a team or in a training department then you may be familiar with having a meeting to discuss when the next meeting is to then discuss 17 color choices for the interface!

This post is not about getting bogged down on all the things to consider in the overall design of an eLearning course.  This is about following a theme.   Think of a collection of icons or icon packs.  All the elements follow a design theme whether they are 3D or hand drawn.  In my view, eLearning courses should follow a similar design theme across all elements.

Some of the overlooked elements are those small images or icons used as a way to direct learners to more information.   For example: More Information icon or button; a Tip or Reminder image or icon, etc. Even after the instruction or lesson, the assessment should follow the same design theme.

So how does giving directions with your hands tie in with eLearning?  The simplest way I can think of is if someone points me in a direction, my assumption is they want me to go there.  Same in eLearning.  If I want to draw your attention to something I may put an arrow, or use a brighter contrasting color with some instructional text.  You’ve done it a thousand times.  I’m a big proponent of communicating graphically, so if I can use an image to direct you, that’s just less text I have to write – and I’d much rather draw than write!

Ever say, “Go that way…” and point with your index finger?  Why? You just said “Go that way,” so why do we have to point, too?  Unless some sort of body language is included with that statement, the directionee will be as lost as they were before they asked you.

This theory of mine kind of works the same way in eLearning.  If I put a string of text that says, “Go to the Next page,” learners won’t know how to proceed without some visual representation of where ‘Next’ is.   A simple hand drawn hand with the index finger extended may be useful as shown here:hands_06_back-next

By drawing one hand and reflecting it vertical (flipping) it can be reused.  The same hand rotated can be used as a directional pointer to visually say, “Look Here!” or by adding a string, this image can be used as a reminder or a tip as shown here:

hands_07_look-remind

Just as the index finger extended has several uses, the hand with the thumb extended can communicate other uses.  For instance, a thumbs up image can communicate a correct answer to a question, while a thumbs down would be the opposite – incorrect.   Or perhaps when emphasizing a Best Practice, a thumbs up can be a visual symbol to say “This is good stuff!”

hands_09_thumbs1

If you take a moment to think about it, there are countless ways to use hands a simple communicating images.  How many can you think of right now?  How many ways can these two communicate?

hands_10_fist-peace

You’ll notice these hands only have three fingers typical of a more cartoony style rather than a more realistic drawn hand.  That’s not the point.  The point is the theme in which they are used.  The same hand with the index finger extended can be done in a more pixel style like this:

hands_11_digipointer

Obviously I’m not suggesting using hand-drawn hands in all your eLearning.  I’m merely suggesting that images can communicate just as effectively. Just as the juxtaposition of words (spoken language) and hand gestures (body language), the juxtaposition of text and images opens up a wider range of possibilities.   Using hands are natural as we communicate with them everyday!

Now your lesson for the day is to look at your hand and list as many ways to communicate with it (middle finger doesn’t count).  First one to a hundred wins!


Hear what I’m sayin’

March 21, 2009

A friend of mine tweeted the other day with a link to Comic Quotes – “Good comics invent their own language and boundaries.” He asked the question “Should elearning have the same?” It got me thinking about language, images and my favorite subject, Graphic Communication. Eric replies, “The interplay of text & images in novel way,” got me thinking even further about the juxtaposition of text and images, elearning, and…the speech bubble.

In elearning our collective goal is to communicate our message to a learner with an overall outcome that ultimately changes their behavior to impact performance. If it’s been said, it’s been said a thousand times and we all know that yet we (we = the instructional designers, developers, training managers, and anyone that has any remote capacity in the delivery of elearning) continue to struggle with the how. We read books, attend conferences, share ideas, and always end up in front our own computer with all the latest and greatest tools, access to any resource, and scratch our heads about better ways to communicate. Do I have the one-all-be-all answer? Of course not! What I do have is nothing new – just a new way of thinking about text and images, or the juxtaposition of them.
Read the rest of this entry »


Be Here Now

March 16, 2009

A few months back I was attending a meeting where our company’s VP of HR was addressing us on staying focused. He talked about or strategic focus and how all our department projects roll up into the overall strategy. Same corporate speak I’ve head before, but this time he introduced a phrase; “Be here now.”

He went on to explain that it means to focus ‘here’ and ‘now’ and not to worry about what failures or mistakes we made rather learn from them, and not to worry about deadlines and outcomes rather plan for them.

I just returned from the eLearning Guild’s Annual Gathering and as with every conference I have a full head of info to decipher and a renewed sense of energy…or should I say a ‘focus.’

I was pleasantly rewarded with many great comments from my presentation at AG09 and am humbled at the overall interest. With that, I’m working on an outline to write up more tutorials and articles on visual design and graphic communication. This is my “Be Here Now.”

Here’s a birds-eye view of an outline of upcoming posts: (in no particular order)
1. Reverse Engineer Written Language back into Graphic Language
2. Elements of an Image
3. An Object is First a Shape
4. Effective use of silhouettes in eLearning
5. Building a Reusable Image Library
6. Image types: Difference between .jpg, .gif, .png

That’s a good start, eh?


AG|09 Winding down…

March 13, 2009

Wow! What a great couple days! There’s something about coming to Florida in early March that makes it even more betterest! I’m a big kid and I love Disney…to be in a Hotel just minutes from the Lego Store was way too cool.

I digress…

As with any conference like this, it goes without saying that is a jam-packed event with a lot of information to decipher. As of this writing we still have half a day tomorrow, but I think I’m safe in saying there’s not a single person I’ve met that hasn’t gotten a full plate of great material, tips, takeaways, and advice thus far. Big kudos for all the vendors at the Expo, too. I hope their experience was as productive as the conference-goers.

I sat down tonight after having dinner and a leisurely stroll through downtown Disney with new friends to write about my last two days here. Like many, I’m toast and it’s a long day tomorrow along with traveling home. So, I’ve changed my mind and am updating my blog with this short post by shouting out to everyone who made this event successful.

I have to admit that I’ve secretly held an enormous amount of nervousness about presenting my thoughts and theories about communicating graphically and am glad everyone like it. What I learned is it seems to be a true “need.” Not only for practical applications in eLearning, but in general having the basic understanding of how we as humans interact and already communicate with graphic images.

I’m more inspired now that before and have a new level of energy to organize my ideas and work toward publishing something within the next year or two.

Not sure about how to go about that as I can draw better than I can write, let alone publishing anything I write. Anyone know how a “Toon Geek” can start this new journey?


A|G 09 approaching fast!

March 2, 2009

I am very stoked about this year’s Elearning Guild’s Annual Gathering! This will be my first time attending this conference, but I’m even more excited because I’m also conducting one of the concurrent sessions as well as facilitating a talk at the ID Zone.

I’ve had my blinders on putting all the pieces and parts together in the last few weeks. From one who attends various other conferences with concurrent sessions, I’ve found myself in the middle of the room in one of the most boring presentations ever and not knowing if I should just get up and leave. I’ve put a lot of time into this presentation and I often question whether or not I’ll end up over doing it or worse, missing something.

My goal is not so much to share my theory, but to entertain and for folks to really “get” something to take away. Seriously, with all the other sessions going on at the same time, what prompts someone to attend one over the other? My guess is the same as the way I would choose. In some cases it’s the speaker because I’ve heard him/her before or I’ve read their work and want to “hear” them. Other times the title of the session and its description catches my attention. Sadly, sometimes none of the available sessions interest me and I blindly point at my program and let fate choose for me…that’s worked out well at times and not so well at other times.

Well, I’m not a well-known speaker nor am I authored, so I’m banking on the title here…

If you’re not too tired and burnout, come check out my session on Thursday afternoon, March 12 at 4:00 PM. Session #809 – “Graphic Symbols – The 5th Language”

Hopefully, by 8:45 AM on Friday, you’re still in town and may still be interested to attend the ID Zone – “Great ID, but No Graphic Designer: What Are My Options?”

Looking forward to seeing everyone and meeting new faces! One thing I can promise…you will NOT be bored!