Inspiring new ways of mobile design and development

4,130
-1

Published on

A 15 minute presentation on my thoughts about user-centered development and the subtleties of interface design for small screen devices.

Published in: Design, Technology
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,130
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
221
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Inspiring new ways of mobile design and development

  1. 1. First of all, some context MOBILE DESIGN inspiring new ways of design and development Antony Ribot, CEO, Ribot O2 Litmus - 12.12.2008
  2. 2. The user-centered developer A DIFFERENT WAY OF THINKING develops with the user in mind a bridge between designer and developer not a role for every developer does not replace traditional UX expert
  3. 3. Constraints of mobile But which is most important? form factor battery network latency context input mechanism memory computational power
  4. 4. Context of use
  5. 5. Time for a snack... DATA-SNACKING small snippets of info 30-60 seconds simple, but repetitive regular
  6. 6. Re-use learnt behaviours Re-use interactions inherent in the device Minimise the number of surprises soft key positions colour menu navigation tone of voice http://www.flickr.com/photos/8586443@N03/1491516038/
  7. 7. Mobile is not about making things smaller Miniaturisation vs Mobilisation http://mobilewebbook.com http://www.flickr.com/photos/tridi_animeitor/2224661744/
  8. 8. It’s all about the subtleties Fewer options = simple and more effective interface Polish makes the UX and app stand out
  9. 9. Working around the 3G icon
  10. 10. Reward-based exploration FOCUSING ON THE KEY FEATURE AND DOING IT WELL keep it as simple as possible (the hard part) 1.allow the user to play within safe boundaries 2. user’s comfort increases 3. sense of exploration increases 4. discovery of features almost by accident http://www.flickr.com/photos/devos/95230930/
  11. 11. Opera Mini A REWARD-BASED MOBILE BROWSER page by page scrolling
  12. 12. Opera Mini A REWARD-BASED MOBILE BROWSER Short-cuts in the soft key menu
  13. 13. How to deal with diversity select lead handsets for your target audience use the design process to tackle “graceful degradation” http://www.admob.com/ http://www.flickr.com/photos/joaomoura/2661761961/
  14. 14. Why use rapid prototyping test ideas quickly in a tangible environment extremely useful reference for developers an interactive showcase of the intended UX
  15. 15. Mobile rapid prototyping tools Flash (lite v3.0) XHTML + CSS Nokia Web Runtime Silverlight Dashcode http://www.flickr.com/photos/brianauer/2249169858/
  16. 16. thank you Antony Ribot ribot.co.uk http://www.flickr.com/photos/ronlayters/2402199783/

×