Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SWDC 2011: Mobile UI Design - Web or Native?

2,815 views

Published on

Published in: Technology, Business
  • Be the first to comment

SWDC 2011: Mobile UI Design - Web or Native?

  1. 1. Mobile UI Design – Web orNative?Johannes Fahrenkrughttp://springenwerk.com@jfahrenkrug
  2. 2. OverviewAre we learn resistant?The web as a special caseWhat about mobile?Native or web?Q&A
  3. 3. Disclaimer: This talk is aboutconsumer apps.
  4. 4. Are we learn resistant?
  5. 5. Remember Java Swing?
  6. 6. Source: http://en.wikipedia.org/wiki/File:Gui-widgets.png
  7. 7. nc e, rite O W un R re yw he AnSource: http://en.wikipedia.org/wiki/File:Gui-widgets.png
  8. 8. 1. Write Cross-Platform App2. ???3. Profit!!!
  9. 9. 1. Write Cross-Platform App2. ???3. Profit!!!
  10. 10. Cross-PlatformUIs suck!
  11. 11. KYM India User Survey 2011: 50% want Android 35% want iPhoneSource: http://news.in.msn.com/technology/article.aspx?cp-documentid=5435652
  12. 12. "Operating System is most important criteria for selecting a mobile phone (87%)"Source: http://news.in.msn.com/technology/article.aspx?cp-documentid=5435652
  13. 13. People prefer their (mobile)OS for a reason.
  14. 14. Source: http://lizzybeth23.tumblr.com/
  15. 15. Cross-Platform UIis a conceptualmistake.
  16. 16. One Exception:The Web.
  17. 17. Surprisingly,cross-platform UIworks on theweb.
  18. 18. Expectation.
  19. 19. Source: http://www.bookstoreguide.org/2008/10/stanley-livingstone-hague.html
  20. 20. On the web, wehave completefreedom to builda single great UI.
  21. 21. Source: Apple Inc.
  22. 22. "Native scrolling for mobile webapps... or at least the closest thingto it!""Bugs...: Lots of other hard todescribe discrepancies with nativescrolling..."- http://joehewitt.github.com/scrollability/
  23. 23. UISwitch iOS 4 -> 5
  24. 24. If it looks like anative app, peopleexpect it to behaveexactly like a nativeapp.
  25. 25. "Build a UI and UXthat is platform-agnostic."- Majd TabySource: http://jtaby.com/2011/07/01/the-next-generation-of-mobile-web-apps.html
  26. 26. "It has an icon,so its an app."- Every User
  27. 27. Percieved as native?Behave like native!
  28. 28. Mobile Web Appscan be great if theydont mimick native.
  29. 29. You can only getaway with cross-platform UI in thebrowser.
  30. 30. So.... native or web?
  31. 31. People expect appsto either be useful,beautiful and/orentertaining.
  32. 32. The days were peopleare amazed simply bythe fact that you havean app in the storeare long over.
  33. 33. In the store you need tobe on par with nativeapps in terms of speed,UI and UX.
  34. 34. Creating a great mobileweb app requires truesoftware craftsmanship.
  35. 35. Companies to watch:- Appcelerator- Strobe- AppGyver
  36. 36. If you are targetting thestore(s), go native.
  37. 37. Free app?+ Small budget?+ No device features?+ Want multi-platform?--> Web
  38. 38. Paid app (Store)?+ Best possible UX?+ Device features?--> Native
  39. 39. Hybrid
  40. 40. "If all you have is ahammer, everythinglooks like a nail."
  41. 41. To deliver the best UX,theres no shortcutaround knowing theplatform youretargeting.
  42. 42. Q&A
  43. 43. Tack så mycket!Johannes Fahrenkrughttp://springenwerk.com@jfahrenkrug

×