1. 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.

2. 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

3. 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?

4. 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?

5. 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?

6. 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?

7. 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?