Designing for ipad

1,197 views

Published on

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

No Downloads
Views
Total views
1,197
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
28
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Designing for ipad

  1. 1. Designing for iPad Evan Doll
  2. 2. Who am I? • Evan Doll • Former Apple employee • 3 years on iPhone • Co-taught CS193P
  3. 3. Who am I? • Not an Apple employee • Waiting in line outside the Apple Store just like you
  4. 4. Today • How iPad changes everything • Where does it fit? • Designing great apps
  5. 5. Remember I am not an Apple employee!
  6. 6. First Things First • I don’t know any iPad secrets • No SDK discussion today
  7. 7. How iPad Changes Everything
  8. 8. Obligatory photo:
  9. 9. “Make the screen five inches by eight inches, and you’ll rule the world.” - Alan Kay http://bit.ly/dAXgsQ
  10. 10. News Flash: Computers are still too complicated
  11. 11. Those who design & build computers are most likely to forget this
  12. 12. The Gulf of Knowledge
  13. 13. Hackers Bloggers Tech columnists You
  14. 14. Keep this in mind when evaluating new technology
  15. 15. What’s wrong with the status quo?
  16. 16. Files
  17. 17. “On Mac OS X, the /System/Library/ folder... contains over 90,000 items, not one of which a typical user should ever need to see or touch.” - John Gruber http://daringfireball.net/2009/12/the_tablet
  18. 18. My mom has ~100 files on her desktop
  19. 19. Mouse
  20. 20. Geeks still argue about 1-button vs. 2-button mice
  21. 21. http://bit.ly/b5q9mK
  22. 22. The mouse is a bug, not a feature
  23. 23. Your Stanford C.S. Degree
  24. 24. To your family, this still means “tech support”
  25. 25. Not just a generation gap
  26. 26. Opportunity to fundamentally rethink computing
  27. 27. Where does it fit?
  28. 28. http://ohnodoom.com/ibap/
  29. 29. While driving At a restaurant During the opera
  30. 30. While driving At a restaurant During the opera
  31. 31. http://www.flickr.com/photos/arvindgrover/3163495351/
  32. 32. http://www.flickr.com/photos/missnita/2086268311/
  33. 33. http://www.flickr.com/photos/isurusen/3435278992/
  34. 34. http://www.flickr.com/photos/eneas/4028061789/
  35. 35. Laptops and iPhones are often antisocial
  36. 36. iPad is more inviting and shareable
  37. 37. Multi-user interactions
  38. 38. Presenter + Viewer
  39. 39. Multiplayer games
  40. 40. http://www.flickr.com/photos/poodleface/482570681/
  41. 41. Combine iPhones + iPad?
  42. 42. Multiple Touches
  43. 43. Room for two (or more) hands
  44. 44. http://www.flickr.com/photos/bekahstargazing/378678206/
  45. 45. Designing Great Apps
  46. 46. (My) Three Rules
  47. 47. 1. It’s not an iPhone 2. Don’t break the flow 3. Make it feel real
  48. 48. 1. It’s not an iPhone
  49. 49. “It’s just a big iPod touch!” - Someone on the Internet
  50. 50. Hardware? Maybe. Software? NO!
  51. 51. Don’t just recompile your iPhone app
  52. 52. Apps that do this will not be well-received
  53. 53. 2. Don’t break the flow
  54. 54. “One view onscreen” no longer the only way
  55. 55. Use split views
  56. 56. Don’t abuse it
  57. 57. Use popovers for modal content
  58. 58. Full-screen transitions can be disorienting on a large display
  59. 59. 3. Make it feel real
  60. 60. Direct manipulation
  61. 61. Tactile, physical interface design
  62. 62. Postage Classics ConvertBot
  63. 63. Realistic sound effects
  64. 64. Animations!
  65. 65. Not just eye candy
  66. 66. Help user to build a mental map of your app
  67. 67. Some specific tips:
  68. 68. Read the Human Interface Guidelines
  69. 69. Work with a great designer
  70. 70. 4x the pixels = 4x the ugly
  71. 71. Performance is a BIG DEAL
  72. 72. Test on a real iPad for performance and usability
  73. 73. Build a paper iPad http://mashable.com/2010/02/08/paper-ipad/
  74. 74. Reading List • http://flyosity.com/ipad/the-ipad- is-for-everyone-but-us.php • http://joehewitt.com/post/ipad/ • http://www.tomloverro.com/ 2010/02/06/ipad-analysis- history-repeats-itself/
  75. 75. In summary...
  76. 76. New platforms don’t come along often
  77. 77. We are living in exciting times
  78. 78. The possibilities are endless
  79. 79. Go forth & develop!
  80. 80. Thanks! @edog1203

×