Webbdesign för människor som inte vill prata med dig
Upcoming SlideShare
Loading in...5
×
 

Webbdesign för människor som inte vill prata med dig

on

  • 1,109 views

Föreläsning på Sitevisiondagarna den 26 september 2012

Föreläsning på Sitevisiondagarna den 26 september 2012

Statistics

Views

Total Views
1,109
Views on SlideShare
1,018
Embed Views
91

Actions

Likes
0
Downloads
10
Comments
0

4 Embeds 91

http://axbom.se 88
https://twitter.com 1
https://si0.twimg.com 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Webbdesign för människor som inte vill prata med dig Webbdesign för människor som inte vill prata med dig Presentation Transcript

    • Webbdesign förmänniskor som inte vill prata med dig Per Axbom Axbom Innovation AB @axbom på Twitter
    • After Gangnam Style
    • Vårt i särklass störstainformationsproblem idag:
    • Vårt i särklass störstainformationsproblem 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 createdit 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 visuellinformation 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!TICK! TACK! TACK!
    • TACK!3-STEGS- TACK!PLANEN RECEPTET VAR VAR SUPER! LÄCKERT!
    • TACK!JOBBET ÄRSTÖRTKUL!
    • TACK! VILKA BRAIDÉ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 personer ska jag testa med?
    • Hur många sekundermåste sidan ladda på?
    • Hur ska vi be om personnummerfrå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 personer som frågar så här? ?
    • MÄNNISKOR ÄRFÖRUTSÄGBARA
    • DET FINNS ENMAGISK 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 Annatrivs bättre i sitt vardagsrum.
    • Vi har fastnat i att skapa vaser. Webbplatser Artiklar Sidor
    • 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å varjeinformationsproblem kan inte vara en webbsida.
    • Ofta har vi inte en susning omvilket 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 attlösa de problem vi känner till.
    • Bevisföremål: FAQ
    • Hur ska jag som har frågan förförsta gången veta att det är en vanlig, ofta ställd fråga?
    • GILLAR DU GANGNAM? HAR DU KOLLATMIN FAQ? DET STÅR NOG DÄR.
    • Det problemet verkar många ha jätteofta med vår produkt. Så vi la ut en förklaring på vår webb.En FAQ på din webbplats är ettmonument över hur dålig du är på att lösa problem.
    • Vår förmåga att läggakomplexiteten 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 genom den där dörren.Jag visste väl att
    • Vad händer när vi ökar komplexiteten?
    • Vad händer när du fäller dinaanvändare om och om igen?
    • NYTTASMÄRTA
    • Varenda interaktion på din webb är ett potentiellt hinder för besökaren att nå målet.SMÄRTA SMÄRTA Som ökar smärtan.
    • En bra upplevelse tidigt kan göra att övriga hinder känns mindre. SMÄRTA SMÄRTA SMÄRTA SMÄRTA NYTTAWOW ....
    • 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örmä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: Label:Label: Label: Label:Label: Label: Label:Label: Label: Label:Label: Label:Label: Label: ButtonLabel: 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 problemeller 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?)
    • 20x 30%längre bättre
    • WEBB
    • WEBB WEBB WEBB WEBWEBB WEBB B WEBB WEBBWEBB WEBB
    • WEBB WEBB WEBB WEBWEBB WEBB B WEBB WEBBWEBB WEBB
    • Quantified Self
    • Hur många steg har ni gått idag?
    • fitbit.comwithings.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örmänniskor: Stimulera alla sinnen!
    • Språk! (roligt ochintresseväckande)
    • Vad är motsatsen till särskrivning?
    • vroom September Karl Alexandersson ! logga ut Start Välkommen Karl! Vad vill du göra idag? Söka företag | Dela med mig av vroom |  Titta på film Dina favoritaktiviter  Karl Alexandersson Vägvisaren Ny kampanj Sök företag VAG Bromma Prospekt Dina sparade sökningar / bevakningar Urval individer Datum Typ Namn visa | ändra ta bort 2010-09-27 Företag Sed volutpat porttitor blandit (17) visa | ändra ta bort Företag  GalaxerPerson 2010-08-12 i mina braxer! cursus vel auctor (5) Proin lacus risus, visa | ändra ta bort ! Vill du radera “Set ullamcorper risus eget (14) 2010-02-03 Prospekt Nullam volutpat”? visa | ändra ta bort Person 2009-12-04 den Nej, behåll | Annat Ja, ta bort vestibulum magna sit amet (3) Duis den visa | ändra ta bort Begagnat  Dina prospektlistor 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 bortsupport vardagar 9-17 telefon: 08-55 60 35 90
    • Ljud!
    • Video.
    • SCA Packaging
    • Grafik
    • Studenter Natfak- 55% 45% katalogen 3 av 10 såg katalogen 1 av 5 direkt från 9 av 10 gymnasiet under 27 år av dessa gillade 6 av 10 katalogen Analoga och digitala in fo-källor 70% “ Hur kan ni skicka ut tjocka pappers-“ 80% öppet hus inst.webb 50% kompis/syskon kataloger? forskardagarna annons 50% NATFAK-katalogen fick info su.se studiebesök studera.nu här var nöjda skolbesök SU utb-katalog 10% studievägledare 10% 10% förväntan 50% 70% 10% tog del av 50% 80% Naturvetenskapliga fakulteten ybörja re nDigital mognad 15- till 24-å ringar. Ökande.4 av 10 har en 8 av 10 läser 9 av 10 använder smartphone 155 minuter på bloggar sociala medier internet/dag
    • Hur ofta skriver ni text utan att illustrera texten?
    • Hur ofta skriver ni text utan att illustrera texten? Tjänstefel!
    • Varför audiovisuellt funkar Kognitivt EmotionelltKänslor spelar en viktig roll i beslutsfattandeoch 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,theres a good chance no one loves it either.” — Ling Valentine http://per.ax/lingtalk YouTube
    • Ok, ibland måste vi faktiskthjälpa användarna på traven att göra som vi vill.
    • Med större fokus på psykologikan vi bygga webbplatser som påverkar människor. http://www.getmentalnotes.com/
    • Persuasive design
    • förtroende...
    • social validering tidsgränser riskfritt förlustundvikande
    • 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 Lyssna / förstå problemen / GOOB Stimulera / skapa känslor (hela hjärnan) Skapa relation / vägled (psykologi)Öka interaktion/ komplexitet hos användaren
    • Dina reglage Lyssna / förstå problemen / GOOB Stimulera / skapa känslor (hela hjärnan) 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 omdet. För mig eller hela världen ;) axbom.se/sitevision2012
    • STOPPNu 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!
    • klassiska problem:sen betalning cxfqJv fanns inte b pengar ovantade utgifter dalig planering
    • losning: vi bygger en robot som letarefter monster i betalningarna
    • ...oc talar om hur det ser ut: h 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
    • ...oc staller smarta fragor: h Räknar du med *) .-J att betala till Telia 6 varje månad? JA NEJ Du betalar cirka 8000 i räkningar. Vill du bli varnadnär du överskrider? JA NEJ
    • det kan ocksA bli vackra diagram: hQNM 200 .1 150 100 50 0 jun jul aug sep
    • roboten oc kunden lever h lyckliga tillsammans. .
    • tack SEB!
    • Människan i fokus Skapa en relation Visualisera för förståelse Minimera interaktionVisa målbilden (“Tack SEB!”) Idéer utanför företaget