Mobile UX and trends

50
Mobile Seminar Juni 2013

description

Trends in use and numbers of mobiles and User Experience strategies when developing apps

Transcript of Mobile UX and trends

Page 1: Mobile UX and trends

Mobile Seminar Juni 2013

Page 2: Mobile UX and trends

Velkommen14:00Tal, trends og tendenserv/Peter Schmidt, COO, HelloGroup

14:20Imødekom brugernes omskiftelige behov: Design & UX tilgangv/Jeppe Henckel & Henriette Hosbond, Hello UX

14:50

Pause, snacks og forfriskninger

15:05 Case: Lauritz.com mobil strategi & vision v/Thomas Stensgaard, Marketing direktør, Lauritz.com

15:30 Implementering af den mobile løsning Overvejelser og valg af platform og løsningsdesign, v/ Martin Sams, Direktør, Proactive

16:00Afslutning

Page 3: Mobile UX and trends

Tal, trends og tendenser

v/ Peter Schmidt, COO, Hello Group

Page 4: Mobile UX and trends

Hyper tasking, micro convenience, mini experiences, micro payment,

digital snacks.

Page 5: Mobile UX and trends

Hello Presentation

Page 6: Mobile UX and trends

Smartphones bliver brugt alle vegne

Kilde: Google

Page 7: Mobile UX and trends

Fremtidens fordeling af tablets, smartphones og computereI 2014 vil der blive solgt en tablet og 4 smartphones hver gang der bliver solgt 2 laptops

Kilde: BI Intelligence

Page 8: Mobile UX and trends

PenetrationsgradAntal år inden der er blevet opnået en 50% penetrationsgrad.

Kilde: The Wall Street Journal

Page 9: Mobile UX and trends

Et kært eje kan være på vej ud.18% vil hellere undvære deres TV end deres smartphone

Kilde: Google

Page 10: Mobile UX and trends

Hvordan tilpasser vi os denne virkelighed?

Page 11: Mobile UX and trends

Lad os se på lidt talfra Danmark

43 % af danske virksomheder benytter sig i dag af mobilesites / apps løsninger. 57 % gør ikke.

Af de 43% har ca. 60% været i gang mindre end et år.

Page 12: Mobile UX and trends

Virksomhedernes udbytte

Forbedret service og support

Gennemført salg og øget omsætning

Øget kundeloyalitet

Kontakt til nye kunder og brugere

34%

25%

35%

34%

35%

37%

36%

35%

9%

10%

8%

8%

22%

28%

21%

23%

Udbytte i dagIntet udbytte i dag, MEN fremtidige for-ventningerIntet udbytte i dag, OG ingen fremtidige for-ventninger

Hvad får de ud af det, og hvad forventer de at få ud af det i fremtiden?

Kilde: Networked Factbook 2012

Page 13: Mobile UX and trends

Brug af smartphonesHvordan passer det sammen med det, brugerne bruger deres smartphone til?

Kilde: Google

Page 14: Mobile UX and trends

Mobilbetaling30 % af danske brugere har allerede nu købt en

serviceeller et produkt på deres smartphone.

I 2011 udgjorde mobilbetaling ca. 2% af den totale værdi af samtlige online betalinger.

I 2016 forventes det tal at stige til ca. 8%.

I april 2013 kom ca. 14% af samtlige online transaktioner fra mobile enheder. En årlig stigning

på 80%.

Heraf 2/3 fra tablet og 1/3 fra smartphones.

Kilde: Google, ABI Research, Forrester

Page 15: Mobile UX and trends
Page 16: Mobile UX and trends

Barrierer for mobilbetaling

Kilde: Google

Page 17: Mobile UX and trends

Hvem bruger smartphones?

Page 18: Mobile UX and trends

1,6-2,0 milliarder forventes at bruge smartphones inden 2016

Page 19: Mobile UX and trends

Tak!Peter Schmidt, COO, Hello Group

Page 20: Mobile UX and trends

Imødekom brugernes omskiftelige behov:

Design & UX tilgang

v/ Jeppe Henckel & Henriette Hosbond, Hello UX

Page 21: Mobile UX and trends

En digital tid

Page 22: Mobile UX and trends

For få år siden

» Finde vej» Kommunikation» Hurtig afklaring af spørgsmål

Page 23: Mobile UX and trends

I dag

Kilde: Google

Page 24: Mobile UX and trends

Photo by jessicagarro on Flickr

Barrieren ligger ikke hos brugerne,men hos virksomhederne

Page 25: Mobile UX and trends

Formål dikterer retningen

AppDedikeret mobilt site

Responsivt website

Page 26: Mobile UX and trends

» Stor mængde data

» Brug af kamera

» Kompleks interaktion

» Hyppig brug

» Offline brug

» Nemmest og billigst at lave

» Nemt at finde for brugerne

» Kan fungere på tværs af styresystemer

Formål dikterer retningen

AppDedikeret mobilt site

Responsivt website

» Fungerer på tværs af styresystemer og enheder

» Nemt at opdatere

» Relativ størst besparelse

» Nemt at finde for brugerne

Page 27: Mobile UX and trends

3 centrale elementerIndhold Struktur Interaktion

Page 28: Mobile UX and trends

Indhold

Page 29: Mobile UX and trends

Prioritér og slet

Page 30: Mobile UX and trends
Page 31: Mobile UX and trends

Fokus på det vigtigste

Mobil-site Responsivt websiteApp

Page 32: Mobile UX and trends

Hvordan gør man?

Værktøjer:

» Brug data som pejlemærke» Afklar virksomhedens behov» Snak med brugerne» Forstå hele brugerens rejse» A/B tests

Page 33: Mobile UX and trends

Brug data som pejlemærke

Page 34: Mobile UX and trends

Afklar virksomhedens behov

Page 35: Mobile UX and trends

Snak med brugerne

Flickr: visual_dichotomy

Page 36: Mobile UX and trends

Personaer

Page 37: Mobile UX and trends
Page 38: Mobile UX and trends

User journey

Page 39: Mobile UX and trends

A/B test

Page 40: Mobile UX and trends

StrukturHvordan navigationen foregår og hvor indholdet er placeret.

Page 41: Mobile UX and trends
Page 42: Mobile UX and trends
Page 43: Mobile UX and trends

Top til bund prioritering

Page 44: Mobile UX and trends

Layering prioritering

Page 45: Mobile UX and trends

Layering prioritering

Page 46: Mobile UX and trends

Interaktion

Page 47: Mobile UX and trends

Mus Touch

Mus vs. touch…

Page 48: Mobile UX and trends

Mus Touch

Mus vs. touch…

» Præcise x-y-koordinater

» Alle områder på sitet er let tilgængelige med en mus

» En curser dækker ikke over indhold på sitet

» Hover-effekt

» Ingen mulighed for at manipulere objekter

» Fingerspids-størrelse

» Fingerpositionen eller placeringen af devicet i hånden kan gøre det besværligt at nå områder af skærmen

» Indhold eller objekter kan komme uden for synsvidde pga. fingre eller hånd

» Ingen hover – kun tap eller ikke tap

» Bruger kan manipulere objecter ved f.eks. at dragge, slide, pinche og rotere.

Page 49: Mobile UX and trends

Skab den bedste mobiloplevelse

Struktur InteraktionIndhold

Page 50: Mobile UX and trends

Tak!Jeppe Henckel, Senior User Experience Architect

Henriette Hosbond, User Experience Architect

Hello UX