User Interface Design Pattern Library Project


Home

Work Distribution

Assignment 1
Proposal

Assignment 2
Revised Problem Statement
Persona Explanation
Personas and Goals
Task Analysis
Appendices


Assignment 3
Scenarios
Persona Revisions
Task Revisions
Comparative Analysis
Initial Design Ideas

Assignment 4
Prototype
Write-up
Appendices

Assignment 5
Write-up
Interactive Prototype
Presentation (ppt)

Assignment 6
Heuristic Evaluation for UC HIPO

Assignment 7
Write-up
2nd Interactive Prototype
Appendix

Assignment 8
Write-up
Appendix

Assignment 9
Write-up
Presentation (ppt)
Final Interactive Prototype

Raw Survey Data

Part 1. Naming Page elements
Image USER 3 (U3) User 2 (U2) User 1 (U1)
1. User Experience Naviation Quick Links Shopping Cart Management
2. Site Navigation Double/Sub Navigation Navigation Bar (Tabs)
3. Breadcrumbs Breadcrumbs Breadcrumbs Dir Path
4. Page Navigation Tabbed Navigation Tabs
5. Page Detail Navigation Side Menu Navigation List or Menu

Pt.II -Revisiting Names
Rank Name U3 U2 U1 Total
No. 1
1. Utility Links 2 2 2 6
2. Utility Bar 3 1 3 7
3. Help Navigation 1 3 4 8
4. Navigation Bar 4 4 5 13
5. Navigation 5 5 7 17
6. Gloval Navigation 6 6 6 18
Other Account Manager 1
No.2
1. Top Level Navigation 2.5 3 3 8.5
2. Stacked Navigation 6 1 2 9
3. Double Navigation 4 2 4 10
4. Horizontal Bar 5 5 1 11
5. Global Navigation 2 4 7 13
- Double Navigation 1 6 6 13
6. Navigation Bar 3 7 5 15
No.3
1. Breadcumbs 2 1 1 4
2. Local Breadcrumbs 1 2 2 5
3. Links 3 3 3 9
4. Navigation Links 4 5 4 13
5. Navigatoin 5 4 5 14
No.4
1. Navigation Tabs 1 1 2 4
2. Tabs 2 2 1 5
3. Tab Rows 3 4 3 10
4. Navigation 4 3 4 11
No.5
1. Menu 5 1 1 7
2. Navigation Menu 4 4 2 10
3. Right Navigation 6 2 4 12
- Contextual Navigation 2 5 5 12
4. Vertical Navigation 7 3 3 13
5. Directory 3 6 6 15
Pt.III Additional Elements
Rank Name U3 U2 U1 Total
No. 1
1. Double Tab Navigation 1 2 1 4
2. Tab Rows 2 5 3 10
3. Navigation Tabs 3 3 5 11
4. Tabs 4 6 4 14
Other Stacked Navigatoin 1
- Hierarchical Tabs 1
No.2
1. Course Schedule 3 1 1 5
2. Course List 1 4 2 7
3. Course Calendar 2 2 4 8
4. Course Planner 4 3 3 10
Other Course Offering 0.5
No.3
1. Course Schedule 2 2 1 5
2. Course Calendar 3 1 3 7
3. Course Planner 5 3 2 10
4. Course List 4 4 4 12
Other Course Offering Schedule 1