�ݺ�ߣ

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- 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 �ݺ�ߣ-in �ݺ�ߣ-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

�ݺ�ߣ

ui

Recommended

More Related Content

Viewers also liked (7)

Similar to ui (20)

Recently uploaded (20)

ui