Learner User Interface (LUI): Developing Themed Graphics to Enhance Your e-learning. Kevin Thorn, AutoZone

Transcription

1 210 Learner User Interface (LUI): Developing Themed Graphics to Enhance Your e-learning Kevin Thorn, AutoZone

2 LUI Learner User Interface Kevin Thorn Page 1

3 To continue, click the NEXT button to begin Redundant? Page 2

4 Looey vs. Gooey G in GUI = Graphic L in LUI = Learner That s not to say the L in LUI doesn t have graphics - there s just more going on in the L than the G. Page 3

5 The LUI Experience Visceral the auto like/dislike in our brains Not much we can do about it Behavioral look/feel; usability A lot we can do about it Reflective feel after initial impact A measurement of what we did Page 4

6 Pros & Cons of Usability Page 5

7 Reactive Expression ELearning Page 6

8 Learner Environment Page 7

9 Think about it. Plan, Design, Engage LEARNER User Interface Learner environment: tng room, public, lab, mobile Learner Audience: focused group of pros or geographically dispersed generations Learner language: Binlingual Learner Seat time (click quotient) Page 8

10 LUI considerations Theme Styles Colors Font Navigation Fun-factor STS Page 9

11 THEMES tell a story! Desktop Magazine cover Comic Book Advisory board push vs. pull Ice cream menu/flavors Map/scavenger hunt Computer screen / TV Copy website design Page 10

12 STYLES Page 11

13 COLOR Course: Business Strategy Theme: Chess board kuler.adobe.com Page 12

14 Navigation Page 13

15 STS Self Torture Strategy Would I be engaged? Would I get bored? Do I get lost in the navigation? Overwhelmed with visuals? Is it too busy? Do I even understand what I m supposed to do? Page 14

16 DESIGN (LUI) What is it going to be? (branching, linear, video, simulation, etc.) Graphics? Who and/or where? Story boarding Layout Prototype Page 15

17 DEVELOP Buy vs. Build Assess skill sets Assemble team Project management Environment Interface Navigation Page 16

18 ASSET LIBRARY Taxonomy folder structure (example) Shared server space Adobe bridge tagging Photo organizer Page 17

19 Who? How many of you are on a team of over 10? Over 5? Solo? The challenge: It is what it is Page 18

20 Resources Comprehensive list of resources available after session Page 19

21 Where do you get your elearning Graphics? Page 20

22 Where do you get your elearning Graphics? Do you create/develop your own elearning graphics? Do you rely on another department in your company to create/develop your elearning graphics? Do you rely soley on outsourcing graphic development for your elearning projects? Do you wing it because you have none of the above options? Page 21

23 Example To make a peanut butter and jelly sandwich, you ll need two slices of bread, peanut butter, your favorite flavor of jelly, and a knife. With the knife, spread peanut butter on one slice of the bread. Also with the knife, spread the jelly on top of the peanut butter. When finished, place the other slice of bread on top of the already prepared slice with the peanut butter and jelly. Smash and eat! Page 22

24 Page 23

25 Ingredients: - (2) slices of bread - Jar of Peanut Butter - Jar of Jelly Instructions: 1. Spread peanut butter on one slice of the bread. 2. Spread the jelly on top of the peanut butter. 3. Place the other slice of bread on top of the already prepared slice with peanut butter and jelly. 4. Smash and eat! Page 24