Embed Size (px)
DESCRIPTION
Bilder från föreläsning på Nackademin den 5 september 2014
Citation preview
DIGITALA MEDIER OCH MÄNNISKORPER AXBOM 5 SEPTEMBER 2014
AVSÄNDARE
MOTTAGARE
sänd signal
mottagen signal
budskap
budskap
brus
AVSÄNDARE
MOTTAGARE
sänd signal
mottagen signal
budskap
budskap
brus
återkoppling
AVSÄNDARE
MOTTAGARE
sänd signal
mottagen signal
budskap
budskap
brus
återkoppling
x antal människorx antal tillfällen
Det vi ofta glömmer när vi bygger webb.
Det handlar om målet och hela resan dit, och aldrig bara om gränssnittet.
Hur många gränssnitt var det förresten?
diskmaskinen displayen manualen
datorn operativsystemet
webbläsaren corporate-sajten svenska sajten
gmail tretti.se
filtret (skruvmojängen) skeden
Marknad Sälj Kommunikation Leverantörer!Manualer!
IT!Webbshop!Kundtjänst
Marknad Sälj Kommunikation Leverantörer!Manualer!
IT!Webbshop!Kundtjänst
interaktion
nyhetsbrevtexterbilder
telefonsamtalmejl
facebookkompisar
trycksakermedia
middagsgäster på nyårsaftonen spik i foten
interaktion
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.
NYT
TA
SMÄR
TA
6 av 10 saker som privatpersoner
annonserar ut på Blocket säljs inom en vecka.
Blockets superkraft: Vips så är dina prylar borta.
Blockets superkraft: Vips så är dina prylar borta.
Blockets superkraft: Vips så är dina prylar borta.
Blockets superkraft: Vips så är dina prylar borta.
Krigshistorier.
Klara,!färdiga,!
acceptans-!test!
Klara,!färdiga,!
acceptans-!test!
Nej tack.
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?
Gamla verktyg är inte nödvändigtvis dåliga verktyg,
om folk använder dem.
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/
1999: Var är tidtabellerna?
Om ingen svarar spelar det ingen roll hur formuläret ser ut.
Komplexitet ska inte ligga hos användaren.
Är det bra design om nya användarproblemen skapas?
Varför pratar vi hela tiden om användbara gränssnitt?
Jag kan ha dåliga upplevelser av en produkt innan jag använt den.
Modeller.
Mål.
Verksamhet Människor
Verktyg
Människan som irrationell varelse.
Öppna ett nytt konto
Vill du:
Först lära dig mer?
(hur många dela-knappar kan man ha på en sajt)
Mängden alternativ
Besö
karn
öjd
he
t
Kartlägg.
Kartlägg inte webbplatsen.!!
Kartlägg människans labyrintliknande resa, där
webbplatsen är en beståndsdel.
Hur många sekunder har användaren på sig att förstå?
Tester
http://www.netvlies.nl/wp-content/uploads/2012/07/user_testing-20100604-121059.jpg
Känns det här naturligt?
Varför är vi så rädda för att förklara?
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
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
bcxfqJvsen betalning
fanns inte
pengar
klassiska problem:
ovantade
utgifter
dalig
planering
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
1. Lös befintliga vardagsproblem som minskar stress och ger bättre möjligheter till planering.
2. Lös problemen med befintlig information.
1
2
3
Idé till SEB Innovation Awards 2012:
En robotvän som håller koll åt dig.
Roboten minskar risken för problem åt kunden genom att ge rätt information i rätt sammanhang.
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.
5
6
tack seb!
4
Idé: Per [email protected]
http://nyaseb.se lösenord: robot12
Minimera behovet av inmatning från kunden och lyft fram fördelarna (påminnelser, varningar)
Genom att se summor och övriga utgifter i enkel visualisering blir det lättare att påverka sina vanor.
Kunden ser också mönster lättare.
Jag är 38 och äldre än ert rekommenderade åldersspann. I sinnet är jag dock yngre än er rekommenderade ålder, så låt oss vara överens om att genomsnittet är perfekt. ;)
http://www.netvlies.nl/wp-content/uploads/2012/07/user_testing-20100604-121059.jpg
Vad är det vi testar?
Nu har vi gjort det jävligt lätt att göra något som du aldrig kommer göra.
När det INTE kommer återkoppling.
När din produkt inte håller måttet.
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
“If no one hates your website, there's a good chance no one
loves it either.”
http://per.ax/lingtalk YouTube
— Ling Valentine
Rysare
Varför tog ni förmågan ni
gav mig?
!!
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.
Jag kan inte läsa längre.
Jag kan inte åka buss längre.
SupergränssnittNär din tjänst “is the shit” och bara måste funka.
Det finns alltid något nytt att lära
sig, och lära andra.
1177 vårdguidenSL kundtjänst
Hur kan jag hjälpa dig?
Clearly
Strategi = Prioritera
verksamhets- nytta
genomförbarhet
Aktivitet Nytta(1-5)
Genomförbarhet (1-5)
verksamhets- nytta
genomförbarhet
}}}
FOKUSERA
ÖVERVÄG
UTESLUT
verksamhets- nytta
genomförbarhet
}}}
FOKUSERA
ÖVERVÄG
UTESLUT
Ökaintäkter
Minskakostnader
Öka marknads-
andelar
Öka intäkter
per kund
Öka ägarvärde
Ökaintäkter
Minskakostnader
Öka marknads-
andelar
Öka intäkter
per kund
Öka ägarvärde
personalomsättning minskar | personalen
blir kunnigare
minskad aministration | mer tid för kund |
innovation
bättre utnyttjande av resurser |
kontakthantering
ökat stöd i säljprocessen | lägre priser |
bättre än konkurrenter
delad kunskap leder till mer- och
korsförsäljning
dokumentation/verktyg kollaboration/självhjälp riktlnjer/instruktioner kunskapsdelningkunskapshantering
utbildning
- Det kommer nästan ingen genomden där dörren.Jag visste väl att
webben inte skulle leverera!
ERA ANVÄNDARKRAV HAR MER ÄN 400
EGENSKAPER
INSER DU ATT INGEN MÄNNISKA KAN
ANVÄNDA EN SÅN KOMPLEX PRODUKT?
BRA POÄNG, BÄST JAG LÄGGER TILL
”ENKEL ATT ANVÄNDA” PÅ LISTAN
Kravspecifikation
✓Användaren ska kunna logga in.
✓Det ska vara enkelt.
Lösningen beror på...
...vilken fråga du ställer.
Skapa ett formulär för att ladda upp bilder.
Hjälp användaren att ladda upp bilder snabbt efter att de tas.
Webbformulär är inte frifräsare. De är ett motstånd till måluppfyllelse.
många eller få fält?
17 » 3 fält 2 » 180 förfågningar / vecka
+$20 miljoner första kvartalethttp://www.gerrymcgovern.com/nt/2010/nt-2010-06-07-Customer-stranger.htm
Ja! rensa-knappen i formulär är död! Länge leva skicka-knappen!
#fokus
Placeholders i formulär (den nya rensa-knappen)
Placeholders i formulär
Skriv ditt användarnamn
Placeholders i formulär
Skriv ditt användarnamn
Personnummer YYYYMMDDNNNN
*************LösenordStrong
Nsv!1v8#
kuken68
Namn?
Personnummer?
Telefon?
Ditt meddelande?
Sara Andersson
820917-2654
Du sa personnummer och telefon på fel sätt, gå tillbaka
och säga dem igen.
E-post?
0705451234
Mitt bredband funkar inte.
va?
Hej, vad heter du?
ok, vad har du för personnummer?
tack, och ditt telefonnummer
är?
ok, och ditt meddelande är?
Sara Andersson
820917-2654
Grymt, tack! Får jag bara dubbelkolla din e-postadress. Var det [email protected]?
mm, och e-postadress?
0705451234
Mitt bredband funkar inte.
japp
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?
183
184
mobilt - prata med fingret
26 år eller mindre 27-65 år 66 år eller
mer
Under 2011 fyller jag
Månadskostnader utöver lönekostnader
14 000 kr
MOBILE INPUT
187http://www.elated.com/articles/banish-javascript-in-web-forms-with-html5/
Vilket telefonnummer når vi dig på?
Vad heter du?
Boka rådgivning
Privatperson
Företagare Skicka uppgifter
Vilket telefonnummer når vi dig på?
Vad heter du?
Boka rådgivning
Privatperson
Företagare
Skicka uppgifter
I vilken roll behöver du rådgivning?
Vilket telefonnummer når vi dig på?
Vad heter du?
Boka rådgivning
Privatperson
Företagare
Skicka uppgifter
I vilken roll behöver du rådgivning?
✓ Du får 500 kronor om vi inte kan förbättra din privatekonomi på 60 minuter.
✓ Du behöver inte vara befintlig kund.
✓ Gäller dig som inte varit på ekonomisk rådgivning det senaste halvåret.
‣ Privatrådgivning
‣ Kapitalrådgivning
‣ Private Banking
Du får 500 kronor om vi inte kan förbättra din privatekonomi!
Övrig rådgivning
Ja
Nej
Har ditt företag utfört en användningstest av den publika webbplatsen någon gång under de två senaste åren?
Per Axbom @axbom
