Jump to content

Visual guide

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by BadSprad (talk | contribs) at 19:10, 19 May 2015 (added image of wireframe). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.


This is a basic wireframe. It includes the URL, title, links, graphics, and other elements of a webpage.

When applied to building block a website or similar work product, a Visual Guide can be an intermediate step toward the end goal of a complete website. By creating a visual guide along the way, the designer or developer can get input from the other people involved in the website such as the customer, their manager, and other members of the team. The visual guide will provide a view to the customer of what their website or project will end up looking like. It ensures that they are kept up to date on any developments and changes made to the structure or visuals. Visual guides also allow you to define the information hierarchy of the design.[1]


A visual guide could be a wireframe, creative composition, or information architecture. A device that enables collaboration will lessen the chance of work having to be completely redone. A manager could create a visual guide for the team to complete the build-out.

Paper prototype could be an excellent way to develop Visual Guides.

References

Some links about this topic are:

What is Paper Prototyping www.paperprototyping.com/what.html

Paper Prototyping: Get User Data *Before* Coding (Jakob Nielsen's ... www.useit.com/alertbox/20030414.html

Five Paper Prototyping Tips www.uie.com/articles/prototyping_tips