Human Computer Interface Prototype Your Prototype Make the UI easy to learn ----- intuitive Make it easy to navigate --- again intuitive The interface defines how the user and the computer will proceed to accomplish a task. Data has substantiated that a well-designed graphical user interface decreases the user's learning curve and is able to lessen the user's mental load when using the application. User interfaces have been shown to impact usability when measured by such criteria as speed, accuracy, number of tasks completed, time to learn how to use the system, frequence of reference to documentation, and subjective measures regarding satisfaction with system and satisfaction with performance.

For the Prototype It must be a working prototype – executable. It should be executable from a hyperlink or downloadable to execute. It should allow entry into fields but no editing. It should allow correct navigation

Items included in HCI Prototype 1. List of HCI Screen used 2. HCI Screens 3. Navigation Matrix 4. Presentation Other Considerations Be consistent not only within your application, but attempt to use the same conventions that other applications use. This is not the place to be inventive. Even if you devise a better method, if it conflicts with standard conventions, you will only confuse your users. If practical, give the users the ability to customize their display elements. This might consist of letting users select the toolbar bar buttons for functions they use most or allowing them to select the location of buttons or icons. Do not rely solely on a mouse for navigation. If the mouse fails and you do not provide alternate keyboard controls, your users may be stuck. Which is better?

For the Presentation List of HCI Screen Used List of Screens/Reports User Interfaces Screen/Report ID Screen/Report Name Use Case Used In Scr#### Name of Screen UC1, UC4……. ……… Other Considerations Be consistent not only within your application, but attempt to use the same conventions that other applications use. This is not the place to be inventive. Even if you devise a better method, if it conflicts with standard conventions, you will only confuse your users. If practical, give the users the ability to customize their display elements. This might consist of letting users select the toolbar bar buttons for functions they use most or allowing them to select the location of buttons or icons. Do not rely solely on a mouse for navigation. If the mouse fails and you do not provide alternate keyboard controls, your users may be stuck. Build a table that gives each screen a UNIQUE id , name and identify all the use cases in which this screen is used. Which is better?

For the Presentation HCI Screens 1. Build each Screen for the specific use case build the screen using the User Interface Environment Provided 2. Take a Screen Shot of the Screen If the software does not provide a mechanism to print then print the screen using print scrn Other Considerations Be consistent not only within your application, but attempt to use the same conventions that other applications use. This is not the place to be inventive. Even if you devise a better method, if it conflicts with standard conventions, you will only confuse your users. If practical, give the users the ability to customize their display elements. This might consist of letting users select the toolbar bar buttons for functions they use most or allowing them to select the location of buttons or icons. Do not rely solely on a mouse for navigation. If the mouse fails and you do not provide alternate keyboard controls, your users may be stuck. Which is better?

For the Navigation Matrix User Interface Navigation Matrix Template Screen1 Screen2 Screen3 N/A Other Considerations Be consistent not only within your application, but attempt to use the same conventions that other applications use. This is not the place to be inventive. Even if you devise a better method, if it conflicts with standard conventions, you will only confuse your users. If practical, give the users the ability to customize their display elements. This might consist of letting users select the toolbar bar buttons for functions they use most or allowing them to select the location of buttons or icons. Do not rely solely on a mouse for navigation. If the mouse fails and you do not provide alternate keyboard controls, your users may be stuck. Which is better?

Prototype Presentation Build a Presentation that walks the user thru the events that can happen in the use case and which screens will be displayed. Go over the data that is included in each of the screens so the user will understand its content. Other Considerations Be consistent not only within your application, but attempt to use the same conventions that other applications use. This is not the place to be inventive. Even if you devise a better method, if it conflicts with standard conventions, you will only confuse your users. If practical, give the users the ability to customize their display elements. This might consist of letting users select the toolbar bar buttons for functions they use most or allowing them to select the location of buttons or icons. Do not rely solely on a mouse for navigation. If the mouse fails and you do not provide alternate keyboard controls, your users may be stuck. Which is better?