Elearning

1,055 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,055
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Elearning

  1. 1. Welcome Introduction to Basics of E-Learning basics & Interaction Design Presenter: Haobam Martin
  2. 2. E-Learning
  3. 3. Brief History <ul><li>Instructor Led Training (ILT) </li></ul><ul><li>CBT, WBT </li></ul><ul><li>Next wave of E-learning (ILT + CBT) </li></ul><ul><li>AICC - Aviation Industry CBT Committee </li></ul><ul><li>SCORM - Sharable Content Object Reference Model </li></ul>SCORM - Sharable Content Object Reference Model <ul><li>Collection of standards and specifications </li></ul><ul><li>LMS (Learning Management System): It defines how client side content and a host system may communicate with each other, as well as how content may be packaged (Digital Think - L5-2.5 , Knowledge Planet) </li></ul>
  4. 4. E-Learning SERVER LMS Users Users Users Users
  5. 5. E-learning Basics <ul><li>Based on rich media </li></ul><ul><li>SCROM compliant </li></ul><ul><li>Element count </li></ul>Header Navigation Content LMS
  6. 6. E-learning Interactivities <ul><li>Flip book </li></ul><ul><li>Guide </li></ul><ul><li>Simulation </li></ul>E-learning Assessments <ul><li>Radio button </li></ul><ul><li>Check box </li></ul><ul><li>Text input </li></ul>
  7. 7. Interaction Design/Usability
  8. 8. Brief History <ul><li>1980: Hardware Boom </li></ul><ul><li>1990: Software Boom </li></ul><ul><li>2000: User-Centered Solution </li></ul>Usability Is Next to Profitability <ul><li>More and more companies are now investing money on usability to increase their ROI </li></ul><ul><li>Businesses that don't have their own user-interface departments are hiring outsiders to get the job done. </li></ul><ul><li>A 5% improvement in usability could increase revenues by 10% to 35%, according to studies by NetRaker, a usability and market-research firm. </li></ul>
  9. 9. Bad Design Example
  10. 10. Some tips on Web Usability <ul><li>User task flow: Who are your users? What are their tasks and online environment? For a site to be usable, page flow must match workflow. </li></ul><ul><li>Usability test along the way :   Test early in design using low-fidelity prototypes. Don't wait until the end when it's too late. </li></ul><ul><li>Know user tolerances : Users are impatient. Design for a 2-10 second maximum download. Reuse header graphics so they can load from cache. Avoid excessive scrolling. </li></ul><ul><li>Architecture – it's 80% of usability : Build an efficient navigational structure. Remember – if they can't find it in 3 clicks, they're gone. </li></ul><ul><li>Navigational Structure </li></ul><ul><li>Button Consistency </li></ul><ul><li>Ten Usability Heuristics by Jakob Nielsen (http://www.useit.com) </li></ul>
  11. 11. Infographics <ul><li>Information graphics reveal the hidden, explain the complex and illuminate the obscure. </li></ul><ul><li>Constructing visual representation of information is not mere translation of what can be read to what can be seen. </li></ul><ul><li>Example: </li></ul><ul><li>How to assemble your table, </li></ul><ul><li>Working of machine </li></ul>
  12. 12. Typography <ul><li>Avoid color of similar lightness </li></ul><ul><li>Exaggerate lightness difference between foreground and background color </li></ul><ul><li>Neighboring colors always affect </li></ul><ul><li>Times New Roman is for newspapers </li></ul><ul><li>Verdana – the best font for everyone (sans serif) </li></ul>
  13. 13. Usability for Mobile Devices <ul><li>Taking the device into use </li></ul><ul><li>Learning to use it </li></ul><ul><li>Daily use </li></ul><ul><li>UI Elements (mobile) </li></ul><ul><ul><li>Input </li></ul></ul><ul><ul><ul><li>Numeric keypad </li></ul></ul></ul><ul><ul><ul><li>Control keys </li></ul></ul></ul><ul><ul><li>Output </li></ul></ul><ul><ul><ul><li>Display </li></ul></ul></ul><ul><ul><ul><li>Earpieces </li></ul></ul></ul><ul><ul><ul><li>Hand free </li></ul></ul></ul><ul><ul><ul><li>Buzzer </li></ul></ul></ul><ul><ul><ul><li>Vibrators </li></ul></ul></ul><ul><ul><li>Market building </li></ul></ul>
  14. 14. New Media Design
  15. 15. Brief History <ul><li>Short attention span </li></ul><ul><li>Broadband connectivity </li></ul><ul><li>Higher processing power </li></ul><ul><li>More interactive way of learning </li></ul><ul><li>Product simulation </li></ul><ul><li>Motion picture </li></ul>New Media Design Tools <ul><li>Adobe Photoshop </li></ul><ul><li>Macromedia Flash </li></ul><ul><li>Adobe After Effects </li></ul><ul><li>Discreet Combustion </li></ul><ul><li>3D Max </li></ul>
  16. 16. Applications <ul><li>Product simulation/demo </li></ul><ul><li>Online learning </li></ul><ul><li>Promotional Interactive campaign </li></ul><ul><li>On demand learning </li></ul><ul><li>Graphic Design & Marketing </li></ul><ul><li>Content Management Systems </li></ul><ul><li>Custom Application Development </li></ul>
  17. 17. Thank You

×