SlideShare a Scribd company logo
1 of 87
Download to read offline
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://bit.ly/dAXgsQ
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
  need to see or touch.”
                        - John Gruber
          http://daringfireball.net/2009/12/the_tablet
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://www.tomloverro.com/
  2010/02/06/ipad-analysis-
  history-repeats-itself/
In summary...
New platforms don’t
 come along often
We are living in
exciting times
The possibilities
  are endless
Go forth & develop!
Thanks!
@edog1203

More Related Content

What's hot

Jensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJen Simmons
 
How to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignHow to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignOSCON Byrum
 
Tablets V.S. the norm
Tablets V.S. the normTablets V.S. the norm
Tablets V.S. the normJonny Norgard
 
2020: A Design Odyssey
2020: A Design Odyssey2020: A Design Odyssey
2020: A Design OdysseyTim Van Damme
 
Macbook Laptop Orinentation 2008
Macbook Laptop Orinentation 2008Macbook Laptop Orinentation 2008
Macbook Laptop Orinentation 2008guest7b19f3
 
5 weired things you should not do with laptops - sellalaptop store
5 weired things you should not do with laptops - sellalaptop store5 weired things you should not do with laptops - sellalaptop store
5 weired things you should not do with laptops - sellalaptop storesellalaptop.com
 
Tablets, an Introduction.
Tablets, an Introduction.Tablets, an Introduction.
Tablets, an Introduction.christopherjlee
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Andrew Malek
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must DesignAndrew Malek
 
Advanced UX Techniques: Lean and Mean
Advanced UX Techniques: Lean and MeanAdvanced UX Techniques: Lean and Mean
Advanced UX Techniques: Lean and Meanwearelousy
 
Design concepts for Mobile Learnng
Design concepts for Mobile LearnngDesign concepts for Mobile Learnng
Design concepts for Mobile LearnngChad Udell
 
M.copywriting
M.copywritingM.copywriting
M.copywritingloppliger
 
10 Things Every PHP Developer Should Know About Machine Learning
10 Things Every PHP Developer Should Know About Machine Learning10 Things Every PHP Developer Should Know About Machine Learning
10 Things Every PHP Developer Should Know About Machine Learning10x Nation
 
Human face-of-accessibility
Human face-of-accessibilityHuman face-of-accessibility
Human face-of-accessibilityelianna james
 
Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
Apple Watch / Smartwatch UX: 7 Guidelines for greater AppsApple Watch / Smartwatch UX: 7 Guidelines for greater Apps
Apple Watch / Smartwatch UX: 7 Guidelines for greater AppsThorsten Jonas
 
Presenting with Apple Products
Presenting with Apple ProductsPresenting with Apple Products
Presenting with Apple ProductsTodd McKee
 

What's hot (20)

Jensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesign
 
How to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignHow to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience Design
 
Tablets V.S. the norm
Tablets V.S. the normTablets V.S. the norm
Tablets V.S. the norm
 
2020: A Design Odyssey
2020: A Design Odyssey2020: A Design Odyssey
2020: A Design Odyssey
 
Whats on my iPad
Whats on my iPadWhats on my iPad
Whats on my iPad
 
Macbook Laptop Orinentation 2008
Macbook Laptop Orinentation 2008Macbook Laptop Orinentation 2008
Macbook Laptop Orinentation 2008
 
5 weired things you should not do with laptops - sellalaptop store
5 weired things you should not do with laptops - sellalaptop store5 weired things you should not do with laptops - sellalaptop store
5 weired things you should not do with laptops - sellalaptop store
 
Mac vs PC
Mac vs PCMac vs PC
Mac vs PC
 
UBI Tablet Training
UBI Tablet TrainingUBI Tablet Training
UBI Tablet Training
 
Tablets, an Introduction.
Tablets, an Introduction.Tablets, an Introduction.
Tablets, an Introduction.
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must Design
 
Advanced UX Techniques: Lean and Mean
Advanced UX Techniques: Lean and MeanAdvanced UX Techniques: Lean and Mean
Advanced UX Techniques: Lean and Mean
 
Design concepts for Mobile Learnng
Design concepts for Mobile LearnngDesign concepts for Mobile Learnng
Design concepts for Mobile Learnng
 
Setup iPad
Setup iPadSetup iPad
Setup iPad
 
M.copywriting
M.copywritingM.copywriting
M.copywriting
 
10 Things Every PHP Developer Should Know About Machine Learning
10 Things Every PHP Developer Should Know About Machine Learning10 Things Every PHP Developer Should Know About Machine Learning
10 Things Every PHP Developer Should Know About Machine Learning
 
Human face-of-accessibility
Human face-of-accessibilityHuman face-of-accessibility
Human face-of-accessibility
 
Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
Apple Watch / Smartwatch UX: 7 Guidelines for greater AppsApple Watch / Smartwatch UX: 7 Guidelines for greater Apps
Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
 
Presenting with Apple Products
Presenting with Apple ProductsPresenting with Apple Products
Presenting with Apple Products
 

Viewers also liked

[INFOGRAPHIC]: How Graphic Designers Are Like Tony Stark
[INFOGRAPHIC]: How Graphic Designers Are Like Tony Stark[INFOGRAPHIC]: How Graphic Designers Are Like Tony Stark
[INFOGRAPHIC]: How Graphic Designers Are Like Tony StarkZillionDesigns
 
From Macro to Micro: Greening Your Campus
From Macro to Micro: Greening Your CampusFrom Macro to Micro: Greening Your Campus
From Macro to Micro: Greening Your CampusPaul Brown
 
2012-10-24 OER and Solving the Textbook Cost Crisis
2012-10-24 OER and Solving the Textbook Cost Crisis2012-10-24 OER and Solving the Textbook Cost Crisis
2012-10-24 OER and Solving the Textbook Cost CrisisNicole Allen
 
F 1 00 Capstone Activity
F   1 00 Capstone ActivityF   1 00 Capstone Activity
F 1 00 Capstone Activity06maggiequ
 
Panel Stimulation Slides from MEF Global
Panel Stimulation Slides from MEF GlobalPanel Stimulation Slides from MEF Global
Panel Stimulation Slides from MEF GlobalJames Parton
 
Getting started with your course re/design
Getting started with your course re/designGetting started with your course re/design
Getting started with your course re/designTanya Joosten
 
[INFOGRAPHIC]: Cards Against Typography
[INFOGRAPHIC]: Cards Against Typography[INFOGRAPHIC]: Cards Against Typography
[INFOGRAPHIC]: Cards Against TypographyZillionDesigns
 
Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...
Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...
Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...Nicole Allen
 
Perfect Pairs Anniversary - 1 Year in Review
Perfect Pairs Anniversary - 1 Year in ReviewPerfect Pairs Anniversary - 1 Year in Review
Perfect Pairs Anniversary - 1 Year in ReviewMelissa Chung
 
혼자 있고 싶은 순간 코쿵! (Cocoong)
혼자 있고 싶은 순간 코쿵! (Cocoong)혼자 있고 싶은 순간 코쿵! (Cocoong)
혼자 있고 싶은 순간 코쿵! (Cocoong)ksyeah
 
Sxsw start you_v2_pdf
Sxsw start you_v2_pdfSxsw start you_v2_pdf
Sxsw start you_v2_pdfBen Casnocha
 
5 Golden Rules to Effective Designer - Client Feedback
5 Golden Rules to Effective Designer - Client Feedback5 Golden Rules to Effective Designer - Client Feedback
5 Golden Rules to Effective Designer - Client FeedbackZillionDesigns
 
2014-03-19 International OER Advocacy Workshop
2014-03-19 International OER Advocacy Workshop 2014-03-19 International OER Advocacy Workshop
2014-03-19 International OER Advocacy Workshop Nicole Allen
 
Denver Real Estate
Denver Real EstateDenver Real Estate
Denver Real EstateJoan Cox
 
OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)
OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)
OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)Nicole Allen
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled PresentationDiễm Uyên
 
MalenaPichot
MalenaPichotMalenaPichot
MalenaPichotbelen1969
 

Viewers also liked (20)

[INFOGRAPHIC]: How Graphic Designers Are Like Tony Stark
[INFOGRAPHIC]: How Graphic Designers Are Like Tony Stark[INFOGRAPHIC]: How Graphic Designers Are Like Tony Stark
[INFOGRAPHIC]: How Graphic Designers Are Like Tony Stark
 
From Macro to Micro: Greening Your Campus
From Macro to Micro: Greening Your CampusFrom Macro to Micro: Greening Your Campus
From Macro to Micro: Greening Your Campus
 
2012-10-24 OER and Solving the Textbook Cost Crisis
2012-10-24 OER and Solving the Textbook Cost Crisis2012-10-24 OER and Solving the Textbook Cost Crisis
2012-10-24 OER and Solving the Textbook Cost Crisis
 
F 1 00 Capstone Activity
F   1 00 Capstone ActivityF   1 00 Capstone Activity
F 1 00 Capstone Activity
 
Panel Stimulation Slides from MEF Global
Panel Stimulation Slides from MEF GlobalPanel Stimulation Slides from MEF Global
Panel Stimulation Slides from MEF Global
 
Getting started with your course re/design
Getting started with your course re/designGetting started with your course re/design
Getting started with your course re/design
 
Orientation 2015
Orientation 2015Orientation 2015
Orientation 2015
 
[INFOGRAPHIC]: Cards Against Typography
[INFOGRAPHIC]: Cards Against Typography[INFOGRAPHIC]: Cards Against Typography
[INFOGRAPHIC]: Cards Against Typography
 
Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...
Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...
Open Education Legislative Update (OpenEd Leadership Summit, 6/5/14, Portland...
 
Chase Sonen
Chase SonenChase Sonen
Chase Sonen
 
Perfect Pairs Anniversary - 1 Year in Review
Perfect Pairs Anniversary - 1 Year in ReviewPerfect Pairs Anniversary - 1 Year in Review
Perfect Pairs Anniversary - 1 Year in Review
 
혼자 있고 싶은 순간 코쿵! (Cocoong)
혼자 있고 싶은 순간 코쿵! (Cocoong)혼자 있고 싶은 순간 코쿵! (Cocoong)
혼자 있고 싶은 순간 코쿵! (Cocoong)
 
Sxsw start you_v2_pdf
Sxsw start you_v2_pdfSxsw start you_v2_pdf
Sxsw start you_v2_pdf
 
5 Golden Rules to Effective Designer - Client Feedback
5 Golden Rules to Effective Designer - Client Feedback5 Golden Rules to Effective Designer - Client Feedback
5 Golden Rules to Effective Designer - Client Feedback
 
2014-03-19 International OER Advocacy Workshop
2014-03-19 International OER Advocacy Workshop 2014-03-19 International OER Advocacy Workshop
2014-03-19 International OER Advocacy Workshop
 
Fegas 02 rss
Fegas 02 rssFegas 02 rss
Fegas 02 rss
 
Denver Real Estate
Denver Real EstateDenver Real Estate
Denver Real Estate
 
OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)
OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)
OER Policy: Overview & Opportunities (#opened13 11.7.13 Park City, UT)
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
MalenaPichot
MalenaPichotMalenaPichot
MalenaPichot
 

Similar to Designing for ipad

Designing for iPad
Designing for iPadDesigning for iPad
Designing for iPadPek Pongpaet
 
Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...
Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...
Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...ALATechSource
 
A research on i pad device & experience design
A research on i pad   device & experience designA research on i pad   device & experience design
A research on i pad device & experience designVinny Wu
 
OLPC presentation at SF State University
OLPC presentation at SF State UniversityOLPC presentation at SF State University
OLPC presentation at SF State UniversitySameer Verma
 
Technology and Business Growth! - What Companies Need To Know
Technology and Business Growth! -  What Companies Need To KnowTechnology and Business Growth! -  What Companies Need To Know
Technology and Business Growth! - What Companies Need To KnowBrian Bluff
 
Logical technology
Logical technologyLogical technology
Logical technologymrtrevor3
 
Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Phil Barrett
 
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...Fabien Marry
 
Apple company slide show..
Apple company slide show..Apple company slide show..
Apple company slide show..MelissaM727
 
10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going Mobile10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going MobileBarbara Ballard
 
Prototyping for mobile
Prototyping for mobilePrototyping for mobile
Prototyping for mobileMemi Beltrame
 
Inleiding tot CHI
Inleiding tot CHIInleiding tot CHI
Inleiding tot CHIErik Duval
 
iPhone Dev Camp Keynote
iPhone Dev Camp  KeynoteiPhone Dev Camp  Keynote
iPhone Dev Camp Keynotetristan.woo
 
iPhone Dev Camp Keynote
iPhone Dev Camp KeynoteiPhone Dev Camp Keynote
iPhone Dev Camp Keynoteietatfandm
 
iPhoneDevCamp Keynote
iPhoneDevCamp KeynoteiPhoneDevCamp Keynote
iPhoneDevCamp KeynotePhil Wolff
 
Troubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT StaffTroubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT StaffToby Greenwalt
 
How to be an Independent Mobile Dev by TJ Grant
How to be an Independent Mobile Dev by TJ GrantHow to be an Independent Mobile Dev by TJ Grant
How to be an Independent Mobile Dev by TJ GrantTJ Grant
 
50 Mobile Hacks for Career Counselors
50 Mobile Hacks for Career Counselors50 Mobile Hacks for Career Counselors
50 Mobile Hacks for Career CounselorsMelissa A. Venable
 

Similar to Designing for ipad (20)

Designing for iPad
Designing for iPadDesigning for iPad
Designing for iPad
 
Notes forapplefit
Notes forapplefitNotes forapplefit
Notes forapplefit
 
Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...
Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...
Meier and Moorefield-Lang: Integrating iPads and Tablets into Library Service...
 
A research on i pad device & experience design
A research on i pad   device & experience designA research on i pad   device & experience design
A research on i pad device & experience design
 
Making the Case for Tablets in your Library
Making the Case for Tablets in your LibraryMaking the Case for Tablets in your Library
Making the Case for Tablets in your Library
 
OLPC presentation at SF State University
OLPC presentation at SF State UniversityOLPC presentation at SF State University
OLPC presentation at SF State University
 
Technology and Business Growth! - What Companies Need To Know
Technology and Business Growth! -  What Companies Need To KnowTechnology and Business Growth! -  What Companies Need To Know
Technology and Business Growth! - What Companies Need To Know
 
Logical technology
Logical technologyLogical technology
Logical technology
 
Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013
 
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
 
Apple company slide show..
Apple company slide show..Apple company slide show..
Apple company slide show..
 
10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going Mobile10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going Mobile
 
Prototyping for mobile
Prototyping for mobilePrototyping for mobile
Prototyping for mobile
 
Inleiding tot CHI
Inleiding tot CHIInleiding tot CHI
Inleiding tot CHI
 
iPhone Dev Camp Keynote
iPhone Dev Camp  KeynoteiPhone Dev Camp  Keynote
iPhone Dev Camp Keynote
 
iPhone Dev Camp Keynote
iPhone Dev Camp KeynoteiPhone Dev Camp Keynote
iPhone Dev Camp Keynote
 
iPhoneDevCamp Keynote
iPhoneDevCamp KeynoteiPhoneDevCamp Keynote
iPhoneDevCamp Keynote
 
Troubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT StaffTroubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT Staff
 
How to be an Independent Mobile Dev by TJ Grant
How to be an Independent Mobile Dev by TJ GrantHow to be an Independent Mobile Dev by TJ Grant
How to be an Independent Mobile Dev by TJ Grant
 
50 Mobile Hacks for Career Counselors
50 Mobile Hacks for Career Counselors50 Mobile Hacks for Career Counselors
50 Mobile Hacks for Career Counselors
 

Designing for ipad