• Save
ui
Upcoming SlideShare
Loading in...5
×
 

ui

on

  • 953 views

 

Statistics

Views

Total Views
953
Views on SlideShare
953
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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

ui ui Presentation Transcript

  • What is the user interface?
    • User interface is nothing but, that enables a person to interact or use something.
    • This includes visual appearance, icons, navigational elements, requests for information, links etc.
    • Layout
      • End user/ Context
      • Global elements
    • Design
      • Visual clarity
      • Colour schemes
      • Consistency
      • Specifying fonts
    • Functionality
      • Usability
      • Navigation
      • User testing
    Things to keep in mind while developing UI
  • Layout Inaccuracy Design is clear and appealing.
  • Layout Use Clear and Logical Screen Layouts Four principles of screen layout are: 1. Place screen objects together in a logical order. 2. Place buttons where the user's eye can easily find them. 3. Give buttons clear symbols or labels. 4. Group buttons together based on their function and frequency of use. Design is clear and appealing.
  • Layout Design-800X600 Quit sounds like quitting the exercise or something. Refer Needs Analysis Doc
    • Who will use the Course?
    • What are their characteristics - age, education, language, motivation, domain knowledge, knowledge of computers?
    • It is important that the development team have a realistic view of the users.
    Layout- End user Refer Needs Analysis Doc
  • Layout- Global elements Home Glossary Help Credits Index Downloads Templates Glossary Help Credits Index Downloads Templates Elements for SCORM Based Course Elements for Non-SCORM Based Course Transcript Transcript Global links: User can easily and logically access at any time Refer Needs Analysis Doc Search Bookmark
  • Design- Visual Clarity Visual Clarity: I can recognize things and the design is clear and appealing. Inaccuracy
  • Design- Colour schemes Warm Colours Dark Actual Pastel 216 Web colours
  • Colour Character Good Colour Combination Design- Colour schemes
  • Design- Consistency
  • Design- Specifying fonts Course Name Module Name Display Name
    • ISO defines usability in terms of supporting users in carrying out tasks effectively, and satisfactorily.
    • Effectiveness - the task is completed to an appropriate quality
    • Satisfaction - the user experiences satisfaction in doing the work
    • If users can’t complete their tasks efficiently and effectively, the system is faulty
    • ‘ If I can’t use it, it’s broken’
    Functionality - Usability
    • Navigation – I can find my way around
    • Control – I’m in charge
    • Language – I understand the terminology
    • Help – I can get help when I need it
    • Feedback – I know what the system is doing
    • Consistency – I don’t have to learn new tricks
    • Visual clarity – I can recognize things and the design is clear and appealing.
    Functionality – Usability principles
  • Functionality - Navigation Types of navigations Linear Non linear Navigation: I can find my way around
  • Menus Dropdown Slide-in Slide-out Static Traditional Functionality - Navigation
    • When reviewing and evaluating the computer interface of your e-learning program, you should be able to answer yes to the questions below.
    • Do all buttons and icons have a consistent and unique appearance?
    • Are visual cues like mouse cursor changes and roll-over highlights used consistently on all buttons?
    • Are buttons labeled with text descriptions (or with roll-over text)?
    • Do buttons gray-out or disappear when they are inactive?
    • Are navigation buttons displayed in exactly the same screen position every time they appear?
    • Are buttons grouped logically and located where the user is likely to be looking?
    • Do users have one-click access to help, exit, and the Main Menu?
    • Are users returned to where they left off after closing the help window and canceling out of the exit screen?
    • Does every menu have a title?
    • Does every menu screen include an option to return to the previous or Main Menu?
    • Are there fewer than three levels of menus?
    User testing
    • Do menus have nine or fewer items on them?
    • Are menu items listed in a sequential or logical order?
    • Do menus indicate which items the student has completed?
    • Are there clear instructions associated with menus, questions, and other tasks?
    • Are error messages written in plain language?
    • Are status messages displayed during delays greater than four seconds?
    • Are page or screen counters used to show progress within linear lessons?
    • Are all pop-up windows positioned on the screen so they do not cover up relevant information?
    • Does text appear clearly and with normal margins and spacing?
    • Can users interact with the program from either the keyboard or the mouse?
    • Are text fonts used consistently?
    • Are audio volume levels consistent?
    • Do users have the option to replay video or audio narration?
    User testing