Your SlideShare is downloading. ×
0
(Mobile) User ExperienceDesigning for multipletouchscreen platformsUXBrighton 11/01/2011Robert Douglas, UX Designer, Ribot
PART 1Introduction
Hi, I’m Rob
I work at ribot
You may know me as@anucreative
I’m going to talk about...
PART 2Let’s get started...
Quick mobile guidelinessimpler is betterre-use learnt behaviourslittle and often                       photo source: http:...
Simpler is betterminimise the subconscious questionsimprove glance-abilitysimpler != dumbbalance functionality, ease-of-us...
Re-use learnt behavioursre-use interactions inherent in the deviceminimise the number of surprises                        ...
Little and oftensimple, but repetitiveand grocery shopping is special...
From web to mobile             photo source: http://www.flickr.com/photos/eclogite/2563355229/
Pressure     Accelerometer         Time of day              GestureMicrophone     Haptics   ...                           ...
Pressure     Accelerometer         Time of day              GestureMicrophone     Haptics   ...                           ...
Pressure     Accelerometer         Time of day              GestureMicrophone     Haptics   ...                           ...
Pressure     Accelerometer         Time of day              GestureMicrophone     Haptics   ...                           ...
Pressure     Accelerometer         Time of day              GestureMicrophone     Haptics   ...                           ...
Four-step processreserve a delivery slotfind and add products to basket(favourites, search, browse, scan)review your order...
PART 3Some examples
Nokia (S60 5th edition)
iPhone/iPod touch
Windows Phone 7
iPad
Compare: Global navigation
Compare: Delivery slots
Compare: Inline navigation
Compare: Navigating back
The challengesredesigning each experienceresetting our expectations                    photo source: http://www.flickr.com...
PART 4Wrapping up
Mobile is not about makingthings smaller                    photo source: http://www.flickr.com/photos/                   ...
But it is the little thingsthat count                       photo source: http://www.flickr.com/photos/tom_lin/           ...
Make the most of yourplatform
Thanks@anucreativeribot.co.uk               photo source: http://www.flickr.com/photos/jeremybrooks/618388795
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
Upcoming SlideShare
Loading in...5
×

Designing for Multiple Mobile Platforms

3,839

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

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×