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.
End user/ Context
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- 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?
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?