ux - konsten att se människan

118
UX Per Axbom @axbom

Upload: per-axbom

Post on 13-Nov-2014

1.614 views

Category:

Design


2 download

DESCRIPTION

Presentation vid SSMX den 1 februari 2014. http://axbom.se/ssmx

TRANSCRIPT

Page 1: UX - Konsten att se människan

UXPer Axbom @axbom

Page 2: UX - Konsten att se människan
Page 3: UX - Konsten att se människan
Page 4: UX - Konsten att se människan
Page 5: UX - Konsten att se människan
Page 6: UX - Konsten att se människan
Page 7: UX - Konsten att se människan
Page 8: UX - Konsten att se människan
Page 9: UX - Konsten att se människan
Page 10: UX - Konsten att se människan
Page 11: UX - Konsten att se människan
Page 12: UX - Konsten att se människan
Page 13: UX - Konsten att se människan
Page 14: UX - Konsten att se människan
Page 15: UX - Konsten att se människan
Page 16: UX - Konsten att se människan

Det vi ofta glömmer med UX.

Det handlar om målet och hela resan dit, och aldrig bara om gränssnittet.

Hur många gränssnitt var det förresten?

Page 17: UX - Konsten att se människan

diskmaskinen displayen manualen

datorn operativsystemet

webbläsaren corporate-sajten svenska sajten

gmail tretti.se

filtret (skruvmojängen) skeden

Page 18: UX - Konsten att se människan

Marknad Sälj Kommunikation Leverantörer!Manualer!

IT!Webbshop!Kundtjänst

Page 19: UX - Konsten att se människan

Marknad Sälj Kommunikation Leverantörer!Manualer!

IT!Webbshop!Kundtjänst

Page 20: UX - Konsten att se människan
Page 21: UX - Konsten att se människan
Page 22: UX - Konsten att se människan
Page 23: UX - Konsten att se människan

interaktion

Page 24: UX - Konsten att se människan

nyhetsbrevtexterbilder

telefonsamtalmejl

facebookkompisar

trycksakermedia

middagsgäster på nyårsaftonen spik i foten

interaktion

Page 25: UX - Konsten att se människan
Page 26: UX - Konsten att se människan

Faktum är:Allt du ställer mellan användaren och

hennes mål är ett hinder.

Inklusive gränssnittet.

Det du har att jobba med är att utrota alla hinder eller sänka deras svårighetsgrad.

Eller förstås höja användarens smärttröskel.

Page 27: UX - Konsten att se människan

NYT

TA

SMÄR

TA

Page 28: UX - Konsten att se människan

Psykologi.förstå motivation, vanor

Usability.minimera förvirring

Design.hur det ser ut och fungerar

Copy.minska ångest, skapa trygghet

Analys.förstå vad och varför

Page 29: UX - Konsten att se människan
Page 30: UX - Konsten att se människan

Användbarhet =!använd människor för att

förbättra produkten.

Page 31: UX - Konsten att se människan

Användbarhet =!använd människor för att

förbättra produkten.

UX =!använd produkten för att

förbättra människor.

Page 32: UX - Konsten att se människan
Page 33: UX - Konsten att se människan
Page 34: UX - Konsten att se människan
Page 35: UX - Konsten att se människan

6 av 10 saker som privatpersoner

annonserar ut på Blocket säljs inom en vecka.

Page 36: UX - Konsten att se människan

Blockets superkraft: Vips så är dina prylar borta.

Page 37: UX - Konsten att se människan

Blockets superkraft: Vips så är dina prylar borta.

Page 38: UX - Konsten att se människan

Blockets superkraft: Vips så är dina prylar borta.

Page 39: UX - Konsten att se människan

Blockets superkraft: Vips så är dina prylar borta.

Page 40: UX - Konsten att se människan

Superkrafter?

Page 41: UX - Konsten att se människan

Twitters superkraft: Omedelbar, gratis respons från hela världen.

Page 42: UX - Konsten att se människan

Kundos superkraft: Mina kunder får snabbare de svar de behöver.

Page 43: UX - Konsten att se människan

Kundos superkraft: Jag får en effektiv webbkundtjänst

utan att behöva prata med IT-avdelningen.

IT

Page 44: UX - Konsten att se människan

SSMX superkraft:

Page 45: UX - Konsten att se människan

SSMX superkraft: Power-up

Page 46: UX - Konsten att se människan

Krigshistorier.

Page 47: UX - Konsten att se människan
Page 48: UX - Konsten att se människan
Page 49: UX - Konsten att se människan

Klara,!färdiga,!

acceptans-!test!

Page 50: UX - Konsten att se människan

Klara,!färdiga,!

acceptans-!test!

Page 51: UX - Konsten att se människan

Nej tack.

Page 52: UX - Konsten att se människan
Page 53: UX - Konsten att se människan

Det handlade aldrig om gränssnittet.!

!

Det handlade om att förstå hur människor jobbar.

Vet du hur många andra gränssnitt dina användare jobbar i?

Vet du vilka de är? Skiter du i dem?

Page 54: UX - Konsten att se människan

Gamla verktyg är inte nödvändigtvis dåliga verktyg,

om folk använder dem.

Page 55: UX - Konsten att se människan

KAN DU SKICKA SALTET?

JAG SA…JAG VET! JAG UTVECKLAR   ETT SYSTEM FÖR ATT

SKICKA DIG TILLBEHÖR.

MEN—

DET SPARAR TIDPÅ LÅNG SIKT!

http://xkcd.com/974/

Page 56: UX - Konsten att se människan

1999: Var är tidtabellerna?

Page 57: UX - Konsten att se människan

b

qw

Page 58: UX - Konsten att se människan

b

qw

Page 59: UX - Konsten att se människan
Page 60: UX - Konsten att se människan

Om ingen svarar spelar det ingen roll hur formuläret ser ut.

Page 61: UX - Konsten att se människan
Page 62: UX - Konsten att se människan

Komplexitet ska inte ligga hos användaren.

Page 63: UX - Konsten att se människan
Page 64: UX - Konsten att se människan
Page 65: UX - Konsten att se människan

Är det bra design om nya användarproblemen skapas?

Page 66: UX - Konsten att se människan

Varför pratar vi hela tiden om användbara gränssnitt?

Page 67: UX - Konsten att se människan
Page 68: UX - Konsten att se människan

Jag kan ha dåliga upplevelser av en produkt innan jag använt den.

Page 69: UX - Konsten att se människan
Page 70: UX - Konsten att se människan
Page 71: UX - Konsten att se människan

Modeller.

Page 72: UX - Konsten att se människan

Mål.

Verksamhet Människor

Verktyg

Page 73: UX - Konsten att se människan
Page 74: UX - Konsten att se människan
Page 75: UX - Konsten att se människan
Page 76: UX - Konsten att se människan

Människan som irrationell varelse.

Öppna ett nytt konto

Vill du:

Först lära dig mer?

Page 77: UX - Konsten att se människan

(hur många dela-knappar har du på din sajt)

Page 78: UX - Konsten att se människan

Mängden alternativ

Besö

karn

öjd

he

t

Page 79: UX - Konsten att se människan

Kartlägg.

Page 80: UX - Konsten att se människan
Page 81: UX - Konsten att se människan

gratis e-bok: aceawe.org

ACE your website, AWE your users.

Page 82: UX - Konsten att se människan
Page 83: UX - Konsten att se människan
Page 84: UX - Konsten att se människan
Page 85: UX - Konsten att se människan
Page 86: UX - Konsten att se människan

Kartlägg inte webbplatsen.!!

Kartlägg människans labyrintliknande resa, där

webbplatsen är en beståndsdel.

Page 87: UX - Konsten att se människan

Hur många sekunder har användaren på sig att förstå?

Tester

Page 88: UX - Konsten att se människan
Page 89: UX - Konsten att se människan

http://www.netvlies.nl/wp-content/uploads/2012/07/user_testing-20100604-121059.jpg

Känns det här naturligt?

Page 90: UX - Konsten att se människan

Varför är vi så rädda för att förklara?

Page 91: UX - Konsten att se människan

KONSTEN ATT FÖRKLARA

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Å Ä Ömindre förståelse mer förståelse

varför?

hur?

anpassad från boken The Art of Explanation av Lee Lefever

Page 92: UX - Konsten att se människan

KONSTEN ATT FÖRKLARA

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Å Ä Ömindre förståelse mer förståelse

sammanhang

story

varför?

hur?kopplingar

(metafor)

(känna igen sig) beskrivningar

anpassad från boken The Art of Explanation av Lee Lefever

Page 93: UX - Konsten att se människan

http://www.netvlies.nl/wp-content/uploads/2012/07/user_testing-20100604-121059.jpg

Vad är det vi testar?

Page 94: UX - Konsten att se människan

Nu har vi gjort det jävligt lätt att göra något som du aldrig kommer göra.

Page 95: UX - Konsten att se människan

När din produkt inte håller måttet.

Page 96: UX - Konsten att se människan

nyhetsbrevtexterbilder

telefonsamtalmejl

facebookkompisar

trycksakermedia

middagsgästeren spik i foten

interaktion

Page 97: UX - Konsten att se människan
Page 98: UX - Konsten att se människan
Page 99: UX - Konsten att se människan
Page 100: UX - Konsten att se människan

Rysare

Page 101: UX - Konsten att se människan

Varför tog ni förmågan ni

gav mig?

Page 102: UX - Konsten att se människan
Page 103: UX - Konsten att se människan

!!

Kan man ha en bra sajt med vilket CMS som helst?

Här är innehåll som ska passa i en design som ska passa i ett CMS, som ska passa i en sajt som inte

alls passar i människors liv.

Page 104: UX - Konsten att se människan

Jag kan inte läsa längre.

Page 105: UX - Konsten att se människan
Page 106: UX - Konsten att se människan

Jag kan inte åka buss längre.

Page 107: UX - Konsten att se människan

SupergränssnittNär din tjänst “is the shit” och bara måste funka.

Page 108: UX - Konsten att se människan

Det finns alltid något nytt att lära

sig, och lära andra.

Page 109: UX - Konsten att se människan

1177 vårdguidenSL kundtjänst

Hur kan jag hjälpa dig?

Page 110: UX - Konsten att se människan
Page 111: UX - Konsten att se människan
Page 112: UX - Konsten att se människan
Page 113: UX - Konsten att se människan

Clearly

Page 114: UX - Konsten att se människan

glanceability

Page 115: UX - Konsten att se människan

Användbarhet =!använd människor för att

förbättra produkten.

UX =!använd produkten för att

förbättra människor.

Page 116: UX - Konsten att se människan

Vilken förmåga ger du mig som jag tidigare inte haft?

Page 117: UX - Konsten att se människan

UXPer Axbom @axbom

Page 118: UX - Konsten att se människan

UXPer Axbom @axbom

axbom.se/ssmx