Experienced user interface designers quickly create wireframes that demonstrate how a site looks, behaves, and how it is organized, prior to writing a single line of code.  The information architecture represented through wireframes provides a black and white visual layout of each page in the site before it is built.

Design

The Process

For new products, the process usually starts with a textual requirements document.  StoneUX converts these requirements into wireframes, providing a visual representation of the site.  

Text requirement drawbacks
  • Facilitates requirements development

  • Effectively communicates detailed level of requirements

  • Enables design iteration prior to development

  • Shortens development time and saves money

  • Ensures the right product is built the first time

Wireframe benefits

For existing products, the redesign process starts with an expert evaluation or a user study on the existing design.  This lets us find out what needs to be done to make the product more efficient and user friendly.  Findings are blended with new product requirements to create the new design.

  • Does not provide a visualization of the product

  • Team members may have different ideas about what the product will look or function like

  • Easy to misinterpret

  • Leaves many imporant specification details unaddressed

  • Main navigation, subnavigation, and breadcrumbing

  • Information placement on pages

  • Control selection and placement

  • Behaviour when clicking on links and buttons

  • How feedback is given to the user

Wireframs show