Upcoming SlideShare
Loading in...5







Total Views
Views on SlideShare
Embed Views



1 Embed 5

http://www.linkedin.com 5



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Elearning Elearning Presentation Transcript

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