uxterminator - bekämpa hinder

70
UXTERMINATOR Bekämpa hinder! Per Axbom 15 maj 2014

Upload: per-axbom

Post on 22-Nov-2014

569 views

Category:

Design


0 download

DESCRIPTION

Bilder vid föreläsning på Dataföreningen den 15 maj 2014

TRANSCRIPT

Page 1: UXTERMINATOR - Bekämpa hinder

UXTERMINATORBekämpa hinder!

Per Axbom 15 maj 2014—

Page 2: UXTERMINATOR - Bekämpa hinder

Hardly a competent workman can be found who

does not devote a considerable amount of time to studying just how slowly

he can work and still convince his employer that he is going at a good pace.

— Frederick Taylor

Page 3: UXTERMINATOR - Bekämpa hinder

All human activity is a matter of motion and

decision.“

— Frank Gilbreth, 1917

Page 4: UXTERMINATOR - Bekämpa hinder

motion study

Page 5: UXTERMINATOR - Bekämpa hinder

Lillian Gilbreth

— världens första industriella psykolog

Över tid så förändrades tidsexeperimenten till att handa om hur man kan förbättra upplevelsen för arbetarna.

!Även om det fortfarande handlade om att minska antalet fysiska rörelser

så inkluderades variabler som arbetartrötthet, ergonomisk utformning av arbetsplatsen, och mängden tid som arbetar var nöjd varje dag.

Page 6: UXTERMINATOR - Bekämpa hinder

Paret Gilbreth förändrade världen.

…när arbetarna själva interagerade så kom deras medverkan att informera förhållningssättet att trötthet, säkerhet och en humanitär behandling av arbetare är

primära element som påverkar effektivitet.

Page 7: UXTERMINATOR - Bekämpa hinder

Economists think about what people ought to do. Psychologists watch what they actually do.

— Daniel Kahneman

Page 8: UXTERMINATOR - Bekämpa hinder

therblings

Page 9: UXTERMINATOR - Bekämpa hinder

sökplanera

hitta

välj

inspektera

använd

onödig väntan

oundviklig väntan

Page 10: UXTERMINATOR - Bekämpa hinder
Page 11: UXTERMINATOR - Bekämpa hinder
Page 12: UXTERMINATOR - Bekämpa hinder
Page 13: UXTERMINATOR - Bekämpa hinder

interaktion

Page 14: UXTERMINATOR - Bekämpa hinder

nyhetsbrevtexterbilder

telefonsamtalmejl

facebookkompisar

trycksakermedia

middagsgäster på nyårsaftonen spik i foten

interaktion

Page 15: UXTERMINATOR - Bekämpa hinder

nyhetsbrevtexterbilder

telefonsamtalmejl

facebookkompisar

trycksakermedia

middagsgäster på nyårsaftonen spik i foten

interaktion

sökplanera

hitta

välj

inspektera

använd

onödig väntan

oundviklig väntan

Page 16: UXTERMINATOR - Bekämpa hinder

Allt du ställer mellan användaren och hennes

mål är ett hinder.

Inklusive gränssnittet.

Page 17: UXTERMINATOR - Bekämpa hinder

NYT

TA

SMÄR

TA

Page 18: UXTERMINATOR - Bekämpa hinder

- Det kommer nästan ingen genomden där dörren.Jag visste väl att

webben inte skulle leverera!

Page 19: UXTERMINATOR - Bekämpa hinder

Bekämpa hinder

Slå ihop / minska hinder.

Förändra upplevelsen av hinder.

Ta bort hinder.

Ge möjlighet till återhämtning.

Större positiva upplevelser.

Page 20: UXTERMINATOR - Bekämpa hinder
Page 21: UXTERMINATOR - Bekämpa hinder
Page 22: UXTERMINATOR - Bekämpa hinder
Page 23: UXTERMINATOR - Bekämpa hinder
Page 24: UXTERMINATOR - Bekämpa hinder
Page 25: UXTERMINATOR - Bekämpa hinder
Page 26: UXTERMINATOR - Bekämpa hinder

Din största fiende: tvekan.

Page 27: UXTERMINATOR - Bekämpa hinder

Tro inte att användarna vet vad de vill ha.

Oo

Page 28: UXTERMINATOR - Bekämpa hinder

Placeholders i formulär (den nya rensa-knappen)

Page 29: UXTERMINATOR - Bekämpa hinder

Placeholders i formulär

Skriv ditt användarnamn

Page 30: UXTERMINATOR - Bekämpa hinder

Placeholders i formulär

Skriv ditt användarnamn

Personnummer YYYYMMDDNNNN

Page 31: UXTERMINATOR - Bekämpa hinder
Page 32: UXTERMINATOR - Bekämpa hinder

Markera obligatoriska fält

Page 33: UXTERMINATOR - Bekämpa hinder
Page 34: UXTERMINATOR - Bekämpa hinder
Page 35: UXTERMINATOR - Bekämpa hinder
Page 36: UXTERMINATOR - Bekämpa hinder

http://www.elated.com/articles/banish-javascript-in-web-forms-with-html5/

Page 37: UXTERMINATOR - Bekämpa hinder
Page 38: UXTERMINATOR - Bekämpa hinder

Spara-knappen…

Page 39: UXTERMINATOR - Bekämpa hinder

Spara-knappen…

Ibland eliminerar du hinder genom att lägga till saker!

Page 40: UXTERMINATOR - Bekämpa hinder
Page 41: UXTERMINATOR - Bekämpa hinder
Page 42: UXTERMINATOR - Bekämpa hinder

oundviklig väntan?

Page 43: UXTERMINATOR - Bekämpa hinder
Page 44: UXTERMINATOR - Bekämpa hinder
Page 45: UXTERMINATOR - Bekämpa hinder

Kan jag få bli uppgraderad till första klass?

Nej, det går tyvärr inte. det kostar extra.

Ja, självklart! Hur vill du betala för det?

Page 46: UXTERMINATOR - Bekämpa hinder

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

Page 47: UXTERMINATOR - Bekämpa hinder
Page 48: UXTERMINATOR - Bekämpa hinder
Page 49: UXTERMINATOR - Bekämpa hinder
Page 50: UXTERMINATOR - Bekämpa hinder
Page 51: UXTERMINATOR - Bekämpa hinder

När bra design “misslyckas” så har man inte pratat med alla användare.

Page 52: UXTERMINATOR - Bekämpa hinder
Page 53: UXTERMINATOR - Bekämpa hinder
Page 54: UXTERMINATOR - Bekämpa hinder
Page 55: UXTERMINATOR - Bekämpa hinder

aceawe.org

ACE your website, AWE your users.

Page 56: UXTERMINATOR - Bekämpa hinder

Ge möjlighet till återhämtning

Page 57: UXTERMINATOR - Bekämpa hinder

Mängden alternativ

Besö

karn

öjd

he

t

Page 58: UXTERMINATOR - Bekämpa hinder

enwebbsida.se

Page 59: UXTERMINATOR - Bekämpa hinder

Hur många hinder kan en webbsida ha?

Page 60: UXTERMINATOR - Bekämpa hinder
Page 61: UXTERMINATOR - Bekämpa hinder

Clearly

Page 62: UXTERMINATOR - Bekämpa hinder

Hawthorne-effekten

Page 63: UXTERMINATOR - Bekämpa hinder
Page 64: UXTERMINATOR - Bekämpa hinder
Page 65: UXTERMINATOR - Bekämpa hinder
Page 66: UXTERMINATOR - Bekämpa hinder

JaNej

Har ditt företag utfört en användningstest av den publika webbplatsen någon gång under de två senaste åren?

Page 67: UXTERMINATOR - Bekämpa hinder

JaNej

Har ditt företag utfört en användningstest av den publika webbplatsen någon gång under de två senaste åren?

Page 68: UXTERMINATOR - Bekämpa hinder

therblings

Page 69: UXTERMINATOR - Bekämpa hinder

Bekämpa hinderTa bort hinder.

Slå ihop / minska hinder.

Förändra upplevelsen av hinder.

Större positiva upplevelser.

Ge möjlighet till återhämtning.

Page 70: UXTERMINATOR - Bekämpa hinder

Vilka hinder ska jag bekämpa idag?

Per Axbom @axbomaxbom.se/uxterminator