Designing for Multiple Mobile Platforms

  • 3,285 views
Uploaded 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)

More in: Business , Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
3,285
On Slideshare
0
From Embeds
0
Number of Embeds
10

Actions

Shares
Downloads
86
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