user experience design (intro)

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

Upload: ulf-sandfrost

Post on 19-Jul-2015

140 views

Category:

Design


0 download

TRANSCRIPT

Page 1: User experience design (intro)

User Experience Design

5:e Feb 2014

Ulf Sandfrost / Creative and User Experience Director

Page 2: User experience design (intro)

2

Page 3: User experience design (intro)

Agenda

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

3

Page 4: User experience design (intro)

UX? 4

Page 5: User experience design (intro)

5

User Experience Design

Page 6: User experience design (intro)

6

User Människa

Page 7: User experience design (intro)

7

User Experience Design

Page 8: User experience design (intro)

8

Hur något upplevs…

Page 9: User experience design (intro)

9

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

Page 10: User experience design (intro)

10

..en mix av..

..rationalitet ..känslor

Page 11: User experience design (intro)

11

..men också en helhet

Page 12: User experience design (intro)

12

..som för att vara värdeful

Tillgänglig

Åtråvärd

Användbar

Trovärdig

Nyttig

VÄRDE

Page 13: User experience design (intro)

13

User Experience Design

Page 14: User experience design (intro)

14

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

Page 15: User experience design (intro)

15

A

U

T

Design thinking

Page 16: User experience design (intro)

16

Förstå Observera Tolka Innovera Testa Utvärdera

Design thinking

Page 17: User experience design (intro)

17

User Experience Design

Page 18: User experience design (intro)

18

? Customer experience design

Service design

User Experience design

Outside In

Page 19: User experience design (intro)

UX i praktiken

19

Page 20: User experience design (intro)

20

Page 21: User experience design (intro)

21

Förstå

Page 22: User experience design (intro)

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å

Page 23: User experience design (intro)

23

Varumärke

Affärsmål Förutsättningar

Affären

Page 24: User experience design (intro)

24

Människan

Page 25: User experience design (intro)

25

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

Page 26: User experience design (intro)

26

Är helt olika saker.. så

Page 27: User experience design (intro)

27

Page 28: User experience design (intro)

28

Click maps

Page 29: User experience design (intro)

29

Scroll maps

Page 30: User experience design (intro)

30

Personas

Page 31: User experience design (intro)

31

Konceptuell design

Page 32: User experience design (intro)

32

Page 33: User experience design (intro)

33

Page 34: User experience design (intro)

34

Page 35: User experience design (intro)

35

Existerande input Användarresor

Page 36: User experience design (intro)

36

Några snabba förslag per steg

Page 37: User experience design (intro)

37

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

Page 38: User experience design (intro)

38

Testa

Page 39: User experience design (intro)

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 BCurabitur 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

Page 40: User experience design (intro)

40

Utforma

Page 41: User experience design (intro)

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 YCurabitur vel varius dui. Morbi at dui nulla. Nam vel euismod eros. Morbi bibendum dolor at mi blandit quis faucibus augue eleifend.

Read more

Product ZCurabitur 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 aboutbladder 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

43

Perfect fitCurabitur vel varius dui. Morbi at dui nulla. Nam vel euismod eros. Morbi bibendum dolor at mi blandit quis faucibus augue eleifend.

Product YCurabitur vel varius dui. Morbi at dui nulla. Nam vel euismod eros. Morbi bibendum dolor at mi blandit quis faucibus augue eleifend.

Read more

Product ZCurabitur 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 aboutbladder weakness

Add to my productsComplementary

Page 42: User experience design (intro)

42

Testa

Page 43: User experience design (intro)

43

Page 44: User experience design (intro)

Leverera lagom mycket

Page 45: User experience design (intro)

Grafiskdesign Produktdesign

Kommunikationskoncept Interaktionsspecifikation User stories

Page 46: User experience design (intro)
Page 47: User experience design (intro)

Övertyga

59

Page 48: User experience design (intro)

60

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

känslor

Page 49: User experience design (intro)

61

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

Page 50: User experience design (intro)

62

Använd bilder

Page 51: User experience design (intro)

63

Page 52: User experience design (intro)

64

Page 53: User experience design (intro)

65

Page 54: User experience design (intro)

66

Page 55: User experience design (intro)

67

Page 56: User experience design (intro)

68

Allt är förpackning

Page 57: User experience design (intro)

69

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

Page 58: User experience design (intro)

70

Utnyttja vårt spelberoende

Page 59: User experience design (intro)

71

Page 60: User experience design (intro)

72

Nyfiken i en strut?

Page 61: User experience design (intro)

73

Page 62: User experience design (intro)

74

Page 63: User experience design (intro)

75

Page 64: User experience design (intro)

76

Välj för människan

Page 65: User experience design (intro)

77

Page 66: User experience design (intro)

78

Page 67: User experience design (intro)

79

Page 68: User experience design (intro)

80

Page 69: User experience design (intro)

81

Spela svårfångad

Page 70: User experience design (intro)

82

Beta

Privat

Page 71: User experience design (intro)

83

Tillgång och efterfrågan

Page 72: User experience design (intro)

84

Page 73: User experience design (intro)

85

Page 74: User experience design (intro)

86

Minska antalet val

Page 75: User experience design (intro)

87

Page 76: User experience design (intro)

88

Det viktigaste (lönsammaste) först

Page 77: User experience design (intro)

89

Page 78: User experience design (intro)

90

Ge bort något

Page 79: User experience design (intro)

91

Page 80: User experience design (intro)

92

Gör det socialt

Page 81: User experience design (intro)

93

Page 82: User experience design (intro)

94

Page 83: User experience design (intro)

95

Page 84: User experience design (intro)

96

Tänk upplevelse inte funktioner

Page 85: User experience design (intro)

97

Var visuell

Page 86: User experience design (intro)

98

Misslyckas fortare

Page 87: User experience design (intro)

99

Några böcker

www.keynotopia.com

Page 88: User experience design (intro)

100

Page 89: User experience design (intro)

101