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