Graphics Reference
In-Depth Information
wirefraMing
tips
•Priortostartingwireframes,designersshouldhaveaclearunderstandingofthe
products, users, and their goals, and a clear grasp of the projects business goals.
•Workinactualpixeldimensions
•Don'tusefontsthatcan'tbeusedontheWeb
•Workinagrid(Chapter6.)
•Beconsistentinpagenumbering
•Trackrevisions
wirefraMing
tools
Visio (Windows):
http://office.microsoft.com/en-us/visio/
Omnigraffle (Mac):
www.omnigroup.com/products/omnigraffle/
Blasmiq:
www.balsamiq.com/
Adobe Fireworks:
www.adobe.com/products/fireworks.html
Mockflow:
www.mockflow.com/
Protoshare:
www.protoshare.com/
Prototyping
Prototypesarebuiltbylinkingmultiplewireframestogether,throughhotspotsonapage,
to simulate a particular experience. Typically the experience in a prototype is simpli-
fied from the full experience, but provides enough interaction to learn how a user will
behave. Because of their simplistic nature, prototypes are a great tool to use during
usability testing sessions.
benefits
of
prototyping
•Prototypesaretangibleandofferuserssomethingtointeractwith.
•Thein-processnatureofaprototypeencouragesusersandstakeholderstoprovide
feedback without having to worry about hurting someone's feelings.
•Prototypesareaclearerdeliverabletobusinessstakeholdersorclients.
•Aprototypecanquicklyrevealdesignproblems,particularlythosewhichwerenever
considered.
Search WWH ::
Custom Search