UXI - Eran Zinman - Conduit Mobile

1,266 views
1,189 views

Published on

Designing mobile apps for multiple platforms and devices - challenges & solutions.

Eran Zinman, Conduit Mobile.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,266
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

UXI - Eran Zinman - Conduit Mobile

  1. 1. Designing apps for multiple platforms and devices<br />Challenges& Solutions<br />Eran Zinman<br />
  2. 2. the candidates<br />http://mobile.conduit.com<br />
  3. 3. agenda<br />Lifecycle of a mobile appsame app on different mobile platforms<br />Product challengesdeveloping apps for multiple mobile platforms<br />Demopresenting Conduit Mobile<br />SolutionsHow Conduit Mobile addressed these issues<br />Summary<br />
  4. 4. The lifecycle of a mobile app<br />I have a really cool idea for a mobile app!<br />Sounds cool! I think we should start with iPhone first, since it’s the most popular platform.<br />It looks like our iPhone app is the next big thing!<br />an iPhoneapp is born<br />The result…<br />A few months later …<br />Yeah, but we cover only 20% of the market! Lets do it for Android as well…<br />Ok… so lets developWP7 & BlackBerry versions while we’re at it.<br />
  5. 5. A genetically mutated iPhone app on all other mobile platforms.<br />http://mobile.conduit.com<br />
  6. 6. Mashable app<br />Both apps look more or less the same oniPhone & Android<br />
  7. 7. Mashable app<br />But is the Android app optimized for the Android platform?<br />About<br />Back<br />Search<br />
  8. 8. Facebookapp<br />How Facebook optimized their app for the different platforms<br />
  9. 9. agenda<br />Lifecycle of a mobile appsame app on different mobile platforms<br />Product challengesdeveloping apps for multiple mobile platforms<br />Demopresenting Conduit Mobile<br />SolutionsHow Conduit Mobile addressed these issues<br />Summary<br />
  10. 10. physical interface differences<br />Volume<br />Power<br />Home<br />http://mobile.conduit.com<br />
  11. 11. physical interface differences<br />Volume<br />Power<br />Home<br />Back<br />Menu<br />Search<br />http://mobile.conduit.com<br />
  12. 12. physical interface differences<br />Volume<br />Power<br />Camera<br />Home<br />Back<br />Search<br />http://mobile.conduit.com<br />
  13. 13. <ul><li> Visual navigation (Buttons)
  14. 14. Usually tab interface</li></ul>navigation<br /><ul><li> Native back button
  15. 15. Native “menu”
  16. 16. Main menu (list or grid, due to back button), rarely tabs
  17. 17. Very unique navigation (panorama view)
  18. 18. Native back button</li></li></ul><li>UI – share & selectors<br />
  19. 19. UI – toggling<br />
  20. 20. <ul><li> Subtle loading icon on info bar
  21. 21. Doesn’t block the user interface</li></ul>loading<br /><ul><li> Loading indicator on screen
  22. 22. Blocks the user interface
  23. 23. Option to cancel
  24. 24. Subtle loading dots on screen
  25. 25. Doesn’t block the user interface</li></li></ul><li><ul><li> Hard to avoid
  26. 26. Can be quite annoying
  27. 27. * Will probably change in iOS 5</li></ul>push notifications<br /><ul><li> Very subtle
  28. 28. Sometimes easy to miss
  29. 29. Similar to Android
  30. 30. Unique graphic element, attracts the user attention</li></li></ul><li>widgets<br /><ul><li> Doesn’t exist in iOS (might be in iOS 5)
  31. 31. Very rich world, allow user interaction
  32. 32. Some apps are only widget based.
  33. 33. Almost all apps have a widget representation.
  34. 34. Much simpler widgets
  35. 35. No user interaction, but widgets are </li></ul> animated & dynamic.<br />
  36. 36. whatsapp setup<br />Phone # validation<br />SMS<br />User enter SMS<br />Done<br />install<br />install<br />Done<br />
  37. 37. agenda<br />Lifecycle of a mobile appsame app on different mobile platforms<br />Product challengesdeveloping apps for multiple mobile platforms<br />Demopresenting Conduit Mobile<br />SolutionsHow Conduit Mobile addressed these issues<br />Summary<br />
  38. 38. 250 Million Users. 260,000 Publishers. 1 Network.<br />Publisher<br />WebsiteSolutions <br />Browser Solutions<br />MobileSolutions<br />Wibar<br />Community Toolbars<br />Mobile & Tablet Apps<br />Browser Apps<br />The Conduit Network<br />http://mobile.conduit.com<br />
  39. 39. Demo<br />http://mobile.conduit.com<br />http://mobile.conduit.com<br />
  40. 40. agenda<br />Lifecycle of a mobile appsame app on different mobile platforms<br />Product challengesdeveloping apps for multiple mobile platforms<br />Demopresenting Conduit Mobile<br />SolutionsHow Conduit Mobile addressed these issues<br />Summary<br />
  41. 41. agenda<br />Lifecycle of a mobile appsame app on different mobile platforms<br />Product challengesdeveloping apps for multiple mobile platforms<br />Demopresenting Conduit Mobile<br />SolutionsHow Conduit Mobile addressed these issues<br />Summary<br />
  42. 42. Summary<br />Don’t create a mutation of your iPhone app,re-think your app for every platform.<br />Each platform offers new opportunities, not everything is done right on the iPhone.<br />Always make sure you understand the platform from a user perspective, use it for at least a month!<br />This is just the tip of the iceberg: multiple devices, tablets, web apps, etc …<br />
  43. 43. Thank you!<br />Questions?<br />Contact<br />email: eran@conduit.com<br />twitter: @zzeran<br />Conduit is hiring!<br />web:www.facebook.com/ConduitCareers<br />email: moran@conduit.com<br />http://mobile.conduit.com<br />

×