The hitchhiker’s guideTo UXing without a UXerWednesday, 1 May 13
Chrissy WelshSenior UX ConsultantWednesday, 1 May 13
Why do this talk?Wednesday, 1 May 13
The ELEPHANT in the room!Wednesday, 1 May 13
“I want to build greatthings... I start out withgood intentions but italways turns out rubbish...what happened?”Wednesday,...
A BWednesday, 1 May 13
A BWednesday, 1 May 13
A BGreat ExperienceEasy InterfacesHappy UsersWednesday, 1 May 13
A BGreat ExperienceEasy InterfacesHappy UsersWednesday, 1 May 13
Wednesday, 1 May 13
What will you learn?Wednesday, 1 May 13
What will you learn?• How important it is to have one vision• How to think like a user• Why you should wireframe and how t...
“A journey of a thousand miles begins with one small step.”Wednesday, 1 May 13
The VisionWednesday, 1 May 13
The Vision - Do you have one?Wednesday, 1 May 13
Print this out...Wednesday, 1 May 13
Print this out...“What one thing doyou want it to do well?”Wednesday, 1 May 13
Wednesday, 1 May 13
The User - Who are they?Wednesday, 1 May 13
The User - Who are they?• Really think & write outwho will use your app/website• Write out their age,education job etc.• N...
The User - What are they doing?Wednesday, 1 May 13
The User - What are they doing?• Where are they going?• What are they trying toachieve?Wednesday, 1 May 13
Why, crazy lady, are youmaking me nameimaginary people?Wednesday, 1 May 13
Wednesday, 1 May 13
Example “I just want to buy what I want and get out”James Dent32 years oldProduct ManagerKey GoalsKnows what he wants to b...
What does it look like in real life?Wednesday, 1 May 13
This?Wednesday, 1 May 13
...or this?Wednesday, 1 May 13
WireframesWednesday, 1 May 13
Why wireframe?Wednesday, 1 May 13
Why wireframe?• Fast layouts• Easy to see if you have everything you need• Fast to iterate on• Cheaper than changing codeW...
Why wireframe?Wednesday, 1 May 13
Why wireframe?Having oneidea is greatWednesday, 1 May 13
Why wireframe?Having oneidea is greatIterating on anidea is betterWednesday, 1 May 13
Why wireframe?Having oneidea is greatIterating on anidea is betterTrying multipleideas gives youthe best solutionWednesday...
What does it look like... really?Wednesday, 1 May 13
What does it turn into?Wednesday, 1 May 13
What if I want to use software?Wednesday, 1 May 13
Some Tools - listed• Pen & Paper - Super Fast• Balsamiq Mockups - Fast if you’re scared of paper• Axure - Less fast but Hi...
PrototypesWednesday, 1 May 13
Prototypes - also for mobile!Wednesday, 1 May 13
Real ExamplesWednesday, 1 May 13
What if I want to use software?Wednesday, 1 May 13
Evaluate - Put on the shoesWednesday, 1 May 13
Other ways to gather data?Wednesday, 1 May 13
Wednesday, 1 May 13
“Greatness doesnttake shortcuts”Wednesday, 1 May 13
...another cool wayWednesday, 1 May 13
What if I can’t evaluate it fairly?Wednesday, 1 May 13
Find a friend!Wednesday, 1 May 13
Here’s what it looks likeWednesday, 1 May 13
And when it doesn’t go as expected?Wednesday, 1 May 13
And when it doesn’t go as expected?Wednesday, 1 May 13
Keep it or bin it?Wednesday, 1 May 13
Wednesday, 1 May 13
The end?Wednesday, 1 May 13
• 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...
Chrissy Welsh (@chrissywelsh)Question TimeWednesday, 1 May 13
Wednesday, 1 May 13
Upcoming SlideShare
Loading in …5
×

Hitchikers guide to Ux'ing without a Ux'er

2,406 views

Published on

Even without a UXer you can learn to build & develop apps the right way. This not a definitive guide, but it will get you started.

Published in: Design, Technology, Art & Photos
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,406
On SlideShare
0
From Embeds
0
Number of Embeds
491
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Hitchikers guide to Ux'ing without a Ux'er

  1. 1. The hitchhiker’s guideTo UXing without a UXerWednesday, 1 May 13
  2. 2. Chrissy WelshSenior UX ConsultantWednesday, 1 May 13
  3. 3. Why do this talk?Wednesday, 1 May 13
  4. 4. The ELEPHANT in the room!Wednesday, 1 May 13
  5. 5. “I want to build greatthings... I start out withgood intentions but italways turns out rubbish...what happened?”Wednesday, 1 May 13
  6. 6. A BWednesday, 1 May 13
  7. 7. A BWednesday, 1 May 13
  8. 8. A BGreat ExperienceEasy InterfacesHappy UsersWednesday, 1 May 13
  9. 9. A BGreat ExperienceEasy InterfacesHappy UsersWednesday, 1 May 13
  10. 10. Wednesday, 1 May 13
  11. 11. What will you learn?Wednesday, 1 May 13
  12. 12. 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 againWednesday, 1 May 13
  13. 13. “A journey of a thousand miles begins with one small step.”Wednesday, 1 May 13
  14. 14. The VisionWednesday, 1 May 13
  15. 15. The Vision - Do you have one?Wednesday, 1 May 13
  16. 16. Print this out...Wednesday, 1 May 13
  17. 17. Print this out...“What one thing doyou want it to do well?”Wednesday, 1 May 13
  18. 18. Wednesday, 1 May 13
  19. 19. The User - Who are they?Wednesday, 1 May 13
  20. 20. The User - Who are they?• Really think & write outwho will use your app/website• Write out their age,education job etc.• Name them - forexample Arthur DentWednesday, 1 May 13
  21. 21. The User - What are they doing?Wednesday, 1 May 13
  22. 22. The User - What are they doing?• Where are they going?• What are they trying toachieve?Wednesday, 1 May 13
  23. 23. Why, crazy lady, are youmaking me nameimaginary people?Wednesday, 1 May 13
  24. 24. Wednesday, 1 May 13
  25. 25. Example “I just want to buy what I want and get out”James Dent32 years oldProduct ManagerKey GoalsKnows what he wants to buyDoesnt want to browseBehaviorsGets bored quicklyWants quality productsWe MustClearly show key featuresShow only relevant offersWe must neverProvide fluffy product descriptionsOverwhelm with choiceWednesday, 1 May 13
  26. 26. What does it look like in real life?Wednesday, 1 May 13
  27. 27. This?Wednesday, 1 May 13
  28. 28. ...or this?Wednesday, 1 May 13
  29. 29. WireframesWednesday, 1 May 13
  30. 30. Why wireframe?Wednesday, 1 May 13
  31. 31. Why wireframe?• Fast layouts• Easy to see if you have everything you need• Fast to iterate on• Cheaper than changing codeWednesday, 1 May 13
  32. 32. Why wireframe?Wednesday, 1 May 13
  33. 33. Why wireframe?Having oneidea is greatWednesday, 1 May 13
  34. 34. Why wireframe?Having oneidea is greatIterating on anidea is betterWednesday, 1 May 13
  35. 35. Why wireframe?Having oneidea is greatIterating on anidea is betterTrying multipleideas gives youthe best solutionWednesday, 1 May 13
  36. 36. What does it look like... really?Wednesday, 1 May 13
  37. 37. What does it turn into?Wednesday, 1 May 13
  38. 38. What if I want to use software?Wednesday, 1 May 13
  39. 39. 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!Wednesday, 1 May 13
  40. 40. PrototypesWednesday, 1 May 13
  41. 41. Prototypes - also for mobile!Wednesday, 1 May 13
  42. 42. Real ExamplesWednesday, 1 May 13
  43. 43. What if I want to use software?Wednesday, 1 May 13
  44. 44. Evaluate - Put on the shoesWednesday, 1 May 13
  45. 45. Other ways to gather data?Wednesday, 1 May 13
  46. 46. Wednesday, 1 May 13
  47. 47. “Greatness doesnttake shortcuts”Wednesday, 1 May 13
  48. 48. ...another cool wayWednesday, 1 May 13
  49. 49. What if I can’t evaluate it fairly?Wednesday, 1 May 13
  50. 50. Find a friend!Wednesday, 1 May 13
  51. 51. Here’s what it looks likeWednesday, 1 May 13
  52. 52. And when it doesn’t go as expected?Wednesday, 1 May 13
  53. 53. And when it doesn’t go as expected?Wednesday, 1 May 13
  54. 54. Keep it or bin it?Wednesday, 1 May 13
  55. 55. Wednesday, 1 May 13
  56. 56. The end?Wednesday, 1 May 13
  57. 57. • 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 againWhat we have coveredWednesday, 1 May 13
  58. 58. Chrissy Welsh (@chrissywelsh)Question TimeWednesday, 1 May 13
  59. 59. Wednesday, 1 May 13

×