DESIGN DECISIONS
F O R I P H O N E A P P L I C AT I O N S
WHY ARE WE HERE?
DESIGN IS CHOICE
DESIGN IS CHOICE
DESIGN IS CHOICE
F I R S T I T WA S W E B S I T E S
ONLINE STORES
WEB “2.0”
FA C E B O O K A P P S
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 princip...
N O W, O N T O D E S I G N
DESIGN IS CHOICE
Carrier            12:34 PM
                 Web Page Title

   http://host.domain.tld




               320 x 480
      ...
DESIGN IS DESTRUCTIVE
GOOD DESIGNERS MAKE CHOICES
“Looking back, I’m
 proudest of the things
 we didn’t do” — Steve Jobs
TOUGH QUESTIONS FIRST
SIGNIFICANCE




TIME
F I R S T, F I N D Y O U R F O C U S
TWITTER                 SPORTS          MUSIC


                     PHOTOS               GAMES
     RSS

                ...
FIND YOUR FOCUS
MAKING CHOICES
NEXT DECISION: “TYPE” OF APP
3 A P P L I C AT I O N “ T Y P E S ”
Carrier            12:34 PM       Carrier            12:34 PM

                 Web Page Title                    Web Page...
Carrier            12:34 PM       Carrier            12:34 PM

                   Web Page Title                    Web Pa...
CUSTOM UI
  SOUND ENHANCED
                                   V E RY V I S U A L

ACCELEROMETER                   NO TEXT
...
Carrier            12:34 PM
                 Web Page Title

   http://host.domain.tld




               320 x 480
      ...
S I M P L E S I N G L E TA S K

                                 MINIMAL INPUT

 R E G U L A R LY
CONFIGURED
             ...
0-3       1-3
Kerry               Tyrone

Cooper (0-2)     Smith (1-0)
Donohue (0-1)    Kelly (0-1)
                 Duffy...
TA S K F O C U S S E D

                           STREAMLINED

DRILL DOWN


              PRODUCTIVITY

                 ...
Leinster
Dublin

Meath

West Meath

Wicklow

Wexford

Carlow

Kildare

Kilkenny

Laois

Louth
             Item
Leinster            Leinster       Dublin
Dublin
                               Alan Brogan (30)
Meath
                   ...
Leinster            Leinster       Dublin            Dublin         Alan Brogan
Dublin
                               Alan...
T H I S I S A N I M P O R TA N T C H O I C E
THE TOOLS OF THE TRADE
Carrier   12:34 PM
                                S TAT U S B A R
Back       Title            N AV B A R ( D R I L L D O ...
Carrier             12:34 PM
                                                  S TAT U S B A R
Back Button
               ...
G E T T I N G AT T E N T I O N
MODAL                        ACTION SHEET                                        ALERT




Cancel       Touch to Edit     ...
D I S P L AY I N G C O N T E N T
I N D E X E D TA B L E       I M A G E TA B L E                GROUPED LIST




 D                            Leinster    ...
THE UI GUIDELINES
APPLE CARE ABOUT UI :)
GETTING GOING
SKETCH 5 IDEAS PER DECISION
Code first, think about it later
W H AT I S A S K E T C H
QUICK
INEXPENSIVE
C L E A R V O C A B U L A RY
M I N I M A L D E TA I L
A P P R O P R I AT E D E G R E E O F F I D E L I T Y
HOW TO SKETCH
Y O U H AV E T O S K E T C H
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 e...
DESIGN IS CHOICE
@ D E S T R AY N O R



D E S AT C O N T R A S T D O T I E
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
Upcoming SlideShare
Loading in …5
×

Design Decisions for iPhone Applications (it Cork version)

2,991 views

Published on

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

1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
2,991
On SlideShare
0
From Embeds
0
Number of Embeds
1,182
Actions
Shares
0
Downloads
86
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Design Decisions for iPhone Applications (it Cork version)

  1. 1. DESIGN DECISIONS F O R I P H O N E A P P L I C AT I O N S
  2. 2. WHY ARE WE HERE?
  3. 3. DESIGN IS CHOICE
  4. 4. DESIGN IS CHOICE
  5. 5. DESIGN IS CHOICE
  6. 6. F I R S T I T WA S W E B S I T E S
  7. 7. ONLINE STORES
  8. 8. WEB “2.0”
  9. 9. FA C E B O O K A P P S
  10. 10. AND NOW IPHONE APPS
  11. 11. “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
  12. 12. N O W, O N T O D E S I G N
  13. 13. DESIGN IS CHOICE
  14. 14. Carrier 12:34 PM Web Page Title http://host.domain.tld 320 x 480 Vertical Resolution
  15. 15. DESIGN IS DESTRUCTIVE
  16. 16. GOOD DESIGNERS MAKE CHOICES
  17. 17. “Looking back, I’m proudest of the things we didn’t do” — Steve Jobs
  18. 18. TOUGH QUESTIONS FIRST
  19. 19. SIGNIFICANCE TIME
  20. 20. F I R S T, F I N D Y O U R F O C U S
  21. 21. TWITTER SPORTS MUSIC PHOTOS GAMES RSS VIDEO C H AT FIND YOUR FOCUS FINDER MOVIES SMS FA C E B O O K CONVERTER W E AT H E R
  22. 22. FIND YOUR FOCUS
  23. 23. MAKING CHOICES
  24. 24. NEXT DECISION: “TYPE” OF APP
  25. 25. 3 A P P L I C AT I O N “ T Y P E S ”
  26. 26. Carrier 12:34 PM Carrier 12:34 PM Web Page Title Web Page Title http://host.domain.tld http://host.domain.tld Vertical Resolution Web Page Title 320 x 480 12:34 PM 320 x 480 320 x 480 http://host.domain.tld Vertical Resolution Vertical Resolution Carrier
  27. 27. Carrier 12:34 PM Carrier 12:34 PM Web Page Title Web Page Title http://host.domain.tld http://host.domain.tld Vertical Resolution Web Page Title 320 x 480 12:34 PM 320 x 480 320 x 480 http://host.domain.tld Vertical Resolution Vertical Resolution Carrier PRODUCTIVITY UTILITY IMMERSIVE
  28. 28. CUSTOM UI SOUND ENHANCED V E RY V I S U A L ACCELEROMETER NO TEXT IMMERSIVE FULL SCREEN NON-WORKFLOW VIDEO CAMERA LANDSCAPE E N T E R TA I N M E N T C O M PA S S
  29. 29. Carrier 12:34 PM Web Page Title http://host.domain.tld 320 x 480 Vertical Resolution Kerry 1-3 Armagh 0-6
  30. 30. S I M P L E S I N G L E TA S K MINIMAL INPUT R E G U L A R LY CONFIGURED UTILITY V I S U A L LY C O M M O N V I E W, AT T R A C T I V E D I F F E R E N T D ATA
  31. 31. 0-3 1-3 Kerry Tyrone Cooper (0-2) Smith (1-0) Donohue (0-1) Kelly (0-1) Duffy (0-1) Keenan (0-1) Donohue Time:14:23
  32. 32. TA S K F O C U S S E D STREAMLINED DRILL DOWN PRODUCTIVITY MINIMAL HIERARCHICAL UNCLUTTERED PA R T O F P H O N E
  33. 33. Leinster Dublin Meath West Meath Wicklow Wexford Carlow Kildare Kilkenny Laois Louth Item
  34. 34. Leinster Leinster Dublin Dublin Alan Brogan (30) Meath Bernard Brogan (10) West Meath Wicklow Mark Vaughn (10) Wexford Jason Sherlock (10) Carlow Kildare Kilkenny Laois Louth Item
  35. 35. Leinster Leinster Dublin Dublin Alan Brogan Dublin Alan Brogan (30) Forward (Dublin) Meath Club: St. Plunketts Bernard Brogan (10) West Meath Games 411 Wicklow Mark Vaughn (10) Career Total 88 - 950 Wexford Jason Sherlock (10) Discipline 45 6 Carlow Kildare Edit Favourite Kilkenny Laois Louth Item
  36. 36. T H I S I S A N I M P O R TA N T C H O I C E
  37. 37. THE TOOLS OF THE TRADE
  38. 38. Carrier 12:34 PM S TAT U S B A R Back Title N AV B A R ( D R I L L D O W N , E T C . ) TA B B A R ( P E R S P E C T I V E S ) Item
  39. 39. Carrier 12:34 PM S TAT U S B A R Back Button Web Page Title Pane Label Button N AV B A R ( D R I L L D O W N , E T C . ) http://host.domain.tld 320 x 480 Vertical Resolution Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean consectetuer. TA B B A R ( A C T I O N S )
  40. 40. G E T T I N G AT T E N T I O N
  41. 41. MODAL ACTION SHEET ALERT Cancel Touch to Edit Dublin Alan Brogan Dublin Alan Brogan Forward (Dublin) Forward (Dublin) Forward (Dublin) Club: St. Plunketts Club: St. Plunketts Club: St. Plunketts Games Games 411 Games 411 Are you sure? Career Total 88 - 950 Career Total 88 - 950 Career Total a player will result in your Editing 88 - 950 account being flagged for moderation Discipline 45 6 Discipline 45 6 Discipline 45 6 Cancel Edit Edit Favourite Add to Favourites Edit Favourite Add to Favourites Edit Favourite View Player Popularity View Player Popularity Cancel Cancel
  42. 42. D I S P L AY I N G C O N T E N T
  43. 43. I N D E X E D TA B L E I M A G E TA B L E GROUPED LIST D Leinster Dublin Dublin Alan Brogan A Derry B Alan Brogan (30) Forward (Dublin) C D Donegal E Club: St. Plunketts F Bernard Brogan (10) G Down H I Games 411 J Mark Vaughn (10) Dublin K L M Career Total 88 - 950 F Wexford N Jason Sherlock (10) O P Discipline 45 6 Fermanagh Q R S Kildare T G U Edit Favourite V W Galway X Y Z K Laois # Louth Item
  44. 44. THE UI GUIDELINES
  45. 45. APPLE CARE ABOUT UI :)
  46. 46. GETTING GOING
  47. 47. SKETCH 5 IDEAS PER DECISION
  48. 48. Code first, think about it later
  49. 49. W H AT I S A S K E T C H
  50. 50. QUICK
  51. 51. INEXPENSIVE
  52. 52. C L E A R V O C A B U L A RY
  53. 53. M I N I M A L D E TA I L
  54. 54. A P P R O P R I AT E D E G R E E O F F I D E L I T Y
  55. 55. HOW TO SKETCH
  56. 56. Y O U H AV E T O S K E T C H
  57. 57. THIS AIN’T WEB DEVELOPMENT
  58. 58. “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
  59. 59. DESIGN IS CHOICE
  60. 60. @ D E S T R AY N O R D E S AT C O N T R A S T D O T I E

×