Mobile UIs

407 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
407
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile UIs

  1. 1. Mobile UIs Lecture #14 – April 28 th , 2009 213: User Interface Design and Development
  2. 2. Today’s Outline <ul><li>The Future is Mobile </li></ul><ul><li>Trouble with Mobile UIs </li></ul><ul><li>History of Mobile UIs </li></ul><ul><li>Mobile Development Platforms </li></ul>
  3. 3. The Future is Mobile <ul><li>> 1.5 billion mobile phones worldwide </li></ul><ul><ul><li>~500M PC’s </li></ul></ul><ul><li>Exponential growth in China, India, Africa </li></ul><ul><li>First electronic technology to be more rapidly adopted in developing world </li></ul><ul><li>IPhone has become the #1 mobile data client on Google </li></ul>Adapted from Maneesh Agarwala
  4. 4. The Trouble with Mobile UIs <ul><li>User Interface </li></ul><ul><ul><li>Adapted point-and-click-and-drag metaphor </li></ul></ul><ul><ul><li>Text entry is difficult </li></ul></ul><ul><ul><li>Limited attention </li></ul></ul><ul><li>Programming Model </li></ul><ul><ul><li>Proprietary APIs and programming environments </li></ul></ul><ul><ul><li>Web-based applications require online connection </li></ul></ul>
  5. 5. History
  6. 6. Apple Newton <ul><li>Introduced in 1993, discontinued in 1998 </li></ul><ul><li>Design issues: </li></ul><ul><ul><li>Text, shape recognition (error-prone) </li></ul></ul><ul><ul><li>Size (too large) </li></ul></ul><ul><ul><li>Connectivity (limited to synchronization, messaging) </li></ul></ul>Adapted from Scott Klemmer
  7. 7. Source: The Simpsons, Lisa on Ice
  8. 8. Palm Pilot <ul><li>Introduced in 1996 </li></ul><ul><li>Design solutions: </li></ul><ul><ul><li>Human-aided recognition (Graffiti) </li></ul></ul><ul><ul><li>Pocket-size (Wooden block experiment) </li></ul></ul><ul><ul><li>Easy to sync (Single button operation) </li></ul></ul>Adapted from Scott Klemmer
  9. 9. Nokia Adapted from Scott Klemmer Source: Scott Jenson, The Simplicity Shift. Cambridge University Press, 2002.
  10. 10. Phone / Computer Convergence
  11. 11. Blackberry (“Crackberry”) <ul><li>Introduced in 1999 </li></ul><ul><li>Design solutions: </li></ul><ul><ul><li>Full QWERTY Keyboard </li></ul></ul><ul><ul><li>Optimized for E-mail, Messaging </li></ul></ul><ul><ul><li>Dominance in the US business market </li></ul></ul>Adapted from Scott Klemmer
  12. 12. IPhone <ul><li>Introduced in 2007 </li></ul><ul><li>Design solutions: </li></ul><ul><ul><li>Multi-touch screen (Zooming / Panning) </li></ul></ul><ul><ul><li>Soft keyboard (Predictive) </li></ul></ul><ul><ul><li>Dynamic layout (Portrait vs. Landscape) </li></ul></ul><ul><ul><li>Proximity sensor, Accelerometer </li></ul></ul><ul><ul><li>Integrate Mail, Music, Mobile Phone </li></ul></ul>Adapted from Scott Klemmer
  13. 13. Development Plaforms <ul><li>Many are proprietary, closed and/or require licensing </li></ul><ul><ul><li>Symbian </li></ul></ul><ul><ul><li>BREW </li></ul></ul><ul><ul><li>Python </li></ul></ul><ul><ul><li>XHMTL </li></ul></ul><ul><ul><li>WAP </li></ul></ul><ul><ul><li>GSM </li></ul></ul><ul><ul><li>NET </li></ul></ul><ul><ul><li>J2ME </li></ul></ul><ul><ul><li>Android </li></ul></ul><ul><ul><li>Qt </li></ul></ul><ul><ul><li>Linux </li></ul></ul><ul><ul><li>IPhone </li></ul></ul>
  14. 14. Text Input Methods <ul><li>Multi-tap </li></ul><ul><li>T9 (dictionary-based) </li></ul><ul><li>Predictive </li></ul><ul><li>Soft keys </li></ul>Adapted from Maneesh Agarwala
  15. 15. Adapted from Maneesh Agarwala
  16. 16. Adapted from Maneesh Agarwala
  17. 17. Adapted from Maneesh Agarwala
  18. 18. For Next Time <ul><li>Final Project Presentations starting Thursday! </li></ul><ul><li>15 mins + 5 mins for questions </li></ul>

×