Fragmentation in mobile design               m yt ho r fa ct?Puzzle perspective by jugbo - http://www.flickr.com/photos/jug...
hardwareHardware Store by John McNab - http://www.flickr.com/photos/johnmcnab/5758738799/
by mikek http://www.flickr.com/photos/mikek/6816067326/
by mikek http://www.flickr.com/photos/mikek/6810557770/
by mikek http://www.flickr.com/photos/mikek/6997113043/
by mikek http://www.flickr.com/photos/mikek/7043782841/
by mikek http://www.flickr.com/photos/mikek/7068344451/
by mikek http://www.flickr.com/photos/mikek/6875178758/
by mikek http://www.flickr.com/photos/mikek/6830525152
by mikek http://www.flickr.com/photos/mikek/7024324235/
http://www.mobiledia.com/phones/nokia/6810/photo-1.html
http://n-gageaplicationdownload.blogspot.co.uk/
http://www.mobiledia.com/phones/nokia/6810/photo-1.html
It’s a box by tim caynes - http://www.flickr.com/photos/timcaynes/5408753242/
Screen resolutions of the 681,900 Android devices using opensignalmapshttp://opensignalmaps.com/reports/fragmentation.php
hardware fragmentation?                                             fa ctHardware Store by John McNab - http://www.flickr.c...
developmentDevelopment in Docklands by Destinys Agent - http://www.flickr.com/photos/destinysagent/2664658912/
Fragmentation challenges have been a keytopic of discussion in mobile industry circlessince Java ME started proliferating ...
SymbianOS                                                                                                                 ...
SymbianOS                                                                                                                 ...
Developing across the top three or fourmobile platforms (iOS, Android, Symbian andBlackberry) reaches just over 20% of the...
Brew                  Series40                   Symbian                       iOS                   Android          many...
development environment and its own app store. The next table shows how much the major smartphoneplatforms differ.LANGUAGE...
The next table lists over 50 cross-platform tools by technology approach, authoring language anddeployment format (web vs....
(TotalCross)                          JavaScript framework, Web- The M Project                                            ...
Spiderweb by jk079 - http://www.flickr.com/photos/jk079/5236562439/
Digital madness by ric_k - http://www.flickr.com/photos/ric_k/2545124107/
development fragmentation?                                               fa ctDevelopment in Docklands by Destinys Agent -...
design
contentWhat the user has in a digital experience:1) information and 2) the potential of doingsomething with this informati...
Input screenContent   Content   Content screen    screen    screen          Content                              Input scr...
Input screenContent   Content   Content screen    screen    screen          Content                              Input scr...
Input screenContent   Content   Content screen    screen    screen          Content                              Input scr...
Input screenContent   Content   Content screen    screen    screen          Content                              Input scr...
contentWhat the user has in a digital experience:1) information and 2) the potential of doingsomething with this informati...
Input screen          A             A             AContent       Content       Content screen        screen        screen ...
A                                           Input screen                                          Input screen          A ...
A                                           Input screen                                          Input screen          A ...
A                                           Input screen                                          Input screen          A ...
A                      Mailboxes              A                    Folder list              A                       A     ...
G                  G                                                                                                Write ...
Applications                                                A                                                Input screen ...
Applications                                                A                                                Input screen ...
Applications                                                A                                                Input screen ...
Applications                                                A                                                Input screen ...
Applications                                                A                                                Input screen ...
The switcher testStep 1 - Go to one appStep 2 - Open the apps switcherStep 3 - Go to a different appStep 4 - Press the bac...
app structure
app structure
app structure
activity
activity
activity
appstructure   both activity
1
2
3
4
5
6
7
8   9
M Y T Hdesign fragmentation?
Commonplace means familiar, and for youraudience, familiarity leads to efficiency andease - exactly what most folks want fr...
There’s a lull in the industry right now (...) Ifanything, Apple has an interest in maintainingthe status quo. So does eve...
technology has radically changed how welive, but the underlying cultural philosophiesthat drive aesthetic and visual fashi...
with every new smartphone subscription wetake another tiny but discrete step towards anetworked world dominated by powerfu...
disruption in mobile designwill come from third partyservices or won’t come at all.
disruption in mobile designwill come from you or won’tcome at all.
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
Upcoming SlideShare
Loading in...5
×

Mobile fragmentation, fact or myth?

1,104

Published on

Our presentation at UX Sofia 2012 about mobile fragmentation.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,104
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile fragmentation, fact or myth?"

  1. 1. Fragmentation in mobile design m yt ho r fa ct?Puzzle perspective by jugbo - http://www.flickr.com/photos/jugbo/366748612/
  2. 2. hardwareHardware Store by John McNab - http://www.flickr.com/photos/johnmcnab/5758738799/
  3. 3. by mikek http://www.flickr.com/photos/mikek/6816067326/
  4. 4. by mikek http://www.flickr.com/photos/mikek/6810557770/
  5. 5. by mikek http://www.flickr.com/photos/mikek/6997113043/
  6. 6. by mikek http://www.flickr.com/photos/mikek/7043782841/
  7. 7. by mikek http://www.flickr.com/photos/mikek/7068344451/
  8. 8. by mikek http://www.flickr.com/photos/mikek/6875178758/
  9. 9. by mikek http://www.flickr.com/photos/mikek/6830525152
  10. 10. by mikek http://www.flickr.com/photos/mikek/7024324235/
  11. 11. http://www.mobiledia.com/phones/nokia/6810/photo-1.html
  12. 12. http://n-gageaplicationdownload.blogspot.co.uk/
  13. 13. http://www.mobiledia.com/phones/nokia/6810/photo-1.html
  14. 14. It’s a box by tim caynes - http://www.flickr.com/photos/timcaynes/5408753242/
  15. 15. Screen resolutions of the 681,900 Android devices using opensignalmapshttp://opensignalmaps.com/reports/fragmentation.php
  16. 16. hardware fragmentation? fa ctHardware Store by John McNab - http://www.flickr.com/photos/johnmcnab/5758738799/
  17. 17. developmentDevelopment in Docklands by Destinys Agent - http://www.flickr.com/photos/destinysagent/2664658912/
  18. 18. Fragmentation challenges have been a keytopic of discussion in mobile industry circlessince Java ME started proliferating in 2004-5.Developer Economics 2011, created by Vision Mobile
  19. 19. SymbianOS AndroidMobile OSs in Bulgaria (Dec 08 - Apr 12) iOS BlackBerry OS80%70%60%50%40%30%20%10%0% Dec 2008 Jan 2009 Feb 2009 Mar 2009 Apr 2009 May 2009 Jun 2009 Jul 2009 Aug 2009 Sep 2009 Oct 2009 Nov 2009 Dec 2009 Jan 2010 Feb 2010 Mar 2010 Apr 2010 May 201http://gs.statcounter.com/
  20. 20. SymbianOS Android Mobile OSs in Bulgaria (Dec 08 - Apr 12) iOS BlackBerry OSNov 2010 Dec 2010 Jan 2011 Feb 2011 Mar 2011 Apr 2011 May 2011 Jun 2011 Jul 2011 Aug 2011 Sep 2011 Oct 2011 Nov 2011 Dec 2011 Jan 2012 Feb 2012 Mar 2012 Apr 2012 http://gs.statcounter.com/
  21. 21. Developing across the top three or fourmobile platforms (iOS, Android, Symbian andBlackberry) reaches just over 20% of thedevices sold on average.Developer Economics 2011, created by Vision Mobile
  22. 22. Brew Series40 Symbian iOS Android many hundred 275 150 350 millions million million million Blackberry WP Bada WebOS Meego 80 9 12 tons of small OSs million million millionhttp://communities-dominate.blogs.com/brands/2012/05/mobile-services-beyond-messaging-excellent-tns-global-survey-reveals-tons.html
  23. 23. development environment and its own app store. The next table shows how much the major smartphoneplatforms differ.LANGUAGES & ENVIRONMENTSPlatform Authoring language Dev Environment App storeAndroid Dalvik Android Development Tool Android Market C and C++ (NDK) Plugin for Eclipse WebViews Other IDEs, e.g., IntelliJ, Netbeans. Visual StudioBada C++ (proprietary Bada IDE based on Eclipse Samsung Apps extension) CDT and JSDT (JavaScript HTML, CSS, JS Development Tools)Blackberry C/C++ QNX Momentics IDE Blackberry App WorldTablet OS Java Eclipse plug-ins Android Player Standard IDE & Webworks HTML5, CSS, tools JavaScriptBlackberry J2ME MIDP 2.0 Eclipse plug-in Blackberry App WorldOS HTML WebWorks SDKiOS Objective C Mac with Xcode App Store WebViewsSymbian C++ Carbide C++ IDE Ovi Store QtWindows C#, VB.NET Visual Studio and Microsoft Windows Phone MarketplacePhone Silverlight framework tools such as Expression XNA framework Blend source: VisionMobile researchCross-Platform Developer Tools 2012, created by Vision Mobile
  24. 24. The next table lists over 50 cross-platform tools by technology approach, authoring language anddeployment format (web vs. native). MAJOR CROSS-PLATFORM TOOLS & APPROACHES Vendor (Tool) Technology approach Authoring language Deploym. format Adobe (AIR) Runtime Actionscript Native, Hybrid Adobe (Flex) SDK addition to AIR MXML Native, Hybrid Ansca Mobile Runtime Lua Native (Corona) Antenna Software HTML5, CSS and Runtime Hybrid web apps (Mobility Studio) JavaScript Antix Labs (Antix Runtime C/C++ Native Games) Appcelerator HTML5, CSS and Runtime Native apps (Titanium) JavaScript Web-to-native wrapper WYSIWYG, HTML, Application Craft Web apps, Hybrid (PhoneGap) Javascript, CSS, jQuery Runtime (Mobius) Web-to- HTML5, CSS and AppMobi native app wrapper Web apps, Hybrid JavaScript (PhoneGap) Web-to-native app wrapper HTML5, CSS and Backelite (BKrender) Web apps, Hybrid (PhoneGap) JavaScript DHTMLX Touch JavaScript framework HTML5, CSS, JavaScript Web apps Didmo (Magmito) App Factory WYSIWYG Web apps, Hybrid
  25. 25. (TotalCross) JavaScript framework, Web- The M Project HTML5, CSS, JavaScript Web apps, Hybrid to-native app wrapper Unity Technologies C# .NET, JavaScript and Runtime Native (Unity) Boo Unreal (Unreal Runtime UnrealScript Native Engine) Uxebu (Aparrat.io, Frameworks, Web-to-native HTML5, CSS, JavaScript Hybrid Storage.js ) app wrapper UXplus (Aqua WYSIWYG, JavaScript, Runtime Native Platform) C++ JavaScript Framework, Web- Wink to-native wrapper HTML5, CSS, JavaScript Web app (PhoneGap) Wix Mobile App factory WYSIWYG Web app Xamarin (Mono Source code translator, Touch, Mono for C# .NET Native Runtime Android) Java Bytecode, .NET .Net, Java or Ruby XMLVM Source code translator CIL, JavaScript, Bytecode Python, Obj. C C++ Zipline Games App factory, Runtime (for Lua Native (Moai) Lua script) source: VisionMobile research Cross-Platform Developer Tools 2012, created by Vision MobileThe full list of 100 cross-platform tools that we have tracked as part of our research appears below.
  26. 26. Spiderweb by jk079 - http://www.flickr.com/photos/jk079/5236562439/
  27. 27. Digital madness by ric_k - http://www.flickr.com/photos/ric_k/2545124107/
  28. 28. development fragmentation? fa ctDevelopment in Docklands by Destinys Agent - http://www.flickr.com/photos/destinysagent/2664658912/
  29. 29. design
  30. 30. contentWhat the user has in a digital experience:1) information and 2) the potential of doingsomething with this informationArturo Toledo, User Experience Designer (WP Design Studio)http://ux.artu.tv/?p=240 actions
  31. 31. Input screenContent Content Content screen screen screen Content Input screen screen Content Input screen screen
  32. 32. Input screenContent Content Content screen screen screen Content Input screen screen Content Input screen screen
  33. 33. Input screenContent Content Content screen screen screen Content Input screen screen Content Input screen screen
  34. 34. Input screenContent Content Content screen screen screen Content Input screen screen Content Input screen screen
  35. 35. contentWhat the user has in a digital experience:1) information and 2) the potential of doingsomething with this informationArturo Toledo, User Experience Designer (WP Design Studio)http://ux.artu.tv/?p=240 actions
  36. 36. Input screen A A AContent Content Content screen screen screen A Content Input screen screen A Content Input screen screen
  37. 37. A Input screen Input screen A A AContent Content Content screen screen screen A A Content Input screen Input screen screen A A Content Input screen Input screen screen
  38. 38. A Input screen Input screen A A AContent Content Content screen screen screen A A Content Input screen Input screen screen A A Content Input screen Input screen screen
  39. 39. A Input screen Input screen A A AContent Content Content screen screen screen A A Content Input screen Input screen screen A A Content Input screen Input screen screen
  40. 40. A Mailboxes A Folder list A A A EditNew message Message list message list A A A Move Message A
  41. 41. G G Write Search Sign in Sign up Home Connect Discover Me Tweet Settings Details Me Switch a/c Connect Retweeted Favourited Followed you you you Lists Tweet Saved DMs Drafts Lists Profile searches Tweet Profile Lists New list Tweet Profile Edit profile List details Edit list Retweeted Favourited ProfileTweets Following Followers Favourites Blocked Lists by by Tweet Profile
  42. 42. Applications A Input screen A A A Content Content Content screen screen screen A A Content screen Input screen A A Content screen Input screen
  43. 43. Applications A Input screen A A A Content Content Content screen screen screen A A Content screen Input screen A A Content screen Input screen
  44. 44. Applications A Input screen A A A Content Content Content screen screen screen A A Content screen Input screen A A Content screen Input screen
  45. 45. Applications A Input screen A A A Content Content Content screen screen screen A A Content screen Input screen A A Content screen Input screen
  46. 46. Applications A Input screen A A A Content Content Content screen screen screen A A Content screen Input screen A A Content screen Input screen
  47. 47. The switcher testStep 1 - Go to one appStep 2 - Open the apps switcherStep 3 - Go to a different appStep 4 - Press the back buttonWhere are you now?
  48. 48. app structure
  49. 49. app structure
  50. 50. app structure
  51. 51. activity
  52. 52. activity
  53. 53. activity
  54. 54. appstructure both activity
  55. 55. 1
  56. 56. 2
  57. 57. 3
  58. 58. 4
  59. 59. 5
  60. 60. 6
  61. 61. 7
  62. 62. 8 9
  63. 63. M Y T Hdesign fragmentation?
  64. 64. Commonplace means familiar, and for youraudience, familiarity leads to efficiency andease - exactly what most folks want from anapp (...) Novices in particular benefit frominterfaces that use icons and controls they’veseen elsewhere.Tapworthy - Designing Great iPhone apps, J. Clark
  65. 65. There’s a lull in the industry right now (...) Ifanything, Apple has an interest in maintainingthe status quo. So does everyone else.http://www.mobileindustryreview.com/2012/05/the-facebook-phone-why-its-good-news-for-the-industry.html
  66. 66. technology has radically changed how welive, but the underlying cultural philosophiesthat drive aesthetic and visual fashion haveremained largely unchanged for 20 years (...)perhaps Apple’s digital recreations of thingswe know and love is simply a sign of thetimes?http://www.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uis
  67. 67. with every new smartphone subscription wetake another tiny but discrete step towards anetworked world dominated by powerfulcorporations that can (...) control the speedof technological innovation to a pace that isconvenient for them rather than determinedby the creativity of hackers and engineers.http://m.guardian.co.uk/technology/2012/jun/03/john-naughton-smartphone-revolution-cost?cat=technology&type=article
  68. 68. disruption in mobile designwill come from third partyservices or won’t come at all.
  69. 69. disruption in mobile designwill come from you or won’tcome at all.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×