Your SlideShare is downloading. ×

Designing for Multiple Mobile Platforms

3,778

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. …

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
3,778
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
97
Comments
2
Likes
13
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. (Mobile) User ExperienceDesigning for multipletouchscreen platformsUXBrighton 11/01/2011Robert Douglas, UX Designer, Ribot
  • 2. PART 1Introduction
  • 3. Hi, I’m Rob
  • 4. I work at ribot
  • 5. You may know me as@anucreative
  • 6. I’m going to talk about...
  • 7. PART 2Let’s get started...
  • 8. Quick mobile guidelinessimpler is betterre-use learnt behaviourslittle and often photo source: http://www.flickr.com/photos/pittaya/298046657/
  • 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. Re-use learnt behavioursre-use interactions inherent in the deviceminimise the number of surprises http://www.flickr.com/photos/8586443@N03/1491516038/
  • 11. Little and oftensimple, but repetitiveand grocery shopping is special...
  • 12. From web to mobile photo source: http://www.flickr.com/photos/eclogite/2563355229/
  • 13. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  • 14. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  • 15. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  • 16. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  • 17. Pressure Accelerometer Time of day GestureMicrophone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  • 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. PART 3Some examples
  • 20. Nokia (S60 5th edition)
  • 21. iPhone/iPod touch
  • 22. Windows Phone 7
  • 23. iPad
  • 24. Compare: Global navigation
  • 25. Compare: Delivery slots
  • 26. Compare: Inline navigation
  • 27. Compare: Navigating back
  • 28. The challengesredesigning each experienceresetting our expectations photo source: http://www.flickr.com/photos/harrymoon/4079075358/
  • 29. PART 4Wrapping up
  • 30. Mobile is not about makingthings smaller photo source: http://www.flickr.com/photos/ matley0/2694746491
  • 31. But it is the little thingsthat count photo source: http://www.flickr.com/photos/tom_lin/ 3186488124/
  • 32. Make the most of yourplatform
  • 33. Thanks@anucreativeribot.co.uk photo source: http://www.flickr.com/photos/jeremybrooks/618388795

×