1. ap p e l l e r we b b
Internetdagarna 2011
DAYTO N A C OMMU N IC AT IO N A B
Riddargatan 17D, 114 57 Stockholm, Sweden
Phone +46 8 579 397 50, Fax +46 8 579 397 55
www.daytona.se, info@daytona.se

2. interaktions-
design

5. ✔

6. native
vs
web

7. native web hybrid

8. native web hybrid

9. användandet på smartphones
50 / 50
*
appar browser
* Comscore, nov 2011
(http://www.comscore.com/Press_Events/Press_Releases/2011/11/comScore_Reports_September_2011_U.S._Mobile_Subscriber_Market_Share)

10. OK!
men vad är egentligen
skillnaden då?

11. native webb
device device
webbläsare
app app

12. native webb
device device
webbläsare
app app

13. native webb
2 lager 3 lager
abstraktion abstraktion

14. men det finns sätt att
nästan komma runt det.
twitter.com

15. fördomar

16. 1
gör vi en native-app blir den
snygg, snabb & fräsch

17. egg timer
(native)

18. 2
gör vi en webb-app blir den
automatiskt
plattformsoberoende

19. Android Android 2.3.3
plattformsversioner 43,9%
Android 2.3
0,5%
Android 3.0-3.3
1,9%
Android 1.5-1.6
2,3%
Android 2.2 Android 2.1
40,7% 10,7%
Google, 3 nov 2011 (http://developer.android.com/resources/dashboard/platform-versions.html)

20. Android Android 2.3.3
plattformsversioner 43,9%
olika
os-versioner
Android 2.3
0,5%
= Android 3.0-3.3
olika 1,9%
Android 1.5-1.6
webbläsarversioner 2,3%
Android 2.2 Android 2.1
40,7% 10,7%
Google, 3 nov 2011 (http://developer.android.com/resources/dashboard/platform-versions.html)

21. large/mdpi
3,1%
large/ldpi
Android 0,1%
small/hdpi
skärmstorlek/upplösning 3% small/ldpi
1,3%
xlarge/mdpi
2,9%
normal/ldpi
1,3%
normal/mdpi
17,7%
normal/hdpi
70,8%
Google, 3 nov 2011 (http://developer.android.com/resources/dashboard/screens.html)

22. large/mdpi
3,1%
large/ldpi
Android 0,1%
small/hdpi
skärmstorlek/upplösning 3% small/ldpi
1,3%
xlarge/mdpi
2,9%
normal/ldpi
1,3%
normal/mdpi
17,7%
normal/hdpi
70,8%
Google, 3 nov 2011 (http://developer.android.com/resources/dashboard/screens.html)

23. large/mdpi
3,1%
large/ldpi
Android 0,1%
small/hdpi
skärmstorlek/upplösning 3% small/ldpi
1,3%
xlarge/mdpi
2,9%
6 os versioner normal/ldpi
1,3%
x
8 upplösningar normal/mdpi
= 17,7%
48 kombinationer
normal/hdpi
70,8%
Google, 3 nov 2011 (http://developer.android.com/resources/dashboard/screens.html)

24. OK!
men hur väljer jag
mellan native och web?

25. Requirements Importance Native Web
Interoperability Low
Security Med
Time to market High
App visibility Low
Advertising High
Billing Low
Distribution Med
Code reusability High
Audio Low
Video Med
Graphics High
Bandwidth Low
Geo-location Med
Sensor input Med

26. tips:
era användare kommer
inte bry sig så mycket om
den listan

27. vad
kännetecknar
en bra app?
(oavsett plattform)

28. • högt betyg?
• stort användande?
• många nedladdningar?

29. • högt betyg?
• stort användande?
• många nedladdningar?
för vem ska den vara bra?

30. om den fyller ett
behov och hur bra
den gör det
+
om den uppfyller
affärsmålen

31. om utvecklingen börjar
med frågeställningen:
app vs web
börjar man i fel ända!

32. vem
vill uppnå
vad?

33. webbanalys
intervjuer
fokusgrupper
etnografi
affärsmål
strategi
koncept
design

34. andel av befolkningen (12+ år)
som använder mobilt Internet*
40,0 %
20,0 %
0 %
2007 2008 2009 2010 2011
*Svenskarna och internet 2011
(https://www.iis.se/docs/SOI2011.pdf)

35. utveckling av andel mobilbesök hos
daytonas kunder under perioden
q2 2009-q3 2011
7,0 %
3,5 %
0 %
Q2 09 Q3 09 Q4 09 Q1 10 Q2 10 Q3 10 Q4 10 Q1 11 Q2 11 Q3 11

36. istället för att välja
mellan
native vs
web

37. tips:
anpassa din webbplats
för mobila browsers

38. STEG 2:
vilka scenarios har ni
som kan täckas in med en
app?

39. appar
browser

40. m.facebook.com Facebook/Appstore Messenger/Appstore

41. undersök och
designa för ett
behov
inte en teknik

42. lär dig mer!
www.daytona.se/bibliotek
bibliotek@daytona.se
foto: http://www.flickr.com/photos/joeshlabotnik/

43. thx!
patrik.axelsson@daytona.se