Wireframe and Prototype Development

Wireframe and Prototype Development

Wireframes are fast and cost effective illustrations of the functional elements within a page in a website or mobile device. They are low-fidelity diagrams

• representing the structure and placement of all the elements on specific templates or pages
• outlining the basic behaviour of the elements with numbered and colour-coded annotations

They are developed using research from sources as diverse as site analytics, card sorting, surveys or user testing and can be developed in parallel to creative concepts and revised easily based on feedback from iterative user testing. This helps iron out any potential usability issues that may appear later on.

Wireframes are typically delivered for all templates along with a small number of illustrative pages as a document. Depending on the brief, these can be either low-fidelity or high-fidelity, and in some cases can include an html prototype.