1. User Interface Design
Chapter 8

2. Outline User Interface UI Design Report Design Principles of UI Design
From Analysis to UI Design
Report Design

3. User Interface = SYSTEM
The inputs & outputs that directly involve a human user/actor
User-Centered Design
Focus on the users
Ensure Usability
Use Iterative development
It should encompass the principles of HCI
Human-Computer Interaction (HCI)
A field of study concerned with the efficiency and effectiveness of user interaction with computer systems, human-oriented input and output technology, and psychological aspects of user interfaces
User Interface = SYSTEM
to the user

4. Principles of UI Design
Human Interface Objects (HIO): a GUI control – click, double click, hover, etc.
Principles
Visibility
Affordance
Consistency
Feedback - “Record has been saved”
Discoverability - make it easy to find hidden features (e.g. click an object)
Closure - clear beginning, middle, end
Reversal of Actions
Readability - fonts: size & color; Reduce Information Overload
Navigation
Usability - simplicity , shortcuts, error handling
Reduce Short-Term Memory Load
187465
Cust ID:

5. From Analysis to UI Design
1st: Know the User!
2nd: Have your:
Use Cases
Use Case Descriptions
3rd: Group use cases into a Menu Hierarchy

6. From Analysis to UI Design
Determine your Navigation
Use MENUs to organize your use cases

7. Storyboarding Storyboard in Applications Development Wireframe
A mock design of the dialog between an application and a human.
Create a storyboard for a use case.
Wireframe
A single mock screen
Watch a Lucidchart video:

8. Sorting vs Filtering Useful for any list, table, electronic report
Sorting - reorganizes
Filtering - reduces

9. Original Data

10. Sorted Data

11. Filtered Data

12. Filtered & Sorted

13. Report Design

14. Report Design Report Types Report Features Detailed Summary Exception
Executive
Report Features
Control break
Drill down

15. Detailed Report

16. Summary Report
Aggregate Functions
CrossTab

17. Exception Report

18. Control Break “Grouping” values in a report for various reasons:
Formatting
Subtotals
Data must be pre-sorted
Every time one of your major sort fields changes, you do something different. For example:
Add separator line
Display subtotals for the previous group

19. Report without Control Break

20. Basic Control Break
With
formatting &
Averages

21. Drill Down Capability
Reports
Graphs

22. Turnaround Document