Upload
codemotion
View
55
Download
2
Embed Size (px)
Citation preview
“I want to build great things... I start out with good intentions but it always turns out rubbish... what happened?”
What will you learn?
• How important it is to have one vision • How to think like a user• Why you should wireframe and how to do it• How to make a throwaway prototype• How to evaluate your work• & Finally when to scrap it and start again
The User - Who are they?
• Really think & write out who will use your app/website
• Write out their age, education job etc.
• Name them - for example Arthur Dent
Example “I just want to buy what I want and get out”
James Dent32 years oldProduct Manager
Key GoalsKnows what he wants to buyDoesn't want to browse
BehaviorsGets bored quicklyWants quality products
We MustClearly show key featuresShow only relevant offers
We must neverProvide fluffy product descriptionsOverwhelm with choice
Why wireframe?
• Fast layouts • Easy to see if you have everything you need• Fast to iterate on• Cheaper than changing code
Why wireframe?
Having one idea is great
Iterating on an idea is better
Trying multiple ideas gives you the best solution
Some Tools - listed
• Pen & Paper - Super Fast • Balsamiq Mockups - Fast if you’re scared of paper • Axure - Less fast but High Fidelity • Photoshop - Use if a client is going to look at it • Illustrator - If you dont like Photoshop • InvisionApp - Link those bad boys!
• How important it is to have one vision • How to think like a user• Why you should wireframe and how to do it• How to make a throwaway prototype• How to evaluate your work• & Finally when to scrap it and start again
What we have covered