webbdesign för människor som inte vill prata med dig
Post on 13-Nov-2014
1.226 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related