Design Decisions for iPhone Applications, Des Traynor, Contrast

1,351 views

Published on

This presentation covers the fundamental design choices that are made during the design of an iPhone application. It explains the three fundamental types of iPhone applications, gives practical examples of each, and drives home the design challenges involved in creating an iPhone application. This talk is suitable for both developers and designers.

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Design Decisions for iPhone Applications, Des Traynor, Contrast

  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

×