Designing for Multiple Mobile Platforms
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Designing for Multiple Mobile Platforms

  • 4,100 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
4,100
On Slideshare
3,514
From Embeds
586
Number of Embeds
9

Actions

Shares
Downloads
86
Comments
2
Likes
13

Embeds 586

http://anej.si 335
http://anucreative.com 139
http://lanyrd.com 63
http://marcogriffiths.wordpress.com 42
http://37.139.31.139 3
http://webcache.googleusercontent.com 1
http://bilingualprimaryschool.dev 1
http://test.anucreative.com 1
http://www.google.si 1

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