The document is a presentation on user experience (UX) design that defines UX, outlines key aspects of UX like understanding user needs, and provides examples. It emphasizes understanding the user through research, testing assumptions, and iterating on designs based on user feedback. The presentation includes defining UX, discussing the importance of understanding user needs through research, and providing a hands-on workshop where participants conduct user research, sketch design ideas, and get feedback to improve their designs.

1. UX? WTF?
An Introduction to User Experience Design

2. I am Sebastian Tory-Pratt
Freelance Creative + Design Lead at Addo
@yellinglouder
Hey!

3. Today’s Agenda
◉ Defining user experience design
◉ 2 key ingredients to successful projects
◉ Hands on work
Don’t waste time writing what the slides say.
This presentation will be on Slideshare.

4. What is User Experience Design?
Lets Get Started

5. “
User Experience encompasses
all aspects of the end-user’s
interaction with the company,
its services and its products.
-Nielsen/Norman Group

6. “
User Experience encompasses all
aspects of the end-user’s
interaction with the company, its
services and its products.
-Nielsen/Norman Group

7. “
User Experience [..] is the quality of experience a
person has when interacting with a specific design.
This can range from a specific artifact such as a cup,
toy or website, up to larger, integrated experiences
such as a museum or airport.
-UXnet.org

8. “
User Experience [..] is the quality of experience a
person has when interacting with a specific design.
This can range from a specific artifact such as a cup,
toy or website, up to larger, integrated experiences
such as a museum or airport.
-UXnet.org

9. “
User Experience design [..] describes the overarching
experience a person has as a result of their interactions
with a particular product or service, its delivery, and
related artifacts, according to their design
-Wikipedia

10. “
User Experience design [..] describes the overarching
experience a person has as a result of their interactions
with a particular product or service, its delivery, and
related artifacts, according to their design
-Wikipedia

11. UX/UI

12. UX/UI

13. UX + UI

14. UX + UI
What should it be
What should it look like

15. UX is
Deadlines
Touchpoints
Workflow Culture
Context
Scope
Interface
Performance
Psycology
Behaviour

16. UX is...
◉ A mindset
◉ About inspiring the right kind of ideas
◉ Focused on delivering value
◉ Intended to guide decision-making

17. The secret to good UX

18. The secret to good UX
Kill your
kittens

19. The secret to good UX
Kill your
kittens

20. The secret to good UX
Test your
assumptions

21. Or this will happen...

22. Make the
right thing
1

23. Then make the
thing right
1

24. How?
1
But how?

25. Go to the user!
2

26. Users
Needs
Uses
Features
Product
The UX
Stack

27. Users
Needs
Uses
Features
Product
The UX
Stack
Company
purpose,
vision, ideas

28. Users
Needs
Uses
Features
Product
The UX
Stack
Company
purpose,
vision, ideas
Sketches,
wireframes,
prototypes

29. Just ask them?
Not Quite

30. What would make your life easier?

31. What would make your life easier?
A bridge.

32. We made the bridge!
Woo.

33. So I can go
talk to my
friends
Why would a bridge make life easier?

34. Calling them
is a lot faster
So we didn’t have to build a bridge?

35. Gillette wants to sell razors in India
Did market research with Indian men in the US

36. Nobody wanted them

37. Most Indian men shave
without running water

38. “
“I care more about not cutting myself
than a close shave”
“Affordability is everthing”

39. Understanding the user + their
context changed the product
◉ Only 1 blade
◉ Sold for 15 rupees (30c)
Gillette became 50% of the market
in six months

41. People everywhere
need this

42. What’s the problem?
Politicians rely on short public memory and
a lack of transparency + citizen engagement
to escape accountability

43. Solution
An open platform that encourages citizen
participation and makes it easy for anyone
to see if their leaders are following through
on promises

44. Who needs it the most?
Activists
NGO’s
Journalists

45. Who needs it the most?
Activists
NGO’s
Journalists

46. Create an ideal user persona
to guide decisions
◉ Not just demographics
◉ What do they do that makes
them a good ideal user?
◉ How are they solving the
problem now?
These are assumptions. Edit as you
learn new information.

47. Our Persona - Ercan
Demographics
28 years old
Lives in Ankara
In a relationship
Works for the
National Democratic
Institute
Behaviours
Has non-activist
friends
Heavy reader of
local + global news
Is an information
resource for friends
User of online + RW
activist communities
Needs / Goals
Believes information
flow key to change
Wants more people
to participate in
politics
Wants to inform
friends to inspire
them to act

48. Then what?
What NGO’s would Ercan work for?
Show them the existing solution
Learn what they really need

49. Time to
try it out

50. Winter can be
terrible

51. Winter is terribleHow might we improve the
experience of Halifax in wintertime?

52. 5 minutes to find out the particular needs of
your partner in this situation
Exercise
5 min Person A
5 min Person B

53. Some Tips
◉ Don’t ask yes/no questions
◉ Ask “why” a lot
◉ Find out what they really need
3 Minutes leftStart! 1 Minute left

54. Some Tips
◉ Don’t ask yes/no questions
◉ Ask “why” a lot
◉ Find out what they really need
3 Minutes leftStart! 1 Minute left

55. Some Tips
◉ Don’t ask yes/no questions
◉ Ask “why” a lot
◉ Find out what they really need
3 Minutes leftStart! 1 Minute left

56. Some Tips
◉ Don’t ask yes/no questions
◉ Ask “why” a lot
◉ Find out what they really need
3 Minutes leftStart! 1 Minute left

57. Time’s Up
Switch Partners

58. Some Tips
◉ Don’t ask yes/no questions
◉ Ask “why” a lot
◉ Find out what they really need
3 Minutes leftStart! 1 Minute left

59. Some Tips
◉ Don’t ask yes/no questions
◉ Ask “why” a lot
◉ Find out what they really need
3 Minutes leftStart! 1 Minute left

60. Some Tips
◉ Don’t ask yes/no questions
◉ Ask “why” a lot
◉ Find out what they really need
3 Minutes leftStart! 1 Minute left

61. Time’s Up

62. 5 minutes to sketch 3 ideas. Be quick.
Try web, mobile, object or service.
Storyboard their pain points and journey.
Sketch
Focus on how your design will
solve their needs.

63. Go!
3 Minutes leftStart! 1 Minute left

64. Go!
3 Minutes leftStart! 1 Minute left

65. Go!
3 Minutes leftStart! 1 Minute left

66. 5 minutes to gather information.
Explain your ideas, don’t sell them.
Feedback
5 min Person A
5 min Person B

67. Go!
3 Minutes leftStart! 1 Minute left

68. Go!
3 Minutes leftStart! 1 Minute left

69. Go!
3 Minutes leftStart! 1 Minute left

70. Time’s Up
Switch Partners

71. Go!
3 Minutes leftStart! 1 Minute left

72. Go!
3 Minutes leftStart! 1 Minute left

73. Go!
3 Minutes leftStart! 1 Minute left

74. Time’s Up

75. What did you learn?
What changed from your first idea?
Did anything surprise you?
Got any lingering questions?

76. Feedback
Make this talk better
◉ Did you find this useful?
◉ Anything confusing?
◉ Something you really liked?
◉ Want to know more?

77. Shameless Plug
Workshop Sunday, Nov
29
What will be covered
◉ How to make clients + developers love you
◉ UX for Startups
◉ How to test design concepts
◉ UX Tools + Processes

78. Thank You
You can find me at
◉ @yellinglouder
◉ s.tory.pratt@gmail.com
Workshop registration:
goo.gl/forms/YNqgjHpzyE
Slideshare:
slideshare.net/SebastianToryPratt

79. Credit where credit is due
◉ http://www.slideshare.net/pboersma/ux-
deliverables-in-practice-1466984
◉ http://www.slideshare.net/AngelaPark2/ux-
workshop-27794832
◉ http://www.slideshare.net/intelleto/designing-
with-lean-ux-rapid-product-design-ux-lisbon-
2014
◉ Base presentation template by SlidesCarnival