SlideShare ist ein Scribd-Unternehmen logo
1 von 87
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

Ot pt apps 2012 updated
Ot pt apps 2012 updatedOt pt apps 2012 updated
Ot pt apps 2012 updated
Ellen Deutsch
 
Adapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile WorkflowAdapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile Workflow
Joseph Labrecque
 
IOS class 1 of 3
IOS class 1 of 3IOS class 1 of 3
IOS class 1 of 3
Vic Ward
 
I os class 2 of 3 actual
I os class 2 of 3 actualI os class 2 of 3 actual
I os class 2 of 3 actual
Vic Ward
 

Was ist angesagt? (20)

An agile approach to iPhone design: Paper prototyping + user testing
An agile approach to iPhone design:  Paper prototyping + user testingAn agile approach to iPhone design:  Paper prototyping + user testing
An agile approach to iPhone design: Paper prototyping + user testing
 
iOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore PordenoneiOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore Pordenone
 
iPhone Introduction
iPhone IntroductioniPhone Introduction
iPhone Introduction
 
iPhone Apps - What, how, why?
iPhone Apps - What, how, why?iPhone Apps - What, how, why?
iPhone Apps - What, how, why?
 
Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012
 
Ot pt apps 2012 updated
Ot pt apps 2012 updatedOt pt apps 2012 updated
Ot pt apps 2012 updated
 
Recover iPhone data with ease
Recover iPhone data with easeRecover iPhone data with ease
Recover iPhone data with ease
 
Spectacular features of i phone 6 with compatible ios 8
Spectacular features of i phone 6 with compatible ios 8Spectacular features of i phone 6 with compatible ios 8
Spectacular features of i phone 6 with compatible ios 8
 
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOPIntroduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
 
Accelerating Mobile Development with Mobile Enterprise Application Platforms ...
Accelerating Mobile Development with Mobile Enterprise Application Platforms ...Accelerating Mobile Development with Mobile Enterprise Application Platforms ...
Accelerating Mobile Development with Mobile Enterprise Application Platforms ...
 
iPhone Development Overview
iPhone Development OverviewiPhone Development Overview
iPhone Development Overview
 
iPhone IN YOUR FACE
iPhone IN YOUR FACEiPhone IN YOUR FACE
iPhone IN YOUR FACE
 
Smartphones
SmartphonesSmartphones
Smartphones
 
Adapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile WorkflowAdapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile Workflow
 
PPOINT
PPOINTPPOINT
PPOINT
 
About apple2
About apple2About apple2
About apple2
 
IOS class 1 of 3
IOS class 1 of 3IOS class 1 of 3
IOS class 1 of 3
 
I os class 2 of 3 actual
I os class 2 of 3 actualI os class 2 of 3 actual
I os class 2 of 3 actual
 
Tech Talk
Tech TalkTech Talk
Tech Talk
 
50 Mobile Hacks for Career Counselors
50 Mobile Hacks for Career Counselors50 Mobile Hacks for Career Counselors
50 Mobile Hacks for Career Counselors
 

Andere mochten auch

Presentasi produk dettol
Presentasi produk dettolPresentasi produk dettol
Presentasi produk dettol
Wayan Permadi
 
Designing for Mobile Payments
Designing for Mobile PaymentsDesigning for Mobile Payments
Designing for Mobile Payments
Skip Allums
 
TRANSPORTATION PLANNING
TRANSPORTATION PLANNINGTRANSPORTATION PLANNING
TRANSPORTATION PLANNING
intan fatihah
 

Andere mochten auch (20)

slide powerpoint iklan produk
slide powerpoint iklan produkslide powerpoint iklan produk
slide powerpoint iklan produk
 
Lean Usability Testing
Lean Usability TestingLean Usability Testing
Lean Usability Testing
 
Mobilis in mobile
Mobilis in mobileMobilis in mobile
Mobilis in mobile
 
170301 dena dialogue forum fb
170301 dena dialogue forum fb170301 dena dialogue forum fb
170301 dena dialogue forum fb
 
AD FS Workshop | Part 1 | Quick Overview
AD FS Workshop | Part 1 | Quick OverviewAD FS Workshop | Part 1 | Quick Overview
AD FS Workshop | Part 1 | Quick Overview
 
Transformation Tools for Utilities | Indigo Advisory Group
Transformation Tools for Utilities | Indigo Advisory GroupTransformation Tools for Utilities | Indigo Advisory Group
Transformation Tools for Utilities | Indigo Advisory Group
 
Devcon 1 - Build a Ðapp: Contract and Design
Devcon 1 - Build a Ðapp: Contract and DesignDevcon 1 - Build a Ðapp: Contract and Design
Devcon 1 - Build a Ðapp: Contract and Design
 
157 Mobile App Stats You Should Know About
157 Mobile App Stats You Should Know About157 Mobile App Stats You Should Know About
157 Mobile App Stats You Should Know About
 
Everything old is new again
Everything old is new againEverything old is new again
Everything old is new again
 
TransActive Grid
TransActive GridTransActive Grid
TransActive Grid
 
Power Point Iklan Penjualan Barang Elektronik
Power Point Iklan Penjualan Barang ElektronikPower Point Iklan Penjualan Barang Elektronik
Power Point Iklan Penjualan Barang Elektronik
 
Presentasi produk dettol
Presentasi produk dettolPresentasi produk dettol
Presentasi produk dettol
 
Design for Many Devices
Design for Many DevicesDesign for Many Devices
Design for Many Devices
 
Designing for Mobile Payments
Designing for Mobile PaymentsDesigning for Mobile Payments
Designing for Mobile Payments
 
Contoh Presentasi Pengenalan Produk
Contoh Presentasi Pengenalan ProdukContoh Presentasi Pengenalan Produk
Contoh Presentasi Pengenalan Produk
 
TRANSPORTATION PLANNING
TRANSPORTATION PLANNINGTRANSPORTATION PLANNING
TRANSPORTATION PLANNING
 
Apple Inc Presentatioin
Apple Inc PresentatioinApple Inc Presentatioin
Apple Inc Presentatioin
 
Samsung case study
Samsung case studySamsung case study
Samsung case study
 
Responsive design: techniques and tricks to prepare your websites for the mul...
Responsive design: techniques and tricks to prepare your websites for the mul...Responsive design: techniques and tricks to prepare your websites for the mul...
Responsive design: techniques and tricks to prepare your websites for the mul...
 
Strategic Management Presentation - Apple Inc.
Strategic Management Presentation - Apple Inc.Strategic Management Presentation - Apple Inc.
Strategic Management Presentation - Apple Inc.
 

Ähnlich wie Stanford CS193P - Designing for iPad

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
 
Logical technology
Logical technologyLogical technology
Logical technology
mrtrevor3
 
Apple company slide show..
Apple company slide show..Apple company slide show..
Apple company slide show..
MelissaM727
 
Inleiding tot CHI
Inleiding tot CHIInleiding tot CHI
Inleiding tot CHI
Erik Duval
 

Ähnlich wie Stanford CS193P - 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..
 
Tablets, an Introduction.
Tablets, an Introduction.Tablets, an Introduction.
Tablets, an Introduction.
 
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
 
OLPC presentation in a class on Information Systems Strategy
OLPC presentation in a class on Information Systems StrategyOLPC presentation in a class on Information Systems Strategy
OLPC presentation in a class on Information Systems Strategy
 
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
 

Kürzlich hochgeladen

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Kürzlich hochgeladen (20)

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

Stanford CS193P - Designing for iPad