Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designing iOS Applications

E1a7ac8fa23ddc8710dbe37ebd905c80?s=47 nathanbarry
April 03, 2012

Designing iOS Applications

A talk I gave at Boise Code Camp in March 2012.

E1a7ac8fa23ddc8710dbe37ebd905c80?s=128

nathanbarry

April 03, 2012
Tweet

Transcript

  1. DESIGNING iOS APPLICATIONS By Nathan Barry Tuesday, April 3, 12

  2. MY APPS ONEVOICE FLUENT COMMIT Tuesday, April 3, 12

  3. Tuesday, April 3, 12

  4. FLUENT Tuesday, April 3, 12

  5. COMMIT Tuesday, April 3, 12

  6. UTILITY ENTERTAINMENT Tuesday, April 3, 12

  7. COMPASS Entertainment Tuesday, April 3, 12

  8. Mail Utility Tuesday, April 3, 12

  9. VOICE MEMOS Tuesday, April 3, 12

  10. Tuesday, April 3, 12

  11. Tuesday, April 3, 12

  12. READ The Human Interface Guidelines Cookbook rather than checklist. Tuesday,

    April 3, 12
  13. CREATE FOCUSED APPS Commit Tuesday, April 3, 12

  14. CREATING AN EXPERIENCE Clear & CalcBot. Examples of sounds and

    animations. Tuesday, April 3, 12
  15. CLEAR FOR iPHONE Tuesday, April 3, 12

  16. CALCBOT Tuesday, April 3, 12

  17. QUICK TIPS For iOS Design Tuesday, April 3, 12

  18. 13pt HELVETICA NEUE Smallest recommended font. Tuesday, April 3, 12

  19. 44pt SQUARE Smallest touch size you should use. 44pt 44pt

    Tuesday, April 3, 12
  20. RETINA@2x.png Creating @2x Images Dresser.png Dresser@2x.png Tuesday, April 3, 12

  21. RIGHT ALIGN LABELS, LEFT ALIGN VALUES For maximum form usability.

    Tuesday, April 3, 12
  22. DIRECT MANIPULATION For maximum form usability. Tuesday, April 3, 12

  23. iPAD DESIGN A few notes on designing specifically for the

    iPad. Use the entire screen Hide controls on tap Use more style/character Add design details Tuesday, April 3, 12
  24. AGILE CARDS Universal Application Tuesday, April 3, 12

  25. AGILE CARDS Universal Application Tuesday, April 3, 12

  26. SKETCH Start on paper. Tuesday, April 3, 12

  27. HACKER NEWS Example Application Tuesday, April 3, 12

  28. DESIGN CHANGES Spacing Size Color Contrast Tuesday, April 3, 12

  29. DESIGN CHANGES Header Tint Button Style Tuesday, April 3, 12

  30. DESIGN CHANGES Re-styled UITableView Added Contrast Black Status Bar Button

    Corner Radius Tuesday, April 3, 12
  31. SUBTLEPATTERNS.com Tuesday, April 3, 12

  32. Tuesday, April 3, 12

  33. Photos provided by CameronMoll.com Tuesday, April 3, 12

  34. Photos provided by CameronMoll.com Tuesday, April 3, 12

  35. Tuesday, April 3, 12

  36. NAVIGATION Split view, tab bar, push, table view, etc Tuesday,

    April 3, 12
  37. PUSH VIEW CONTROLLER Great for table views. Tuesday, April 3,

    12
  38. FACEBOOK STYLE Used by Path & others. Tuesday, April 3,

    12
  39. SCROLL / TAB VIEW Nice and simple. Tuesday, April 3,

    12
  40. TAB VIEW Common and effective. Tuesday, April 3, 12

  41. SINGLE VIEW Don’t over complicate things. Tuesday, April 3, 12

  42. CUSTOM More work, but the result can be excellent! Tuesday,

    April 3, 12
  43. RESOURCES Tips, tricks, and freebies. NathanBarry.com iOSDesign.co Tuesday, April 3,

    12
  44. Tuesday, April 3, 12

  45. QUESTIONS? @nathanbarry nathanbarry.com nathan@thinklegend.com Tuesday, April 3, 12