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

UI Design Pattern Library Project

Building good user interfaces is no trivial task. Many UCB campus web developers lack time and expertise for UI design or focus too intently on creating a distinctive visual design for specific sites. Budgets do not include allotments for UI designers or usability experts. Even when a web application developer consciously focuses on user interface design, the resulting application can have usability, consistency, and interoperability problems.

We propose a user interface design pattern management system to provide basic UI components and conventions to help alleviate or at least minimize these problems. A user interface design pattern is a document that describes a UI problem, its solution, a rationale for that solution and examples of the solution.  The typical pattern format is text-heavy with few visuals and an unclear relationship between patterns.  Typical pattern libraries are also discoverable primarily by the pattern name rather than the problem the pattern wishes to solve. 

Team Members & Roles

David Hong, Group Manager
Core Competencies: Programming/Development, User Experience Design

Tim Dennis, User Testing Manager
Core Competencies: Programming/Development

Kelly Snow, Documentation Manager
Core Competencies: Project Management, User Testing, User Experience Design, Graphic Design, Front-end Production

Owen Otto, Design Manager
Core Competencies: User Experience Design, Visual Design, Front-end Production