Jerry Whaley EDU 655 Dr Kris Jamsa Nov

“You are a novice computer users, You are young and easily distracted, You may

Like a floating window so you can; • Operate computer programs, • Consult other

Pop-up blockers are enabled in most cases to eliminate unwanted advertising. You might like

1 2 Single Window • Good for testing. • • 3 New Windows Requires

120 x 150 240 x 320 640 x 480 768 x 1024 1400 x

Maximum size is derived by monitor size minus the required space for other programs

: 10 00 01 02 03 04 05 06 07 08 09 Time for

How about these types of layouts? | Portrait ------------------------------- | Columns | Landscape |

A fixed window size can be annoying, you could loose some important parts of

Prepare for the life of your elearning experience. Always be prepared for the technology

Legibility is crucial, if they can’t read they can’t learn it! The simple white

Summary Design for the learner Design for the tools Design for legibility Design for

Horton, William. (2006). E-Learning by Design. San Francisco, CA: Pfeiffer The photos in slides

Slides: 19

Download presentation

Jerry Whaley EDU 655 Dr. Kris Jamsa Nov 2, 2009 Start End

Atmosphere Simplicity!!! Environment

“You are a novice computer users, You are young and easily distracted, You may be easily confused, You love instant messaging, You need discouragement from, well…”

Like a floating window so you can; • Operate computer programs, • Consult other materials, • Take notes, and • Monitor/ respond to email. ALL AT THE SAME TIME!!!

Pop-up blockers are enabled in most cases to eliminate unwanted advertising. You might like a separate window for transcript of narration or examples associated with main content. Beware of pop-ups, they can be distracting. Training may be required or needed to show to enable or disable blocks when necessary.

1 2 Single Window • Good for testing. • • 3 New Windows Requires a different shape. Comparison purposes. Purpose or function. Legalities/Copyrights. • • Main Window Main content area. Narration Titles Buttons and/or links.

120 x 150 240 x 320 640 x 480 768 x 1024 1400 x 1280 2560 x 1600 Tablet Pocket. PC Smart Phone Mobile Phone Laptop Wide Screen Characteristics can be greatly influenced by the calculated size of the display

Maximum size is derived by monitor size minus the required space for other programs needed to be displayed at the same time Minimum size takes a bit more configuring. You start by determining space needed for content + navigation + identification + the core appearance of functionality; title, menus, scroll bars, and status area.

: 10 00 01 02 03 04 05 06 07 08 09 Time for a short break

Scrolling Versus Non-scrolling

A fixed window size can be annoying, you could loose some important parts of the content. Best for the novice computer user and good for simplicity and uniformity. A variable size window is more flexible, but can get distorted or unreadable. Best when there are no fixed size monitors and fit for different generations of e-learners.

Prepare for the life of your elearning experience. Always be prepared for the technology changes.

Legibility is crucial, if they can’t read they can’t learn it! The simple white background helps avoid noise and clutter. Contrasting background to ensure legibility. Unity is the glue that ensures consistency. Keep it quiet, simple, and solid. Emblems and theme graphics help unify and identify. They should be located outside of contents. Keep it real and focused on the what’s important. Organized and orderly gives a business-like appearance

Summary Design for the learner Design for the tools Design for legibility Design for reliability Design for functionality Design for the FUTURE!!

Horton, William. (2006). E-Learning by Design. San Francisco, CA: Pfeiffer The photos in slides 19 courtesy of Colin Wilcox All other photos in this template courtesy of Bill Staples www. graphic-host. com/. . . /06/5 bc 06 a 9833 e 8 f 957. jpg References