• Home
• /
• Process
• /
• User Interface Design

User Interface Design

Phase 1 — Initiation

Our business analyst performs a customer, target audience, domain, and competitor analysis. Then the client's contact person answers a short questionnaire. Then the business analyst and contact person define and agree on business goals, user goals, and project success metrics. As a result of this phase, the scope document is prepared by our project manager and agreed upon by both parties.

Phase 2 — User Interface Modeling

Our business analyst and user interface modeler define personas and navigational maps. Personas are discussed and agreed upon with the client contact person. Then the user interface modeler creates wireframes and an HTML prototype. This is the key phase of the process, when user interface can be seen, clicked through, and discussed.

Phase 3 — Usability Testing

Our business analyst and user interface modeler prepare usability test tasks. Then usability testing participants try to complete these tasks, and the user interface modeler observes, protocols, and analyzes their performance. Based on this analysis, the wireframes and HTML prototype are updated. As a result of this phase, the quality of the user experience is improved.

Usability testing participants are people who are not involved in the project but fit the personas defined in Phase 2. They are taken from our database and paid for the time they participate. They also sign a nondisclosure agreement.

Phase 4 — User Interface Specification

Our business analyst and user interface modeler prepare a production manual for the development team. As a result of this phase, the software requirement specification and use case documents will be prepared.

Phase 5 — User Interface Production

Our visual designer prepares design mockups and updates the HTML prototype to apply visual design. As a result of this phase, the user interface presentation is completed.

Final Phase — Delivery

Our project manager prepares all the deliverables and delivers them to the client. After the deliverables are approved by the client, the project is considered finished.

Support

Additional developer support may be requested. This means that our business analyst, user interface modeler, or visual designer will answer any questions related to the production manual asked by the development team.

Results

At the end of the User Interface Design process, there is a series of documents produced and delivered to the client:

• Wireframes. A set of graphic documents that describe page layouts.
• Use Cases. A set of text documents that describe page navigation and interactions.
• Software Requirement Specification. A text document that describes business rules and functionality in detail.
• Visual Design Mockups. A set of graphic documents that define visual design.
• HTML Prototype. A set of clickable pages that simulates the real system.
• Video or Slide Presentation. A video movie or slide show that demonstrates the overall project, with pages of the application and its background.

There are also some operational documents delivered to the client:

• Personas. A set of text documents that describe key user types.
• Navigational Maps. A set of graphic documents that describe page navigation.

Have a question? Feel free to contact us.

Back to Processes List