Introduktion till User Experience Design

1. User Experience Design
5:e Feb 2014
Ulf Sandfrost / Creative and User Experience Director

2. 2

3. Agenda
Vad är User Experience Design (UX)
Att arbeta med UX
Lite om att övertyga
3

4. UX?
4

5. 5
User Experience Design

6. 6
User Människa

7. 7
User Experience Design

8. 8
Hur något upplevs…

9. 9
inte nödvändigtvis hur det är..

10. 10
..en mix av..
..rationalitet ..känslor

11. 11
..men också en helhet

12. 12
..som för att vara värdeful
Tillgänglig
Åtråvärd
Användbar
Trovärdig
Nyttig
VÄRDE

13. 13
User Experience Design

14. 14
”Design is not just how it
looks and feels like.
Design is how it works”
Steve Jobs.

15. 15
A
U
T
Design thinking

16. 16
Förstå Observera Tolka Innovera Testa Utvärdera
Design thinking

17. 17
User Experience Design

18. 18
? Customer experience design
Service design
User Experience design
Outside In

19. UX i
praktiken
19

20. 20

21. 21
Förstå

22. 22
“If I had an hour to solve a problem
I'd spend 55 minutes thinking
about the problem and 5 minutes
thinking about solutions.”
Albert Einstein
Förstå

23. 23
Varumärke
Affärsmål Förutsättningar
Affären

24. 24
Människan

25. 25
Vad människor säger
och vad människor gör..

26. 26
Är helt olika saker.. så

27. 27

28. 28
Click maps

29. 29
Scroll maps

30. 30
Personas

31. 31
Konceptuell design

32. 32

33. 33

34. 34

35. 35
Existerande input Användarresor

36. 36
Några snabba förslag per steg

37. 37
Välj ett förslag som förfinas ytterligare

38. 38
Testa

39. 39
Stäm av och testa
LOGO
NAVIGATION NAVIGATION NAVIGATION NAVIGATIONSECTION
Rechercher
Sélection de produits
LOGO
NAVIGATION NAVIGATION NAVIGATION NAVIGATIONSECTION
Est-ce que votre proche a la peau sensible ?
Rechercher
PROGRESSION
Sélection de produits
Choisir
Choisir
Choisir
Produit le plus
discret
Produit le plus
securisant
Comparer
TENA Slip Maxi Produit A Produit B
Curabitur vel varius dui. Morbi at
dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit
quis faucibus augue eleifend.
Curabitur vel varius dui. Morbi at
dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit
quis faucibus augue eleifend.
NEW
Une protection de type change
complet imbattable, offrant une
absorption et une sécurité maximum
contre les fuites, adaptée aux cas
d'incontinence fécale.
Lorem

40. 40
Utforma

41. 41
Curabitur vel varius dui. Morbi at dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit quis faucibus augue eleifend.
Curabitur vel varius dui. Morbi at dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit quis faucibus augue eleifend.
a perfect match for daily use
TENA Product X
More products (2) Share
Product Y
Curabitur vel varius dui. Morbi at
dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit
quis faucibus augue eleifend.
Read more
Product Z
Curabitur vel varius dui. Morbi at
dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit
quis faucibus augue eleifend.
Read more
Complementary products that simplifies your life
Lorem Lorem Lorem
2 Guaranteed protection
4 Odor free
3 Perfect fit
1 All day
1
24
3
Resellers Usage instructions
Learn about
bladder weakness
Add to my productsComplementary
BUY ONLINESelect your size Don´t know
your size?
HEADER
Curabitur vel varius dui. Morbi at dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit quis faucibus augue eleifend.
TENA Product X
BUY ONLINE
HEADER
Lorem Lorem Lorem
Perfect
match
Guaranteed
protection
Odor free
Perfect fit
All day
1
or find a reseller
2
4
3
Perfect fit
Curabitur vel varius dui. Morbi at dui nulla. Nam vel euismod eros. Morbi
bibendum dolor at mi blandit quis faucibus augue eleifend.
Product Y
Curabitur vel varius dui. Morbi at
dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit
quis faucibus augue eleifend.
Read more
Product Z
Curabitur vel varius dui. Morbi at
dui nulla. Nam vel euismod eros.
Morbi bibendum dolor at mi blandit
quis faucibus augue eleifend.
Read more
Complementary products that simplifies your life
More products (2) ShareResellers Usage instructions
Learn about
bladder weakness
Add to my productsComplementary

42. 42
Testa

43. 43

44. Leverera lagom mycket

45. Grafiskdesign
Produktdesign
Kommunikationskoncept
Interaktionsspecifikation
User stories

47. Övertyga
59

48. 60
När rationellt tänkande och
känslor står i konflikt, vinner
känslor

49. 61
På 50 millisekunder har du
bestämt dig..

50. 62
Använd bilder

51. 63

52. 64

53. 65

54. 66

55. 67

56. 68
Allt är förpackning

57. 69
Brain scans confirmed that People
don´t just think the more expensive
(but identical) wine tasted better – it
actually really did taste better…

58. 70
Utnyttja vårt spelberoende

59. 71

60. 72
Nyfiken i en strut?

61. 73

62. 74

63. 75

64. 76
Välj för människan

65. 77

66. 78

67. 79

68. 80

69. 81
Spela svårfångad

70. 82
Beta
Privat

71. 83
Tillgång och efterfrågan

72. 84

73. 85

74. 86
Minska antalet val

75. 87

76. 88
Det viktigaste (lönsammaste) först

77. 89

78. 90
Ge bort något

79. 91

80. 92
Gör det socialt

81. 93

82. 94

83. 95

84. 96
Tänk upplevelse inte funktioner

85. 97
Var visuell

86. 98
Misslyckas fortare

87. 99
Några böcker
www.keynotopia.com

88. 100

89. 101