Design Decisions for iPhone Applications (it Cork version)

71
DESIGN DECISIONS FOR IPHONE APPLICATIONS

description

An updated version of Des's talk "Design Decisions for iPhone Applications" given at the it@cork event See here: http://www.itcork.ie/index.cfm?page=events&eventId=158

Transcript of Design Decisions for iPhone Applications (it Cork version)

Page 1: Design Decisions for iPhone Applications (it Cork version)

DESIGN DECIS IONS FOR IPHONE APPL ICAT IONS

Page 2: Design Decisions for iPhone Applications (it Cork version)

WHY ARE WE HERE?

Page 3: Design Decisions for iPhone Applications (it Cork version)

DESIGN IS CHOICE

Page 4: Design Decisions for iPhone Applications (it Cork version)

DESIGN IS CHOICE

Page 5: Design Decisions for iPhone Applications (it Cork version)

DESIGN IS CHOICE

Page 6: Design Decisions for iPhone Applications (it Cork version)

F IRST I T WAS WEBSITES

Page 7: Design Decisions for iPhone Applications (it Cork version)

ONLINE STORES

Page 8: Design Decisions for iPhone Applications (it Cork version)

WEB “2.0”

Page 9: Design Decisions for iPhone Applications (it Cork version)

FACEBOOK APPS

Page 10: Design Decisions for iPhone Applications (it Cork version)

AND NOW IPHONE APPS

Page 11: Design Decisions for iPhone Applications (it Cork version)

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

Page 12: Design Decisions for iPhone Applications (it Cork version)

NOW, ON TO DES IGN

Page 13: Design Decisions for iPhone Applications (it Cork version)

DESIGN IS CHOICE

Page 14: Design Decisions for iPhone Applications (it Cork version)

320 x 480Vertical Resolution

Carrier 12:34 PM

Web Page Title

http://host.domain.tld

Page 15: Design Decisions for iPhone Applications (it Cork version)

DESIGN IS DESTRUCT IVE

Page 16: Design Decisions for iPhone Applications (it Cork version)
Page 17: Design Decisions for iPhone Applications (it Cork version)
Page 18: Design Decisions for iPhone Applications (it Cork version)

GOOD DESIGNERS MAKE CHOICES

Page 19: Design Decisions for iPhone Applications (it Cork version)

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

— Steve Jobs

Page 20: Design Decisions for iPhone Applications (it Cork version)

TOUGH QUEST IONS F IRST

Page 21: Design Decisions for iPhone Applications (it Cork version)

SIG

NIF

ICA

NC

E

TIME

Page 22: Design Decisions for iPhone Applications (it Cork version)

F IRST, F IND YOUR FOCUS

Page 23: Design Decisions for iPhone Applications (it Cork version)

TWITTER SPORTS MUSIC

MOVIES

FACEBOOK

FINDER

RSS GAMES

CONVERTER

SMS

WEATHER

CHAT

PHOTOS

VIDEOF IND YOUR FOCUS

Page 24: Design Decisions for iPhone Applications (it Cork version)

F IND YOUR FOCUS

Page 25: Design Decisions for iPhone Applications (it Cork version)

MAKING CHOICES

Page 26: Design Decisions for iPhone Applications (it Cork version)

NEXT DECIS ION: “TYPE” OF APP

Page 27: Design Decisions for iPhone Applications (it Cork version)

3 APPL ICAT ION “TYPES”

Page 28: Design Decisions for iPhone Applications (it Cork version)

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

Page 29: Design Decisions for iPhone Applications (it Cork version)

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

Page 30: Design Decisions for iPhone Applications (it Cork version)

IMMERSIVEFULL SCREEN

SOUND ENHANCED

VERY VISUAL

LANDSCAPEENTERTAINMENT

ACCELEROMETER

NON-WORKFLOW

NO TEXT

CUSTOM UI

VIDEO CAMERA

COMPASS

Page 31: Design Decisions for iPhone Applications (it Cork version)

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

Page 32: Design Decisions for iPhone Applications (it Cork version)

UTIL ITY

SIMPLE S INGLE TASK

MINIMAL INPUT

COMMON VIEW,DIFFERENT DATA

VISUALLY ATTRACT IVE

REGULARLY CONFIGURED

Page 33: Design Decisions for iPhone Applications (it Cork version)

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

Page 34: Design Decisions for iPhone Applications (it Cork version)

PRODUCTIVITY

TASK FOCUSSED

STREAMLINED

DRILL DOWN

HIERARCHICAL

UNCLUTTERED

PART OF PHONE

MINIMAL

Page 35: Design Decisions for iPhone Applications (it Cork version)

Dublin

Meath

West Meath

Wicklow

Wexford

Carlow

Kildare

Kilkenny

Laois

Louth

Leinster

Item

Page 36: Design Decisions for iPhone Applications (it Cork version)

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)

Page 37: Design Decisions for iPhone Applications (it Cork version)

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

Page 38: Design Decisions for iPhone Applications (it Cork version)

THIS IS AN IMPORTANT CHOICE

Page 39: Design Decisions for iPhone Applications (it Cork version)

THE TOOLS OF THE TRADE

Page 40: Design Decisions for iPhone Applications (it Cork version)

Carrier 12:34 PM

Item

TitleBack

STATUS BARNAV BAR (DRILLDOWN, ETC. )

TAB BAR (PERSPECT IVES)

Page 41: Design Decisions for iPhone Applications (it Cork version)

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

Page 42: Design Decisions for iPhone Applications (it Cork version)

GETT ING ATTENTION

Page 43: Design Decisions for iPhone Applications (it Cork version)

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

Page 44: Design Decisions for iPhone Applications (it Cork version)

DISPLAYING CONTENT

Page 45: Design Decisions for iPhone Applications (it Cork version)

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

Page 46: Design Decisions for iPhone Applications (it Cork version)

THE UI GUIDEL INES

Page 47: Design Decisions for iPhone Applications (it Cork version)
Page 48: Design Decisions for iPhone Applications (it Cork version)
Page 49: Design Decisions for iPhone Applications (it Cork version)

APPLE CARE ABOUT UI : )

Page 50: Design Decisions for iPhone Applications (it Cork version)

GETT ING GOING

Page 51: Design Decisions for iPhone Applications (it Cork version)

SKETCH 5 IDEAS PER DECIS ION

Page 52: Design Decisions for iPhone Applications (it Cork version)

Code first, think about it later

Page 53: Design Decisions for iPhone Applications (it Cork version)
Page 54: Design Decisions for iPhone Applications (it Cork version)
Page 55: Design Decisions for iPhone Applications (it Cork version)

WHAT IS A SKETCH

Page 56: Design Decisions for iPhone Applications (it Cork version)

QUICK

Page 57: Design Decisions for iPhone Applications (it Cork version)

INEXPENSIVE

Page 58: Design Decisions for iPhone Applications (it Cork version)

CLEAR VOCABULARY

Page 59: Design Decisions for iPhone Applications (it Cork version)

MINIMAL DETAIL

Page 60: Design Decisions for iPhone Applications (it Cork version)

APPROPRIATE DEGREE OF F IDEL ITY

Page 61: Design Decisions for iPhone Applications (it Cork version)

HOW TO SKETCH

Page 62: Design Decisions for iPhone Applications (it Cork version)
Page 63: Design Decisions for iPhone Applications (it Cork version)
Page 64: Design Decisions for iPhone Applications (it Cork version)
Page 65: Design Decisions for iPhone Applications (it Cork version)
Page 66: Design Decisions for iPhone Applications (it Cork version)
Page 67: Design Decisions for iPhone Applications (it Cork version)

YOU HAVE TO SKETCH

Page 68: Design Decisions for iPhone Applications (it Cork version)

THIS AIN’T WEB DEVELOPMENT

Page 69: Design Decisions for iPhone Applications (it Cork version)

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

Page 70: Design Decisions for iPhone Applications (it Cork version)

DESIGN IS CHOICE

Page 71: Design Decisions for iPhone Applications (it Cork version)

@DESTRAYNOR

DES AT CONTRAST DOT IE