Published on

Published in: Business, Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide


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