Mobile User Interfaces

684 views
616 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
684
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mobile User Interfaces

  1. 1. Mobile UIs Professor: Tapan Parikh ( [email_address] ) TA: Eun Kyoung Choe ( [email_address] . berkeley . edu ) Lecture #10 - March 4th, 2008 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 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 metaphor </li></ul></ul><ul><ul><li>Text entry is difficult </li></ul></ul><ul><ul><li>Limited use of other media </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>Reading on User Interface Tools </li></ul><ul><li>Interactive Prototype / Final Project Proposals are Due on Tuesday </li></ul><ul><ul><li>Any questions? </li></ul></ul>

×