Designing for iPad
      Evan Doll
Who am I?

• Evan Doll
• Former Apple employee
 • 3 years on iPhone
• Co-taught CS193P
Who am I?

• Not an Apple employee
• Waiting in line outside the
  Apple Store just like you
Today

• How iPad changes everything
• Where does it fit?
• Designing great apps
Remember

  I am not an
Apple employee!
First Things First


• I don’t know any iPad secrets
• No SDK discussion today
How iPad
 Changes
Everything
Obligatory photo:
“Make the screen
five inches by eight
 inches, and you’ll
  rule the world.”
             - Alan Kay
             http://bi...
News Flash:
    Computers are
still too complicated
Those who design
& build computers
are most likely to
    forget this
The Gulf of
Knowledge
Hackers
   Bloggers
Tech columnists
      You
Keep this in mind
when evaluating
new technology
What’s wrong with
 the status quo?
Files
“On Mac OS X, the
/System/Library/ folder...
   contains over 90,000
items, not one of which a
 typical user should ever
 ...
My mom has ~100
files on her desktop
Mouse
Geeks still argue
about 1-button vs.
  2-button mice
http://bit.ly/b5q9mK
The mouse is a bug,
   not a feature
Your Stanford
 C.S. Degree
To your family,
this still means
“tech support”
Not just a
generation gap
Opportunity to
  fundamentally
rethink computing
Where does it fit?
http://ohnodoom.com/ibap/
While driving
 At a restaurant
During the opera
While driving
 At a restaurant
During the opera
http://www.flickr.com/photos/arvindgrover/3163495351/
http://www.flickr.com/photos/missnita/2086268311/
http://www.flickr.com/photos/isurusen/3435278992/
http://www.flickr.com/photos/eneas/4028061789/
Laptops and iPhones
 are often antisocial
iPad is more
inviting and shareable
Multi-user interactions
Presenter + Viewer
Multiplayer games
http://www.flickr.com/photos/poodleface/482570681/
Combine
iPhones + iPad?
Multiple Touches
Room for two
(or more) hands
http://www.flickr.com/photos/bekahstargazing/378678206/
Designing
Great Apps
(My) Three Rules
1. It’s not an iPhone
2. Don’t break the flow
   3. Make it feel real
1. It’s not an iPhone
“It’s just a
big iPod touch!”
- Someone on the Internet
Hardware? Maybe.
 Software? NO!
Don’t just recompile
 your iPhone app
Apps that do this will
not be well-received
2. Don’t break the flow
“One view onscreen”
no longer the only way
Use split views
Don’t abuse it
Use popovers for
 modal content
Full-screen transitions
 can be disorienting
  on a large display
3. Make it feel real
Direct manipulation
Tactile, physical
interface design
Postage   Classics   ConvertBot
Realistic
sound effects
Animations!
Not just eye candy
Help user to build
 a mental map
   of your app
Some specific tips:
Read the
Human Interface
  Guidelines
Work with a
great designer
4x the pixels
      =
 4x the ugly
Performance is
 a BIG DEAL
Test on a real iPad
 for performance
   and usability
Build a paper iPad
http://mashable.com/2010/02/08/paper-ipad/
Reading List
• http://flyosity.com/ipad/the-ipad-
  is-for-everyone-but-us.php
• http://joehewitt.com/post/ipad/
• http://w...
In summary...
New platforms don’t
 come along often
We are living in
exciting times
The possibilities
  are endless
Go forth & develop!
Thanks!
@edog1203
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
Upcoming SlideShare
Loading in...5
×

Stanford CS193P - Designing for iPad

96,554

Published on

Guest lecture for Stanford CS193P (iPhone Application Programming) on February 12, 2010.

Published in: Technology
13 Comments
130 Likes
Statistics
Notes
  • I just won a free iPhone 32GB here :) http://gadgetsforyou.net
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • very interesting about this presentational ipad
    it's actually the maximum
    the coolest are the applications for it
    http://www.nuvenuschovendus.blog.br/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • I really love this innovative tablet-pc from Apple. It really changed my evenings, to chill on my couch and surf around the web. It´s also great when you travel and get the right ipad tarif, so you can really use it everywhere you want. I also made an website about the iPad, if you wan´t to visit, you are welcome :)

    Also very nice presentation ;)

    http://www.ipaddatentarife.de
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • I like the potential of the iPad. Its going to a long term money maker for apple:
    http://www.loogos.org/articles/how-to-get-an-apple-ipad-tablet-for-free
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • You can find more ipad cases here. Thanks!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
96,554
On Slideshare
0
From Embeds
0
Number of Embeds
94
Actions
Shares
0
Downloads
1,596
Comments
13
Likes
130
Embeds 0
No embeds

No notes for slide

Stanford CS193P - 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×