Design Decisions for iPhone Applications, Des Traynor, Contrast

DESIGN DECIS IONS FOR IPHONE APPL ICAT IONS

WHY ARE WE HERE?

DESIGN IS CHOICE

DESIGN IS CHOICE

DESIGN IS CHOICE

F IRST I T WAS WEBSITES

ONLINE STORES

WEB “2.0”

FACEBOOK APPS

AND NOW IPHONE APPS

The ones who gained profit during the gold rush were those who had made informed moves and stuck to the business principles of mining”

“

— 1878 Gold rush report

NOW, ON TO DES IGN

DESIGN IS CHOICE

320 x 480Vertical Resolution

Carrier 12:34 PM

Web Page Title

http://host.domain.tld

DESIGN IS DESTRUCT IVE

GOOD DESIGNERS MAKE CHOICES

Looking back, I’m proudest of the things we didn’t do”

“

— Steve Jobs

TOUGH QUEST IONS F IRST

SIG

NIF

ICA

NC

E

TIME

F IRST, F IND YOUR FOCUS

TWITTER SPORTS MUSIC

MOVIES

FACEBOOK

FINDER

RSS GAMES

CONVERTER

SMS

WEATHER

CHAT

PHOTOS

VIDEOF IND YOUR FOCUS

F IND YOUR FOCUS

MAKING CHOICES

NEXT DECIS ION: “TYPE” OF APP

3 APPL ICAT ION “TYPES”

320 x

480

Vert

ical R

eso

luti

on

Carr

ier

12:3

4 P

M

Web

Pag

e T

itle

http://host.domain.tld320 x 480

Vertical Resolution

Carrier 12:34 PM

Web Page Title

http://host.domain.tld

320 x 480Vertical Resolution

Carrier 12:34 PM

Web Page Title

http://host.domain.tld

320 x

480

Vert

ical R

eso

luti

on

Carr

ier

12:3

4 P

M

Web

Pag

e T

itle

http://host.domain.tld320 x 480

Vertical Resolution

Carrier 12:34 PM

Web Page Title

http://host.domain.tld

320 x 480Vertical Resolution

Carrier 12:34 PM

Web Page Title

http://host.domain.tld

PRODUCTIVITY UTIL ITY IMMERSIVE

IMMERSIVEFULL SCREEN

SOUND ENHANCED

VERY VISUAL

LANDSCAPEENTERTAINMENT

ACCELEROMETER

NON-WORKFLOW

NO TEXT

CUSTOM UI

VIDEO CAMERA

COMPASS

320

x 4

80

Vert

ica

l R

eso

luti

on

Carr

ier

12:3

4 P

M

Web

Pag

e T

itle

http://host.domain.tld

Kerry 1-3 Armagh 0-6

UTIL ITY

SIMPLE S INGLE TASK

MINIMAL INPUT

COMMON VIEW,DIFFERENT DATA

VISUALLY ATTRACT IVE

REGULARLY CONFIGURED

Kerry Tyrone

0-3 1-3

Cooper (0-2)Donohue (0-1)

Smith (1-0)Kelly (0-1)Duffy (0-1)Keenan (0-1)

Donohue

Time:14:23

PRODUCTIVITY

TASK FOCUSSED

STREAMLINED

DRILL DOWN

HIERARCHICAL

UNCLUTTERED

PART OF PHONE

MINIMAL

Dublin

Meath

West Meath

Wicklow

Wexford

Carlow

Kildare

Kilkenny

Laois

Louth

Leinster

Item

Dublin

Meath

West Meath

Wicklow

Wexford

Carlow

Kildare

Kilkenny

Laois

Louth

Leinster

Item

DublinLeinster

Alan Brogan (30)

Bernard Brogan (10)

Mark Vaughn (10)

Jason Sherlock (10)

Dublin

Meath

West Meath

Wicklow

Wexford

Carlow

Kildare

Kilkenny

Laois

Louth

Leinster

Item

DublinLeinster

Alan Brogan (30)

Bernard Brogan (10)

Mark Vaughn (10)

Jason Sherlock (10)

Alan BroganDublin

Forward (Dublin)

Club: St. Plunketts

Games 411

Career Total 88 - 950

Discipline 45 6

FavouriteEdit

THIS IS AN IMPORTANT CHOICE

THE TOOLS OF THE TRADE

Carrier 12:34 PM

Item

TitleBack

STATUS BARNAV BAR (DRILLDOWN, ETC. )

TAB BAR (PERSPECT IVES)

STATUS BARNAV BAR (DRILLDOWN, ETC. )

TAB BAR (ACT IONS)

320 x 480Vertical Resolution

Carrier 12:34 PM

Web Page Title

http://host.domain.tld

Lorem ipsum dolor sit amet, consectetuer

adipiscing elit. Aenean consectetuer.

Pane LabelBack Button Button

GETT ING ATTENTION

Alan BroganDublin

Forward (Dublin)

Club: St. Plunketts

Games 411

Career Total 88 - 950

Discipline 45 6

FavouriteEdit

Are you sure?

Editing a player will result in your

account being flagged for moderation

Cancel Edit

Alan BroganDublin

Forward (Dublin)

Club: St. Plunketts

Games 411

Career Total 88 - 950

Discipline 45 6

FavouriteEditAdd to Favourites

View Player Popularity

Cancel

Touch to EditCancel

Forward (Dublin)

Club: St. Plunketts

Games

Career Total 88 - 950

Discipline 45 6

FavouriteEditAdd to Favourites

View Player Popularity

Cancel

MODAL ACTION SHEET ALERT

DISPLAYING CONTENT

DublinLeinster

Alan Brogan (30)

Bernard Brogan (10)

Mark Vaughn (10)

Jason Sherlock (10)

Alan BroganDublin

Forward (Dublin)

Club: St. Plunketts

Games 411

Career Total 88 - 950

Discipline 45 6

FavouriteEdit

INDEXED TABLE IMAGE TABLE GROUPED L IST

Derry

Donegal

Down

Dublin

Wexford

Fermanagh

Kildare

Galway

Laois

Louth

D

Item

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

#

F

G

K

THE UI GUIDEL INES

APPLE CARE ABOUT UI : )

GETT ING GOING

SKETCH 5 IDEAS PER DECIS ION

Code first, think about it later

WHAT IS A SKETCH

QUICK

INEXPENSIVE

CLEAR VOCABULARY

MINIMAL DETAIL

APPROPRIATE DEGREE OF F IDEL ITY

HOW TO SKETCH

YOU HAVE TO SKETCH

THIS AIN’T WEB DEVELOPMENT

Figure out the absolute least you need to do to implement the idea, do just that, and then polish the hell out of the experience”

“

— John Gruber

DESIGN IS CHOICE

@DESTRAYNOR

DES AT CONTRAST DOT IE