Designing for Multiple Mobile Platforms

4,226 views

Published on

Here we talk about designing across, and for, multiple touchscreen platforms (Nokia, iPhone, iPad and Windows Phone 7) using Ribot’s recent suite of Tesco apps as a case study.

How do different form factors, operating systems, and interaction paradigms inform the design of real I-want-to-use-it-every-day apps?

How do you take the constraints (and opportunities) of differing mobile devices and design interfaces that, for the user, feel like they belong on the device and as part of their life?

(Download the presentation for full transcript)

Published in: Business, Technology, Design
2 Comments
13 Likes
Statistics
Notes
No Downloads
Views
Total views
4,226
On SlideShare
0
From Embeds
0
Number of Embeds
763
Actions
Shares
0
Downloads
99
Comments
2
Likes
13
Embeds 0
No embeds

No notes for slide

Designing for Multiple Mobile Platforms

  1. 1. (Mobile) User ExperienceDesigning for multipletouchscreen platformsUXBrighton 11/01/2011Robert Douglas, UX Designer, Ribot
  2. 2. PART 1Introduction
  3. 3. Hi, I’m Rob
  4. 4. I work at ribot
  5. 5. You may know me as@anucreative
  6. 6. I’m going to talk about...
  7. 7. PART 2Let’s get started...
  8. 8. Quick mobile guidelinessimpler is betterre-use learnt behaviourslittle and often photo source: http://www.flickr.com/photos/pittaya/298046657/
  9. 9. Simpler is betterminimise the subconscious questionsimprove glance-abilitysimpler != dumbbalance functionality, ease-of-use & satisfaction photo source: http://www.flickr.com/photos/lagiuspo/92136687/
  10. 10. Re-use learnt behavioursre-use interactions inherent in the deviceminimise the number of surprises http://www.flickr.com/photos/8586443@N03/1491516038/
  11. 11. Little and oftensimple, but repetitiveand grocery shopping is special...
  12. 12. From web to mobile photo source: http://www.flickr.com/photos/eclogite/2563355229/
  13. 13. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  14. 14. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  15. 15. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  16. 16. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  17. 17. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  18. 18. Four-step processreserve a delivery slotfind and add products to basket(favourites, search, browse, scan)review your ordercheck out photo source: http://www.flickr.com/photos/jennyland/4814451932/
  19. 19. PART 3Some examples
  20. 20. Nokia (S60 5th edition)
  21. 21. iPhone/iPod touch
  22. 22. Windows Phone 7
  23. 23. iPad
  24. 24. Compare: Global navigation
  25. 25. Compare: Delivery slots
  26. 26. Compare: Inline navigation
  27. 27. Compare: Navigating back
  28. 28. The challengesredesigning each experienceresetting our expectations photo source: http://www.flickr.com/photos/harrymoon/4079075358/
  29. 29. PART 4Wrapping up
  30. 30. Mobile is not about makingthings smaller photo source: http://www.flickr.com/photos/ matley0/2694746491
  31. 31. But it is the little thingsthat count photo source: http://www.flickr.com/photos/tom_lin/ 3186488124/
  32. 32. Make the most of yourplatform
  33. 33. Thanks@anucreativeribot.co.uk photo source: http://www.flickr.com/photos/jeremybrooks/618388795

×