Refine

We use the findings from the usability test to fix any usability issues and to refine the design so that it more closely matches the user’s expectations.

Refine Phase Deliverables

Annotated Wireframe Examples

View image

Annotated Wireframe Examples

Visual Style Guide Example

View image

Visual Style Guide

Changes to the design are always fine-tuning, such as labeling, placement of a UI element, content, or adjustments to the color palette. We ensure that the foundational elements, such as the information architecture, navigation, content, and visual design, have been well vetted.

Once all the changes are made, we deliver annotated wireframes, describing the elements on the page and their interactions. The level of detail depends on the development team's needs. Some compaies request a detailed specification, while others request notations directly on the wireframe.

If we've provided the visual design, we also provide a detailed visual design style guide that indicated the layout specifications to create each page template.