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

Persona Explanation & Justification
We developed our personae primarily by using information obtained through a survey and an interview process.

Survey
On December 2, 2005, Shel Waggener, CIO of UC Berkeley distributed our survey via multiple web developer email lists. The community was given two weeks to respond.

Our survey was designed to find out the type of skills and backgrounds of individuals who work on UC Berkeley web applications and sites. We did not know who these people were, where they work on campus or the type of sites they worked on. 229 individuals responded.

The survey allowed us to categorize respondents into several types based on the role they performed in web projects. We selected five types of individuals based on job responsibilities. Each type builds or designs user interfaces and therefore, are the best candidates to investigate the use of UI design patterns. Those five types of potential users are Programmers, Graphic Designers, Project Managers, Swiss Army, and Staff. A Swiss Army type is a person who described him or herself as one who fulfills multiple job functions like programming, designing, content development and project management.

Interviews
We developed an interview script to determine the specific job responsibilities and roles individuals play in a web or application project. This information was critical in identifying potential users of our system. We interviewed 9 potential users. See Appendix for details.

From there we determined we needed a second round of interviews to focus on the Swiss Army person and how they work. We conducted three additional interviews with 4 potential users to more closely understand how they develop user interfaces. They were also introduced to UI patterns and pattern libraries and asked several questions about them. See Appendix for details.

Analysis and Brainstorming
Using a whiteboard and refering to notes from the first round of interviews, we spent a session describing the characteristics of each of our 8 interviews and began organizing them into groups. We decided to set aside the original categories we had developed and instead focus on common traits and interest in UI patterns. We developed five personas.

Hans is responsible for end-to-end web application development and is very interested in UI patterns because they might make the design process more efficient. He doesn't have formal design experience but finds that part of the project interesting and wants to do a good job. But ultimately, he needs to move on to other parts of his project and doesn't have time to linger on UI design. We decided to make Hans our primary persona because of his interest and ability to implement patterns.

Five Personas

Brainstorming Whiteboard Session