84
Att designa för mobilitet – Lärdomar, tips och inspiration

Att designa för mobilitet

  • Upload
    inuse

  • View
    112

  • Download
    2

Embed Size (px)

DESCRIPTION

Med mer än en halv miljon sålda iPhones i Sverige och med en strid ström av androidtelefoner som kommer ut på marknaden är mobildesign hetare än någonsin. Men vad är värt att satsa på i mobildjungeln? Och hur levererar man en bra användarupplevelse i mobilen?

Citation preview

Page 1: Att designa för mobilitet

Att designa för mobilitet – Lärdomar, tips och inspiration

Page 2: Att designa för mobilitet

Vem är vi?

Thomas  Lindén  Interak2onsdesigner  [email protected]  

Jon  Karlsson  Interak2onsdesigner,    Effektstrateg  [email protected]  Twi>er:  @jon_karlsson  

Page 3: Att designa för mobilitet

”It’s  simplicity  at  its  finest.“  Brian  Beam,  MacWorld  

Plats  3  i  iTunes    App  Store!  Sommaren  och    vintern  2009  

Page 4: Att designa för mobilitet
Page 5: Att designa för mobilitet

Vem  är  ni?  

•  Utvecklare?  •  Beställare?  •  Produktägare  …    •  Jadajada  …  

Vem är ni?

Page 6: Att designa för mobilitet

Marknad/se[ng  the  scene  Jon  

Låt oss börja med lite siffror Vi lovar att det ska gå fort …

Page 7: Att designa för mobilitet

2 mobiltelefoner per kreditkort Sett till hela världen

Page 8: Att designa för mobilitet

500.000 iPhones sålda i Sverige Årsskiftet 2009/2010

Page 9: Att designa för mobilitet

500.000 iPhones sålda i Sverige Årsskiftet 2009/2010

200.000+ Applikationer i App Store 15% Spel, 85% applikationer

Page 10: Att designa för mobilitet

200.000+ Applikationer i App Store 15% Spel, 85% applikationer

4.000.000.000+ nerladdningar Sedan lanseringen, Juli 2008

Page 11: Att designa för mobilitet

Mobil  

admob  Mobile  Metrics  Report    December  2009  

iPhone dominerar mobiltrafiken Smartphones i Västeuropa

Page 12: Att designa för mobilitet

100.000 iPhones, 60.000 Androidtelefoner Säljs varje dag i världen

h>p://bit.ly/9cYb2h  

Page 13: Att designa för mobilitet

Android säljer mer än iPhone I USA …

Page 14: Att designa för mobilitet

Android säljer mer än iPhone I USA … 51.000+ Appar i Android Market 30.000+ av dem är gratis = tillgängliga i Sverige

h>p://www.swedroid.se/android-­‐market-­‐vecka-­‐18-­‐2010  

Page 15: Att designa för mobilitet

Touchtelefonen tar över I alla fall om man ska tro Nokia

Page 16: Att designa för mobilitet

1 miljon sålda på 28 dagar Det tog 74 dagar för iPhonen att sälja lika många

Page 17: Att designa för mobilitet

Den mobila marknaden är stor och blir bara större …

Page 18: Att designa för mobilitet

10 handfasta tips när man designar för mobilitet*

* Ok, 7 mobilspecifika tips och 3 generella …

Page 19: Att designa för mobilitet

Vad  du  än  designar  …  

Viktigt att tänka på Vad du än designar

Page 20: Att designa för mobilitet

1. Du måste veta vad du vill uppnå Utan styrning blir det svårt

Page 21: Att designa för mobilitet

Bra eller dålig design?

Page 22: Att designa för mobilitet

2. Förstå din målgrupp De ska hjälpa dig att uppnå dina mål

Page 23: Att designa för mobilitet

Låt oss ta ett exempel Aftonbladet.se

Page 24: Att designa för mobilitet
Page 25: Att designa för mobilitet
Page 26: Att designa för mobilitet
Page 27: Att designa för mobilitet
Page 28: Att designa för mobilitet

Att designa för mobilitet De 7 specifika tipsen

Page 29: Att designa för mobilitet

De uppenbara skillnaderna

Page 30: Att designa för mobilitet

Interaktionen Touch och Stylus

Page 31: Att designa för mobilitet

3. Följ etablerade guidelines Det gör trösklarna lägre för dina användare

Page 32: Att designa för mobilitet

iPhone Human Interface Guidelines http://bit.ly/vY7gc iPad Human Interface Guidelines http://bit.ly/aYKeun

Android User Interface Guidelines http://bit.ly/hVO32

Windows Mobile Design Guidelines http://bit.ly/7K4Wy1

Touch Gesture Reference Guide http://bit.ly/bYeSRT Library of Touch Gesture Diagrams http://bit.ly/bCKyqj

Page 33: Att designa för mobilitet
Page 34: Att designa för mobilitet
Page 35: Att designa för mobilitet

Det handlar inte bara om att göra samma sak mindre…

Page 36: Att designa för mobilitet

4. Tänk på kontexten

Page 37: Att designa för mobilitet

Privat i en offentlig miljö

Page 38: Att designa för mobilitet
Page 39: Att designa för mobilitet

Walkman  +  Pureness  

Page 40: Att designa för mobilitet

Splittrad uppmärksamhet Vi multitaskar mer och mer

Page 41: Att designa för mobilitet

Korta återkommande besök “It’s snacks, not meals”

Page 42: Att designa för mobilitet

I rörelse

Page 43: Att designa för mobilitet
Page 44: Att designa för mobilitet
Page 45: Att designa för mobilitet

… högre krav på anpassning till användarens kontext

Page 46: Att designa för mobilitet

5. Dra nytta av sensorerna

Page 47: Att designa för mobilitet
Page 48: Att designa för mobilitet
Page 49: Att designa för mobilitet
Page 50: Att designa för mobilitet
Page 51: Att designa för mobilitet
Page 52: Att designa för mobilitet
Page 53: Att designa för mobilitet
Page 54: Att designa för mobilitet
Page 55: Att designa för mobilitet
Page 56: Att designa för mobilitet
Page 57: Att designa för mobilitet
Page 58: Att designa för mobilitet

6. Lär dig användningsmönstren Designa för ett skräddarsytt och personligt innehåll

Page 59: Att designa för mobilitet

Specifika för endast en användare 1:1 förhållande

Page 60: Att designa för mobilitet
Page 61: Att designa för mobilitet

I förhållande till andra användare 1:X förhålllande

Page 62: Att designa för mobilitet
Page 63: Att designa för mobilitet
Page 64: Att designa för mobilitet
Page 65: Att designa för mobilitet
Page 66: Att designa för mobilitet

7. Stöd social aktivitet Människan är en social varelse

Page 67: Att designa för mobilitet
Page 68: Att designa för mobilitet
Page 69: Att designa för mobilitet
Page 70: Att designa för mobilitet
Page 71: Att designa för mobilitet

8. Anpassa till ekosystem Vad är mobilens roll?

Page 72: Att designa för mobilitet
Page 73: Att designa för mobilitet

   skapa/organisera  spellistor,  namge  

Page 74: Att designa för mobilitet

Lyssna,  hi>a  rä>  snabbt  

   skapa/organisera  spellistor,  namge  

Page 75: Att designa för mobilitet
Page 76: Att designa för mobilitet

Hi>a  snabbt,  2>a  

Page 77: Att designa för mobilitet

Hi>a  snabbt,  2>a  

Välja  film  2lls  ikväll,  2llsammans  

Page 78: Att designa för mobilitet

Fastna  inte…  

9. Fastna inte, tänk framåt

Page 79: Att designa för mobilitet
Page 80: Att designa för mobilitet

Magprojektor  

Page 81: Att designa för mobilitet
Page 82: Att designa för mobilitet

Summering  

1.  Du måste veta vad du vill uppnå 2.  Förstå dina målgrupp 3.  Följ etablerade guidelines 4.  Tänk på kontexten 5.  Dra nytta av sensorerna 6.  Lär dig användningsmönstren 7.  Uppmuntra/stödj social aktivitet 8.  Anpassa till ekosystem 9.  Fastna inte, tänk framåt 10. Testa på riktiga användare 

Summering

Page 83: Att designa för mobilitet

•     Mobil  Strategi  •     Helhetslösningar  •     Konceptutveckling  •     Expertutvärdering  •     Användningstest  

Prata  med  Magnus  (Malmö),  Johan  (Göteborg)  eller  Jost  (Stockholm)  för  offert!  

www.inuse.se/magnus  www.inuse.se/johan  www.inuse.se/jost  

”It’s  simplicity  at  its  finest.“  Brian  Beam,  MacWorld  

inUse Mobilerbjudande!

Page 84: Att designa för mobilitet

Tack!