evolving design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre...

45
Konvertering vs Design

Upload: mia-kolmodin

Post on 07-Jul-2015

11.240 views

Category:

Design


0 download

DESCRIPTION

JOHN: Vilka är de vanligaste 5 designmissarna på webbplatser i dag? MIA: 5 tips på vägen till mer metodiskt arbete som skapar bättre design och möjliggör bättre användarupplevelser. John Ekman, Chief Conversionista - och Mia Kolmodin, Agil UX coach föreläser för Designers på Cap & Design Live påGrand Hotel 4 dec 2014.

TRANSCRIPT

Page 1: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Konvertering vs Design

Page 2: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

The Mia & John show

Page 3: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#5 !Top 5 designmisstag som !

John irriterar sig på

Page 4: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 5: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 6: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 7: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 - Er design är inte Copy Centric

Page 8: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#2 - Ugly is pretty

Page 9: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 10: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 11: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 12: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Konvertering - Gör besökare till kunder

Hur vill du förbättra din konvertering?

Page 13: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

“Vi tror att folk vet att man kan scrolla nuförtiden”

#2

Page 14: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Scrollmap

Page 15: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

“Vi tror att folk vet att man kan scrolla nuförtiden”

Page 16: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 17: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

“Vi tror att folk vet att man kan scrolla nuförtiden”

#3

#4

Page 18: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

“Vi har tagit reda på hur man kan få folk att scrolla”

Page 19: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 20: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#5 För många vita kaniner dras ur för många hattar

Page 21: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Matkasse = klar fem i, inte fem över

+ Färdiga recept + nyttig mat

+ spara tid - släpa kassar

= Färdig matkasse

Familjematkassen

Nyttig och hälsosam mat framtagen av Nutritionist

690 kr/st

Beställ

Sommarkasse

Specialkasse för sommaren. ✓Nyttig mat.

690 kr/st

BeställSe menyn

När kan vi !leverera till dig? Postnummer Sök

Page 22: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

+25%

Page 23: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Skandia!

Igen!

+200%

Page 24: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#5 !Mias top 5 tips för att

lyckas skapa!

bra design

Page 25: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 !

Tydliga mål !– med fokus på effekt

Page 26: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

26

Effektstyrning

Rätt lösning ger !önskade effekter

En idé!formas

Vilka problem!har våra !användare?

Design och !utveckling

Page 27: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 28: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#2 !

Identifiera !rätt !

målgrupper !& behov

Page 29: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 30: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#3!

Skapa & testa !hypoteser

Page 31: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Ideation

Page 32: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

BY DOING (some kind of research, perhaps in GA or with real users)

… WE HAVE NOTICED (some type of behaviour) !!

Hypothesis… WE BELIEVE THAT (making this change or creating this cool feature)

… FOR (this target group / persona) !

… WILL ACHIEVE (some kind of change in behaviour)

… WE KNOW IT IS TRUE (when we see some kind of numbers grow) !

Page 33: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#4!

Skissa snabbt !& gemensamt

Page 34: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Designstudio!is the shit

Skissa, inte designa!!Gemensam förståelse för problemen!!Testa många ideér !snabbt!!Timeboxat - billigt!!Möjligt att validera!!!

Page 35: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#5!

Träffa användarna och / eller!A/B testa

Page 36: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 37: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

Ett litet experiment

Page 38: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 Tydliga mål - med fokus på effekt!!

!

Page 39: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 Tydliga mål - med fokus på effekt!!

#2 Identifiera målgrupper och behov!

!

!

Page 40: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 Tydliga mål - med fokus på effekt!!

#2 Identifiera målgrupper och behov!

!

#3 Skapa hypoteser!!

!

!

!

Page 41: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 Tydliga mål - med fokus på effekt!!

#2 Identifiera målgrupper och behov!

!

#3 Skapa hypoteser!!

#4 Skissa snabbt & gemensamt!!

!

!

!

Page 42: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 Tydliga mål - med fokus på effekt!!

#2 Identifiera målgrupper och behov!

!

#3 Skapa hypoteser!!

#4 Skissa snabbt & gemensamt!!

#5 Träffa användarna och / eller A/B testa!!

!

!

Page 43: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse
Page 44: Evolving Design - 5 vanliga designmissar på webbar i dag & 5 tips på hur du skapar bättre användarupplevelse

#1 Tydliga mål - med fokus på effekt!!

#2 Identifiera målgrupper och behov!

!

#3 Skapa hypoteser!!

#4 Skissa snabbt & gemensamt!!

#5 Träffa användarna och / eller A/B testa!!

!

!