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.

1. The hitchhiker’s guide
To UXing without a UXer
Wednesday, 1 May 13

2. Chrissy Welsh
Senior UX Consultant
Wednesday, 1 May 13

3. Why do this talk?
Wednesday, 1 May 13

4. The ELEPHANT in the room!
Wednesday, 1 May 13

5. “I want to build great
things... I start out with
good intentions but it
always turns out rubbish...
what happened?”
Wednesday, 1 May 13

6. A B
Wednesday, 1 May 13

7. A B
Wednesday, 1 May 13

8. A B
Great Experience
Easy Interfaces
Happy Users
Wednesday, 1 May 13

9. A B
Great Experience
Easy Interfaces
Happy Users
Wednesday, 1 May 13

10. Wednesday, 1 May 13

11. What will you learn?
Wednesday, 1 May 13

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 again
Wednesday, 1 May 13

13. “A journey of a thousand miles begins with one small step.”
Wednesday, 1 May 13

14. The Vision
Wednesday, 1 May 13

15. The Vision - Do you have one?
Wednesday, 1 May 13

16. Print this out...
Wednesday, 1 May 13

17. Print this out...
“What one thing do
you want it to do well?”
Wednesday, 1 May 13

18. Wednesday, 1 May 13

19. The User - Who are they?
Wednesday, 1 May 13

20. 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
Wednesday, 1 May 13

21. The User - What are they doing?
Wednesday, 1 May 13

22. The User - What are they doing?
• Where are they going?
• What are they trying to
achieve?
Wednesday, 1 May 13

23. Why, crazy lady, are you
making me name
imaginary people?
Wednesday, 1 May 13

24. Wednesday, 1 May 13

25. Example “I just want to buy what I want and get out”
James Dent
32 years old
Product Manager
Key Goals
Knows what he wants to buy
Doesn't want to browse
Behaviors
Gets bored quickly
Wants quality products
We Must
Clearly show key features
Show only relevant offers
We must never
Provide fluffy product descriptions
Overwhelm with choice
Wednesday, 1 May 13

26. What does it look like in real life?
Wednesday, 1 May 13

27. This?
Wednesday, 1 May 13

28. ...or this?
Wednesday, 1 May 13

29. Wireframes
Wednesday, 1 May 13

30. Why wireframe?
Wednesday, 1 May 13

31. Why wireframe?
• Fast layouts
• Easy to see if you have everything you need
• Fast to iterate on
• Cheaper than changing code
Wednesday, 1 May 13

32. Why wireframe?
Wednesday, 1 May 13

33. Why wireframe?
Having one
idea is great
Wednesday, 1 May 13

34. Why wireframe?
Having one
idea is great
Iterating on an
idea is better
Wednesday, 1 May 13

35. Why wireframe?
Having one
idea is great
Iterating on an
idea is better
Trying multiple
ideas gives you
the best solution
Wednesday, 1 May 13

36. What does it look like... really?
Wednesday, 1 May 13

37. What does it turn into?
Wednesday, 1 May 13

38. What if I want to use software?
Wednesday, 1 May 13

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. Prototypes
Wednesday, 1 May 13

41. Prototypes - also for mobile!
Wednesday, 1 May 13

42. Real Examples
Wednesday, 1 May 13

43. What if I want to use software?
Wednesday, 1 May 13

44. Evaluate - Put on the shoes
Wednesday, 1 May 13

45. Other ways to gather data?
Wednesday, 1 May 13

46. Wednesday, 1 May 13

47. “Greatness doesn't
take shortcuts”
Wednesday, 1 May 13

48. ...another cool way
Wednesday, 1 May 13

49. What if I can’t evaluate it fairly?
Wednesday, 1 May 13

50. Find a friend!
Wednesday, 1 May 13

51. Here’s what it looks like
Wednesday, 1 May 13

52. And when it doesn’t go as expected?
Wednesday, 1 May 13

53. And when it doesn’t go as expected?
Wednesday, 1 May 13

54. Keep it or bin it?
Wednesday, 1 May 13

55. Wednesday, 1 May 13

56. The end?
Wednesday, 1 May 13

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 again
What we have covered
Wednesday, 1 May 13

58. Chrissy Welsh (@chrissywelsh)
Question Time
Wednesday, 1 May 13

59. Wednesday, 1 May 13