Designing for Baby Faces


Published on

a presentation for Mobile Monday Delhi on UI Design & usability guidelines for handheld devices.

Published in: Business, Technology
  • Be the first to comment

Designing for Baby Faces

  1. Mobile Usability – Designing for baby faces Ekta Rohra Jafri & Sunandini Basu, ACL Wireless Limited Aug 2006
  2. Real users, real problems <ul><li>Varsha, 24, web designer </li></ul><ul><li>Uses a Nokia 3220 </li></ul><ul><li>Uses the inbuilt browser </li></ul><ul><li>Wants to use the Opera Mini browser </li></ul><ul><li>Opera Mini is installed but cannot connect to the network </li></ul>
  3. Real users, real problems <ul><li>Dr.Ian, 45, surgeon </li></ul><ul><li>Uses a pager and a mobile phone </li></ul><ul><li>Owns a K500i </li></ul><ul><li>Messages instructions to his secretary while travelling between clinic and hospitals </li></ul><ul><li>Found T9 dictionary very easy to use </li></ul><ul><li>But cannot find out how to turn it on </li></ul>
  4. Introduction to Usability <ul><ul><li>Users should be able to - </li></ul></ul><ul><ul><li> Understand </li></ul></ul><ul><ul><li> Learn </li></ul></ul><ul><ul><li> Remember easily </li></ul></ul><ul><ul><li> Complete tasks efficiently </li></ul></ul><ul><ul><li> Feel satisfied </li></ul></ul><ul><ul><li>Jakob Nielsen describes usability as </li></ul></ul><ul><ul><li>“ ..a combination of Learnability, Errors, Satisfaction and Memorability..”. </li></ul></ul>
  5. Importance of usability Ease of use doesn't come from wishful thinking… Jakob Neilson
  6. Return on Investment <ul><li>Sales / conversion rate 100 % </li></ul><ul><li>User performance / productivity 161 % </li></ul><ul><li>Traffic / visitor count 150 % </li></ul><ul><li>Use of specific (target) features 202 % </li></ul><ul><ul><li>Improvements seen on the web </li></ul></ul><ul><li>Based on data from 863 design projects </li></ul>
  7. Usability on the mobile – What is it? Nothing is more fun than seeing your Web page (or application) nestled nicely into a teeny tiny handheld screen; and nothing is more excruciatingly horrendous than trying to figure out how to get it there. Heidi Pollok (WebMonkey)
  8. The mobile context <ul><li> Contextual content </li></ul><ul><li> Personalization – always on </li></ul><ul><li> Compact </li></ul><ul><li> Easy navigation </li></ul><ul><li> Security </li></ul><ul><ul><li>The challenge is how to respond to the user who wants to pull a device out of </li></ul></ul><ul><ul><li>his pocket, perform a task, and put it away again. </li></ul></ul>
  9. A tough job!
  10. Myth: Mobile = Desktop <ul><li> Lower resources </li></ul><ul><li> Limited spatial ability </li></ul><ul><li> Huge variety of Mobiles </li></ul><ul><li> Multi-tasking not possible </li></ul><ul><li> Deeper penetration </li></ul>
  11. Myth: mobile internet = Internet on mobile <ul><li>Optimize content for the web </li></ul><ul><li>Developing for mobile = pain! </li></ul><ul><li>Wall garden vs. open garden </li></ul>
  12. Facts to consider <ul><ul><li>&quot;It's easy to make things difficult, but difficult to make things easy&quot; </li></ul></ul>
  13. User interaction <ul><li>Always available </li></ul><ul><li>Highly personalized </li></ul><ul><li>Small attention spans </li></ul><ul><li>Economic factors </li></ul><ul><li>Secondary function </li></ul>Small screens, big advantages, bigger obstacles!
  14. Directions for Design <ul><li>&quot;Know thy user, and you are not thy user.&quot; </li></ul>
  15. Questions to ask yourself <ul><li>What is the application’s focus? Do we know WHAT the user wants to do here? </li></ul><ul><li>How can we provide the user with localized services? </li></ul><ul><li>Can we make the application so that it is as personalized or customizable for the user? </li></ul><ul><li>Is there a way to get the user to his goal even faster? Or simpler? </li></ul>
  16. Thank you 17 Community Centre East of Kailash New Delhi 110065 India Phone: +91.11.26438813-16 Fax: +91.11.26438825 Email: Web: