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

Designing iOS Applications

Avatar for nathanbarry nathanbarry
April 03, 2012
Design
2
3.5k

Designing iOS Applications

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

Avatar for nathanbarry

nathanbarry

April 03, 2012
Tweet

Other Decks in Design

See All in Design
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
160
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.7k
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
620
What makes a great Director?
Avatar for _Limex_ _limex_
0
220
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
280
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
140
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
460
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
3.8k
freee + Product Design FY25Q4
Avatar for freee freee
4
16k
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for Arai ataxi1003
0
530
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.5k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
200

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.5k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
810

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. [email protected] Creating @2x Images Dresser.png [email protected] 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 [email protected] Tuesday, April 3, 12