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

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. 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. Constraints of mobile
But which is most important?
form factor battery
network latency context
input mechanism
memory
computational power

4. Context of use

5. Time for a snack...
DATA-SNACKING
small snippets of info
30-60 seconds
simple, but repetitive
regular

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. Mobile is not about making
things smaller
Miniaturisation vs Mobilisation
http://mobilewebbook.com
http://www.flickr.com/photos/tridi_animeitor/2224661744/

8. It’s all about the subtleties
Fewer options = simple and more effective
interface
Polish makes the UX and app stand out

9. Working around the 3G icon

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. Opera Mini
A REWARD-BASED MOBILE BROWSER
page by page scrolling

12. Opera Mini
A REWARD-BASED MOBILE BROWSER
Short-cuts in the soft key menu

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. Why use rapid prototyping
test ideas quickly in a tangible environment
extremely useful reference for developers
an interactive showcase of the intended UX

15. Mobile rapid prototyping tools
Flash (lite v3.0)
XHTML + CSS
Nokia Web Runtime
Silverlight
Dashcode
http://www.flickr.com/photos/brianauer/2249169858/

16. thank you
Antony Ribot
ribot.co.uk
http://www.flickr.com/photos/ronlayters/2402199783/