UX och Digitala trender

Föreläsning som gavs på Karolinska institutet den 19 september 2012.

Transcript

1. UX och digitala trender Per Axbom Axbom Innovation AB @axbom på Twitter
6. “The world as we have created it is a process of our thinking. It cannot be changed without changing our thinking.”
12. Ny teknik ger oss nya möjligheter att prata med människor och skapa visuell information. Men gör vi det?
13. Vad ser du framför dig när jag säger att vi ska bygga en webbplats?
16. Jag ser det här:
17. TACK! TACK! TACK! TICK!
18. TACK! 3-STEGS- PLANEN VAR SUPER! TACK! RECEPTET VAR LÄCKERT!
19. TACK! JOBBET ÄR STÖRTKUL!
20. TACK! VILKA BRA IDÉER VI FICK!!
21. TACK! SCHAMPOOT FUNKAR!
22. Fråga till publiken: Varför producerar vi innehåll?
23. Vanliga frågor man får när man jobbar med användbarhet och UX:
24. Hur många länkar får det vara i menyn?
25. Hur många ord får jag skriva i min artikel?
26. Hur många personer ska jag testa med?
27. Hur många sekunder måste sidan ladda på?
28. Hur ska vi be om personnummer från användaren?
29. 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 ;)
30. Hur tänker personer som frågar så här? ?
31. MÄNNISKOR ÄR MASKINER
32. MÄNNISKOR ÄR FÖRUTSÄGBARA
34. DET FINNS EN MAGISK FORMEL
35. JAG BYGGER EN WEBBPLATS
36. Uppgift (fram med penna och papper)
37. Designa en ny, häftig vas.
38. Hur jag kunde ha formulerat uppgiften annorlunda:
39. Skapa något som gör att Anna trivs bättre i sitt vardagsrum.
40. Vi har fastnat i att skapa vaser. Webbplatser Artiklar Sidor
41. Ofta har vi inte en susning om vilket problem det är vi löser...
42. Det första en nyanställd undrar: NI HAR VÄL EN REDAKTION SOM SPRUTAR UT NYA ARTIKLAR PÅ LÖPANDE BAND?
43. 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?
44. Tiden vi lägger på att producera nytt innehåll generellt. Tiden vi lägger på att uppdatera innehållet för nyanställda.
45. Tiden vi lägger på att producera innehåll för nyanställda. Tiden vi lägger på att prata med nyanställda i syfte att förstå deras behov.
46. Slutsatser Vi vet inte hur vi prioriterar våra målgrupper. Vi har inte lyssnat tillräckligt på de vi skapar innehåll för.
47. “Vi vet redan vad folk vill ha.”
48. “Vill du ha uppdaterade nyheter på intranätet?”
49. “Vill du ha uppdaterade nyheter på intranätet?” Fel!
50. “Hur ser en vanlig arbetsdag ut för dig?”
51. “Vad retar du dig mest på i ditt jobb?”
52. GOOB!
53. “Jahaa!! Är det sååå det funkar!” “Jahaa!! Är det sååå de tycker!”
54. 6-månadersprojekt för nytt rekryteringsverktyg.
55. NEJ TACK!
56. 2-veckorsprojekt som fixade allt i Outlook.
57. TACK!
59. Du har två öron och en mun.
60. Lyssna dubbelt så mycket som du pratar*. *Ja, prata är att producera/sända information.
61. Skapa relationer
62. Samtidigt löser vi inte de problem vi känner till.
63. FAQ! Bevisföremål:
65. Hur ska jag som har frågan för första gången veta att det är en vanlig, ofta ställd fråga?
67. Vår förmåga att lägga komplexiteten hos användaren (typiskt hos formulär)
69. Vad är exempel på att öka komplexiteten?
76. Vad händer när vi ökar komplexiteten?
77. - Det kommer nästan ingen genom den där dörren.Jag visste väl att
80. Vad händer när du fäller dina användare om och om igen?
83. NYTTA SMÄRTA
84. Hur gör vi för att minska komplexiteten?
85. Vad menar jag med att ta bort interaktion?
89. 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
90. Design är osynligt till dess att det skapar problem.
91. Trend: Responsive
92. En ny teknisk lösning som ska lösa övergången till mobilt.
94. Problem med responsive
97. Mobile first, eller just mobile.
98. Hur läser ni nyheter?
99. Så här konsumerar jag nyheter...
101. 1 kolumn är bäst just nu!
103. 20x längre 30% bättre
104. Mobilt. Bärbart. Fler apparater. The Internet of Things.
105. WEBB
106. WEBB WEBB WEBB WEBB WEBB WEBB WEBB WEB B WEBB WEBB
107. WEBB WEBB WEBB WEBB WEBB WEBB WEBB WEB B WEBB WEBB
113. Quantified Self
114. Hur många steg har ni gått idag?
115. withings.com fitbit.com Zombies, Run!
116. Hur har ni sovit?
118. Hur glada var ni förra måndagen?
120. Språk! (roligt och intresseväckande)
122. vroom Sök företag Prospekt Urval individer Dina favoritaktiviter  Företag  Person  Begagnat  Karl Alexandersson VAG 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 kampanj Vägvisaren Karl Alexandersson September 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 90 support vardagar 9-17 ! Galaxer i mina braxer! Vill du radera “Set volutpat”? Nej, behåll den | Ja, ta bort den
123. Ljud!
125. Video.
127. Hur ofta skriver ni text utan att illustrera texten?
128. Varför audiovisuellt funkar Kognitivt Emotionellt 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.
129. Att föra anteckningar 2012
130. Nyheter 2012
131. #tahrir http://tracker.clima.me/
133. Lärande 2012
135. ALLT går att återuppfinna
137. “If no one hates your website, there's a good chance no one loves it either.” http://per.ax/lingtalk YouTube — Ling Valentine
138. SEB Innovation Awards
140. hej SEB!
141. bcxfqJv sen betalnin g klassiska problem: dalig planerin g fanns inte pen gar ovantade ut gifter
142. losnin g: vi bygger en robot som letar efter monster i betalnin garna
143. ...oc h 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
144. 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? ...oc h staller smarta fragor: JA NEJ JA NEJ 6 *) .-J
145. det kan ocksA bli vackra diagram: .1hQNM 0 50 100 150 200 jun jul aug sep
146. . roboten oc h kunden lever lyckliga tillsammans.
147. tack SEB!
149. Människan i fokus Skapa en relation Visualisera för förståelse Minimera interaktion Visa målbilden (“Tack SEB!”) Idéer utanför företaget
150. Välja avsändare...
151. SCA Packaging
152. Vad händer när vi är proaktiva (i framtiden)
153. Ledtråd Varje nödvändig interaktion är en smärtpunkt
154. Att se
155. Att lyssna — “Jag sa ju till min fru förra veckan att gungan i parken är trasig, har ni inte fixat den?”
156. Att möjliggöra
157. Deltagande — En kille på Solgatan skickade in ett helt nytt designförslag på en sittgunga som funkar för rörelsehindrade barn. Den ser grym ut!
158. Kostnadseffektivitet — Jag går ner till Alberts Sko- och nyckelservice, och skriver ut gungan!
159. Att ge mandat — ...eller vänta, de har visste redan gjort det!
160. Som ger resultat
164. Dina reglage Människa-dator interaktion Sinnen / multimedia Lyssna efter problem Gå nära / skapa relation (Lös problemen)
165. Det du älskar att skapa Det någon annan vill ha
166. 2 tjänster att börja använda direkt •Jing — per.ax/jing •Piktochart — per.ax/pikto
167. Det bästa tecknet på att du gjorde ett bra jobb:
168. TACK!
169. 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/ki Tack!
171. Flickr photos 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/
172. STOPP Nu har du bläddrat för långt...