designing for ipad

87
Designing for iPad Evan Doll

Upload: onlyone0001

Post on 28-Nov-2014

1.277 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Designing for ipad

Designing for iPadEvan Doll

Page 2: Designing for ipad

Who am I?

• Evan Doll

• Former Apple employee

• 3 years on iPhone

• Co-taught CS193P

Page 3: Designing for ipad

Who am I?

• Not an Apple employee

• Waiting in line outside the Apple Store just like you

Page 4: Designing for ipad

Today

• How iPad changes everything

• Where does it fit?

• Designing great apps

Page 5: Designing for ipad

Remember

I am not anApple employee!

Page 6: Designing for ipad

First Things First

• I don’t know any iPad secrets

• No SDK discussion today

Page 7: Designing for ipad

How iPadChanges

Everything

Page 8: Designing for ipad

Obligatory photo:

Page 9: Designing for ipad

“Make the screen five inches by eight inches, and you’ll rule the world.”

- Alan Kayhttp://bit.ly/dAXgsQ

Page 10: Designing for ipad

News Flash:Computers are

still too complicated

Page 11: Designing for ipad

Those who design & build computers are most likely to

forget this

Page 12: Designing for ipad

The Gulf of Knowledge

Page 13: Designing for ipad

HackersBloggers

Tech columnistsYou

Page 14: Designing for ipad

Keep this in mind when evaluating new technology

Page 15: Designing for ipad

What’s wrong with the status quo?

Page 16: Designing for ipad

Files

Page 17: Designing for ipad

“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 Gruberhttp://daringfireball.net/2009/12/the_tablet

Page 18: Designing for ipad

My mom has ~100 files on her desktop

Page 19: Designing for ipad

Mouse

Page 20: Designing for ipad

Geeks still argue about 1-button vs.

2-button mice

Page 22: Designing for ipad

The mouse is a bug, not a feature

Page 23: Designing for ipad

Your StanfordC.S. Degree

Page 24: Designing for ipad

To your family,this still means“tech support”

Page 25: Designing for ipad

Not just a generation gap

Page 26: Designing for ipad

Opportunity to fundamentally

rethink computing

Page 27: Designing for ipad

Where does it fit?

Page 28: Designing for ipad

http://ohnodoom.com/ibap/

Page 29: Designing for ipad

While drivingAt a restaurant

During the opera

Page 30: Designing for ipad

While drivingAt a restaurant

During the opera

Page 35: Designing for ipad

Laptops and iPhones are often antisocial

Page 36: Designing for ipad

iPad is moreinviting and shareable

Page 37: Designing for ipad
Page 38: Designing for ipad

Multi-user interactions

Page 39: Designing for ipad

Presenter + Viewer

Page 40: Designing for ipad

Multiplayer games

Page 42: Designing for ipad

CombineiPhones + iPad?

Page 43: Designing for ipad

Multiple Touches

Page 44: Designing for ipad

Room for two(or more) hands

Page 46: Designing for ipad

DesigningGreat Apps

Page 47: Designing for ipad

(My) Three Rules

Page 48: Designing for ipad

1. It’s not an iPhone2. Don’t break the flow

3. Make it feel real

Page 49: Designing for ipad

1. It’s not an iPhone

Page 50: Designing for ipad

“It’s just abig iPod touch!”

- Someone on the Internet

Page 51: Designing for ipad

Hardware? Maybe.Software? NO!

Page 52: Designing for ipad

Don’t just recompileyour iPhone app

Page 53: Designing for ipad

Apps that do this will not be well-received

Page 54: Designing for ipad

2. Don’t break the flow

Page 55: Designing for ipad

“One view onscreen”no longer the only way

Page 56: Designing for ipad
Page 57: Designing for ipad
Page 58: Designing for ipad

Use split views

Page 59: Designing for ipad
Page 60: Designing for ipad

Don’t abuse it

Page 61: Designing for ipad

Use popovers formodal content

Page 62: Designing for ipad
Page 63: Designing for ipad

Full-screen transitionscan be disorientingon a large display

Page 64: Designing for ipad

3. Make it feel real

Page 65: Designing for ipad

Direct manipulation

Page 66: Designing for ipad
Page 67: Designing for ipad

Tactile, physical interface design

Page 68: Designing for ipad

Postage Classics ConvertBot

Page 69: Designing for ipad
Page 70: Designing for ipad

Realisticsound effects

Page 71: Designing for ipad

Animations!

Page 72: Designing for ipad

Not just eye candy

Page 73: Designing for ipad

Help user to builda mental mapof your app

Page 74: Designing for ipad

Some specific tips:

Page 75: Designing for ipad

Read theHuman Interface

Guidelines

Page 76: Designing for ipad

Work with agreat designer

Page 77: Designing for ipad

4x the pixels=

4x the ugly

Page 78: Designing for ipad

Performance isa BIG DEAL

Page 79: Designing for ipad

Test on a real iPadfor performance

and usability

Page 80: Designing for ipad

Build a paper iPadhttp://mashable.com/2010/02/08/paper-ipad/

Page 82: Designing for ipad

In summary...

Page 83: Designing for ipad

New platforms don’t come along often

Page 84: Designing for ipad

We are living in exciting times

Page 85: Designing for ipad

The possibilitiesare endless

Page 86: Designing for ipad

Go forth & develop!

Page 87: Designing for ipad

Thanks!@edog1203