1. Desinging the User Interface Dr. Dania Bilal IS582 Spring 2008

2. Definition A good human-computer interface provides a unifying structure for finding, viewing and invoking the different components of a system (Valacich, et. al.) User-centered design

3. Guidelines Narrative Layout and design Structuring data entry fields Providing feedback (retrieval) System help Usability testing Refinement

4. Design Prototype Methodology –Gather user data –Analyze user data –Interpret user data –Construct prototype –Assess usability of prototype –Make refinements

5. Designing Screen Layouts Flexibility and consistency are primary design goals –Users should be able to move freely between fields –Data should not be permanently saved until the user explicitly requests this –Each key and command should be assigned to one function

6. Designing Screen Layouts –Standard formats similar to paper-based forms and reports should be used –Screen navigation on data entry screens should be left-to-right, top-to-bottom as on paper forms Interface design should reduce user data entry errors

7. Designing Screen Layouts Designers/system analysts should anticipate user errors and design features into the system’s interfaces to avoid, detect, and correct data entry mistakes. System designers should employ validation test techniques to detect user errors. –Example: validation test for number of characters allocated for data entry of social security (9 digits?)

8. Feedback Design 1.Status of operation –Keeps users informed of what is going on in system –Displays status if an operation takes longer than a second or two 2.Error and Warning Messages –Messages should be specific and free of error codes and jargon –User should be guided toward a result rather than scolded –Be consistent in format and placement of messages

9. Help Design Guidelines –Simplicity Help messages should be short and to the point –Organization Information in help messages should be easily absorbed by users –Demonstrate It is useful to explicitly show users how to perform an operation

10. Resources Jakob Neilsen’s website –www.useit.com Ten usability heuristics –www.useit.com/papers/heuristic/heuristic_list.html User interface design: Tips and techniques –www.ambysoft.com/userInterfaceDesign.html A summary of principles for user-interface design –www.sylvantech.com/~talin/projects/ui-design.html