1. Developed by Justin Francisco, SUNY Fredonia USER INTERFACE DESIGN By: Justin Francisco

2. Developed by Justin Francisco, SUNY Fredonia Outline 1. What is it? 2. The Golden Rules 3. User Interface Analysis and Design (Skip) 4. Interface Analysis 5. Interface Design Steps 6. Design Evaluation (Diagram)

3. Developed by Justin Francisco, SUNY Fredonia What is it?  The design interface between the human (user) and the computer.  Design identifies interface objects and actions and then creates a screen layout that forms the basis for a user interface prototype.

4. Developed by Justin Francisco, SUNY Fredonia The Golden Rules Place User in Control Define interaction modes in a way that does not force a user into unnecessary or undesired actions Define interaction modes in a way that does not force a user into unnecessary or undesired actions Provide for flexible interaction Provide for flexible interaction Allow user interaction to be interruptible and undoable Allow user interaction to be interruptible and undoable Streamline interaction as skill levels advance and allow the interaction to be customized Streamline interaction as skill levels advance and allow the interaction to be customized Hide technical internals from the casual user Hide technical internals from the casual user Design for direct interaction with objects that appear on the screen Design for direct interaction with objects that appear on the screen

5. Developed by Justin Francisco, SUNY Fredonia Reduce the User’s Memory Load The more a user has to remember, the more error-prone interaction with the system. Reduce demand on short-term memory Reduce demand on short-term memory Establish meaningful defaults Establish meaningful defaults Define shortcuts that are intuitive Define shortcuts that are intuitive The visual layout of the interface should be based on a real world metaphor The visual layout of the interface should be based on a real world metaphor Disclose information in a progressive fashion Disclose information in a progressive fashion

6. Developed by Justin Francisco, SUNY Fredonia Make the Interface Consistent The interface should present and acquire information in a consistent fashion. The interface should present and acquire information in a consistent fashion. Allow the user to put the current task into a meaningful context Allow the user to put the current task into a meaningful context Maintain consistency across a family of applications Maintain consistency across a family of applications Do not make changes to what users might expect Do not make changes to what users might expect

7. Developed by Justin Francisco, SUNY Fredonia Interface Analysis Interface analysis means understanding: Interface analysis means understanding: (1) the people (end-users) who will interact with the system through the interface (1) the people (end-users) who will interact with the system through the interface (2) the tasks that end-users must perform to do their work (2) the tasks that end-users must perform to do their work (3) the content that is presented as part of the interface (3) the content that is presented as part of the interface (4) the environment in which these tasks will be conducted (4) the environment in which these tasks will be conducted

8. Developed by Justin Francisco, SUNY Fredonia

9. Interface Design Steps 1.Using information developed during interface analysis, define interface operations. 2. Define events (user actions) that will cause the state of the user interface to change. Model this behavior. 3. Depict each interface state as it will actually look to the end-user. 4. Indicate how the user interprets the state of the system from information provided through the interface.

10. Developed by Justin Francisco, SUNY Fredonia Interface Design Patterns Patterns are available for: The complete UI The complete UI Page layout Page layout Forms and input Forms and input Tables Tables Direct data manipulation Direct data manipulation Navigation Navigation Searching Searching Page elements Page elements e-Commerce e-Commerce

11. Developed by Justin Francisco, SUNY Fredonia Design Issues Response time Response time Help facilities Help facilities Error handling Error handling Menu and command labeling Menu and command labeling Application accessibility Application accessibility Internationalization Internationalization

12. Developed by Justin Francisco, SUNY Fredonia

13. THE END ANY QUESTIONS???