Your SlideShare is downloading. ×
Design Decisions for iPhone Applications, Des Traynor, Contrast
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Design Decisions for iPhone Applications, Des Traynor, Contrast

1,115
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 …

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,115
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
29
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. DESIGN DECISIONS F O R I P H O N E A P P L I C AT I O N S
  • 2. WHY ARE WE HERE?
  • 3. DESIGN IS CHOICE
  • 4. DESIGN IS CHOICE
  • 5. DESIGN IS CHOICE
  • 6. F I R S T I T WA S W E B S I T E S
  • 7. ONLINE STORES
  • 8. WEB “2.0”
  • 9. FA C E B O O K A P P S
  • 10. AND NOW IPHONE APPS
  • 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. N O W, O N T O D E S I G N
  • 13. DESIGN IS CHOICE
  • 14. Carrier 12:34 PM Web Page Title http://host.domain.tld 320 x 480 Vertical Resolution
  • 15. DESIGN IS DESTRUCTIVE
  • 16. GOOD DESIGNERS MAKE CHOICES
  • 17. “Looking back, I’m proudest of the things we didn’t do” — Steve Jobs
  • 18. TOUGH QUESTIONS FIRST
  • 19. SIGNIFICANCE TIME
  • 20. F I R S T, F I N D Y O U R F O C U S
  • 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. FIND YOUR FOCUS
  • 23. MAKING CHOICES
  • 24. NEXT DECISION: “TYPE” OF APP
  • 25. 3 A P P L I C AT I O N “ T Y P E S ”
  • 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. 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. 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. Carrier 12:34 PM Web Page Title http://host.domain.tld 320 x 480 Vertical Resolution Kerry 1-3 Armagh 0-6
  • 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. 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. 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. Leinster Dublin Meath West Meath Wicklow Wexford Carlow Kildare Kilkenny Laois Louth Item
  • 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. 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. T H I S I S A N I M P O R TA N T C H O I C E
  • 37. THE TOOLS OF THE TRADE
  • 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. 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. G E T T I N G AT T E N T I O N
  • 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. D I S P L AY I N G C O N T E N T
  • 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. THE UI GUIDELINES
  • 45. APPLE CARE ABOUT UI :)
  • 46. GETTING GOING
  • 47. SKETCH 5 IDEAS PER DECISION
  • 48. Code first, think about it later
  • 49. W H AT I S A S K E T C H
  • 50. QUICK
  • 51. INEXPENSIVE
  • 52. C L E A R V O C A B U L A RY
  • 53. M I N I M A L D E TA I L
  • 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. HOW TO SKETCH
  • 56. Y O U H AV E T O S K E T C H
  • 57. THIS AIN’T WEB DEVELOPMENT
  • 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. DESIGN IS CHOICE
  • 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