Visual guide: Difference between revisions

Revision as of 15:52, 16 March 2009

Latest revision as of 18:19, 21 August 2025

(18 intermediate revisions by 12 users not shown)

Line 1:

[[File:Wireframe Example.jpg|thumb|right|This is a basic wireframe. It includes the URL, title, links, graphics, and other elements of a webpage.]][[File:Information Architecture Example.jpg|thumb|right|This is an example of information architecture relating to a web application.]]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 on 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.<ref>{{cite web|url=http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing--webdesign-7399|title=A Beginner’s Guide to Wireframing|publisher=}}</ref>

''{{Orphan|date=October 2006}}

A visual guide could be a [[Website wireframe|wireframe]], creative composition, or [[information architecture]]. A device that will enableenables collaboration will save time, decreasinglessen the chance of work having to be completely redone. A manager could create a visual guide for the team to complete the build-out.

When applied to building 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 buy-in from the other people involved in the website such as the customer, their manager and other members of the team.

[[Paper prototyping|Paper prototype]] could be an excellent way to develop Visual Guides.

A visual guide could be a [[Website wireframe|wireframe]], creative composition or information architecture. A device that will enable collaboration will save time, decreasing the chance of work having to be completely redone. A manager could create a visual guide for the team to complete the build-out.

== References ==

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

{{Reflist}}

==External links==

*[http://www.paperprototyping.com/what.html What is Paper Prototyping?] {{Webarchive|url=https://web.archive.org/web/20120829152059/http://www.paperprototyping.com/what.html |date=2012-08-29 }}

Some links about this topic are:

*[http://www.useit.com/alertbox/20030414.html Paper Prototyping: Get User Data *Before* Coding]

*[http://www.uie.com/articles/prototyping_tips Five Paper Prototyping Tips]

* [https://macmillandesign.com/ MacMillan Design]

{{DEFAULTSORT:Visual Guide}}

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

[[Category:Web design]]

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

[[Category:Web design]]

{{comm-design-stub}}

{{compu-prog-stub}}

''