Webbdesign för människor som inte vill

prata med dig

Per AxbomAxbom Innovation AB

@axbom på Twitter

After Gangnam Style

Vårt i särklass största informationsproblem idag:

Vårt i särklass största informationsproblem idag:

Vi bygger webbplatser.

Vårt i särklass största informationsproblem idag:

I stället för att lösa problem så bygger vi webbplatser.

“The world as we have created it is a process of our thinking. It

cannot be changed without changing our thinking.”

Ny teknik ger oss nya möjligheter att prata med människor, skapa visuell

information och lösa problem.

Men gör vi det?

Vad ser du framför dig när jag säger att vi ska bygga en

webbplats?

Jag ser det här:

TACK!

TACK!TACK!

TICK!

TACK!3-STEGS-PLANEN

VAR SUPER!

TACK!RECEPTET

VAR LÄCKERT!

TACK!JOBBET ÄR STÖRTKUL!

TACK!VILKA BRA

IDÉER VI FICK!!

TACK!SCHAMPOOT

FUNKAR!

TACK?

Fråga till publiken:Varför producerar du innehåll?

Vanliga frågor man får när man jobbar med

användbarhet och UX:

Hur många länkarfår det vara i menyn?

Hur många ordfår jag skriva i min artikel?

Hur många personerska jag testa med?

Hur många sekundermåste sidan ladda på?

Hur ska vi be om personnummer

från användaren?

Akta er för konsulter som har snabba svar på de frågorna.

— men vill ni ha längre svar sedan, fånga mig efter föreläsningen ;)

Hur tänker personersom frågar så här?

?

MÄNNISKOR ÄR FÖRUTSÄGBARA

DET FINNS EN MAGISK FORMEL

JAG BYGGER EN WEBBPLATS

Uppgift(fram med penna och papper)

Designa en ny, häftig vas.

Hur jag kunde ha formulerat uppgiften annorlunda:

Skapa något som gör att Anna trivs bättre i sitt vardagsrum.

Vi har fastnat i att skapa vaser.

WebbplatserArtiklarSidor

Svaret på varje designproblem kan inte vara att bygga ett

gränssnitt.

Svaret på varje designproblem kan inte vara att bygga ett

gränssnitt.

Svaret på varje informationsproblem kan inte

vara en webbsida.

Ofta har vi inte en susning om vilket problem det är vi löser...

Det första en nyanställd undrar:

NI HAR VÄL EN REDAKTION SOM SPRUTAR

UT NYA ARTIKLAR PÅ LÖPANDE BAND?

Det första en nyanställd undrar:

HUR FÅR JAG BÄST HJÄLP MED ATT KOMMA IGÅNG

OCH GÖRA BRA IFRÅN MIG I MITT ARBETE?

Du har två öron och en mun.

Lyssna dubbelt så mycket som du pratar.

VI VET REDAN VAD FOLK

VILL HA

HAN HAR INGEN

ANING...

VI VET REDAN VAD FOLK

VILL HA

“Vill du ha uppdaterade nyheter på webben/intranätet?”

“Vill du ha uppdaterade nyheter på webben/intranätet?”

Fel!

“Hur ser en vanlig arbetsdag ut för dig?”

“Vad retar du dig mest på i ditt jobb?”

GOOB!

“Jahaa!! Är det sååå det funkar!”

“Jahaa!! Är det sååå de tycker!”

Bra förhållanden uppstår inte bara.De tar tid, tålamod och två

människor som verkligen vill vara tillsammans.

Samtidigt STRUNTAR vi i att lösa de problem vi känner till.

FAQBevisföremål:

Hur ska jag som har frågan för första gången veta att det är en

vanlig, ofta ställd fråga?

HAR DU KOLLAT MIN FAQ? DET STÅR

NOG DÄR.

GILLAR DU GANGNAM?

En FAQ på din webbplats är ett monument över hur dålig du är

på att lösa problem.

Det problemet verkar många ha jätteofta med vår

produkt. Så vi la ut en förklaring på vår webb.

Vår förmåga att lägga komplexiteten hos användaren

(typiskt hos formulär)

=

=

Hos vem hamnar komplexiteten?

=

=

Hos vem hamnar komplexiteten?

=

=

Hos vem hamnar komplexiteten?

=

=

Hos vem hamnar komplexiteten?

=

=

Hos vem hamnar komplexiteten?

Ta ditt ansvar för att hjälpa besökarna rätt!

Människor tar bättre beslut när det finns färre alternativ.

Vad är exempel på att öka komplexiteten?

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

webben inte skulle leverera!

Vad händer när vi ökar komplexiteten?

Vad händer när du fäller dina användare om och om igen?

NYT

TA

SMÄR

TA

Varenda interaktion på din webb är ett

potentiellt hinder för besökaren att nå målet.

Som ökar smärtan.

SMÄR

TA

SMÄR

TA

En bra upplevelse tidigt kan göra att övriga

hinder känns mindre.

SMÄR

TA

SMÄR

TA

SMÄR

TA

SMÄR

TA

WO

W

NYT

TA

....

Hur många smärtpunkter kan du räkna till?

Kontrast??

Hur gör vi för att minska komplexiteten?

Det bästa du kan göra för människor: Ta bort interaktion.

Vad står människan och säger?!Ta bort interaktion?

HSBC Hong Kong.Från 17 fält till 3.

Från $1M till $20M.Label:

Button

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label:

Label: Label:

Label:

Label:

Label:

Button

Design är osynligt till dess att det skapar problem.

Trend: Responsive

En ny teknisk lösning som ska lösa övergången till mobilt.

Löste vi just någons problem eller hittade vi på ett nytt sätt

att bygga en webbsida?

Mobile first, eller just mobile.

1 kolumn är bäst just nu!(det kanske alltid har varit det?)

20xlängre

30%bättre

WEBB

WEBB WEBB WEBB

WEBB

WEBBWEBBWEBBWEB

BWEBBWEBB

WEBB WEBB WEBB

WEBB

WEBBWEBBWEBBWEB

BWEBBWEBB

Quantified Self

Hur många steg har ni gått idag?

withings.comfitbit.com

Zombies, Run!

Hur har ni sovit?

Hur glada var ni förra måndagen?

Hur glada var ni på Olof Palmes Torg 1 i

Örebro?

Det bästa du kan göra för människor: Stimulera alla

sinnen!

Språk! (roligt och intresseväckande)

Vad är motsatsen till särskrivning?

vroom

Sök företag

Prospekt

Urval individer

Dina favoritaktiviter

Företag

Person

Begagnat

Karl AlexanderssonVAG Bromma

! logga ut

Datum Typ Namn visa | ändra ta bort

2010-09-27 Företag Sed volutpat porttitor blandit (17) visa | ändra ta bort

2010-08-12 Person Proin lacus risus, cursus vel auctor (5) visa | ändra ta bort

2010-02-03 Prospekt Nullam ullamcorper risus eget (14) visa | ändra ta bort

2009-12-04 Annat Duis vestibulum magna sit amet (3) visa | ändra ta bort

Dina sparade sökningar / bevakningar

Ny kampanjVägvisaren

Karl AlexanderssonSeptember

Datum Typ Namn visa | ändra ta bort

2010-09-27 Företag Sed volutpat porttitor blandit (17) visa | ändra ta bort

2010-08-12 Person Proin lacus risus, cursus vel auctor (5) visa | ändra ta bort

Dina prospektlistor

Start Välkommen Karl! Vad vill du göra idag? Söka företag | Dela med mig av vroom |  Titta på film

telefon: 08-55 60 35 90support vardagar 9-17

!Galaxer i mina braxer!Vill du radera “Set volutpat”?Nej, behåll den | Ja, ta bort den

Friday, October 8, 2010

Ljud!

Video.

SCA Packaging

Grafik

Studenter

Digital mognad 15- till 24-åringar. Ökande.

Natfak- katalogen

Analoga och digitala info-källor

1 av 5 direkt frångymnasiet

9 av 10under 27 år

55% 45%

Naturvetenskapliga fakulteten

155 minuter påinternet/dag

4 av 10 har ensmartphone

8 av 10 läserbloggar

9 av 10 användersociala medier

3 av 10 såg katalogen

av dessa gillade 6 av 10 katalogen

nybörjare

fick infohär

förväntan

su.sestudera.nu

SU utb-katalog

70%

70%

studievägledare

komp

is/sy

skon50%

50%10%

10%var nöjda

tog del av

80%

80%

50%

50%10%

10%

öppet husannons

inst.webb

NATFAK-katalogen

skolbesökstudiebesök

forskardagarna

Hur kan ni skickaut tjocka pappers-

kataloger?

“ “

Hur ofta skriver ni text utan att illustrera

texten?

Hur ofta skriver ni text utan att illustrera

texten?

Tjänstefel!

Varför audiovisuellt funkar

KognitivtEmotionellt

Känslor spelar en viktig roll i beslutsfattande och inlärning. De påverkar mekanismerna i

rationellt tänkande.

1. Fler förstår. 2. Fler besöker. 3. Fler delar med sig.4. Det blir synligt i fler kanaler.

Att föra anteckningar 2012

Lärande 2012

DragonBox+

DragonBox+

“If no one hates your website, there's a good chance no one

loves it either.”

http://per.ax/lingtalk YouTube

— Ling Valentine

Ok, ibland måste vi faktiskt hjälpa användarna på traven att

göra som vi vill.

Med större fokus på psykologi kan vi bygga webbplatser som

påverkar människor.

http://www.getmentalnotes.com/

Persuasive design

förtroende...

social validering

förlustundvikanderiskfritt

tidsgränser

Positiv förstärkning

✓Finns det regelbundna aktiviteter att se fram emot?

✓Får du användaren att le?

✓Belönar du henne?

✓Kan hon påverka?

✓Känner mottagaren att hon har viss äganderätt?

✓Överraskar du henne då och då?

✓Finns det regelbundna aktiviteter att se fram emot?

✓Får du användaren att le?

✓Belönar du henne?

✓Kan hon påverka?

✓Känner mottagaren att hon har viss äganderätt till följd av investering?

✓Överraskar du henne då och då?

Dina reglage

Stimulera / skapa känslor (hela hjärnan)

Lyssna / förstå problemen / GOOB

Skapa relation / vägled (psykologi)

Öka interaktion/ komplexitet hos användaren

Dina reglage

Stimulera / skapa känslor (hela hjärnan)

Lyssna / förstå problemen / GOOB

Skapa relation / vägled (psykologi)

Öka interaktion/ komplexitet hos användaren

TACK!

Jag heter Per Axbom.Om något jag sa fick dig att

tänka till får du gärna tala om det. För mig eller hela världen ;)

axbom.se/sitevision2012

STOPP

Nu har du bläddrat för långt...

Photos & icons:http://www.flickr.com/photos/eugene/60786350/http://www.flickr.com/photos/lucasstanley/4648624339/http://www.flickr.com/photos/antrover/7058633719/http://www.flickr.com/photos/seandreilinger/2200673679/http://www.flickr.com/photos/defenceimages/7197354648/http://www.flickr.com/photos/btindrelunas/3481894506/http://www.flickr.com/photos/dieselbug2007/431125750/http://www.flickr.com/photos/thehutch/2465788044/http://www.flickr.com/photos/rkfionn/7848480870/http://www.flickr.com/photos/jeffwerner/1316397786/www.awicons.comhttp://citywithaheart.org/

ALLT går att återuppfinna

SEB Innovation Awards

hej SEB!

bcxfqJvsen betalning

klassiska problem:

dalig

planering

fanns inte

pengar

ovantade

utgifter

losning:

vi bygger en robot som letar

efter monster i betalningarna

...och talar om hur det ser ut:

Snart månadsskifte!1. Det ser ut som

om du har 2000 kr mer i räkningar denna månad.

2. Du brukar betala cirka 500 kr till Telia varje månad men du har inte matat

in en sådan räkning...

FORTSÄTT

Räknar du med att betala till Telia

varje månad?

Du betalar cirka 8000 i räkningar. Vill du bli varnad

när du överskrider?

...och staller smarta fragor:

JA NEJ

JA NEJ

6 *) .-J

det kan ocksA bli vackra diagram:

.1hQNM

0

50

100

150

200

jun jul aug sep

.

roboten och kunden lever

lyckliga tillsammans.

tack SEB!

Människan i fokusSkapa en relation

Visualisera för förståelseMinimera interaktion

Visa målbilden (“Tack SEB!”)

Idéer utanför företaget