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

Design Workshop

Avatar for Kotaro Fujita Kotaro Fujita
November 08, 2014
Technology
55
0

Design Workshop

You have an app idea. Great! This iOS workshop will help you take that idea to the next step.

Avatar for Kotaro Fujita

Kotaro Fujita

November 08, 2014

More Decks by Kotaro Fujita

See All by Kotaro Fujita
WatchKit Setup & UI
Avatar for Kotaro Fujita kotarofujita
0
120
Dev night
Avatar for Kotaro Fujita kotarofujita
0
56
HealthKit
Avatar for Kotaro Fujita kotarofujita
1
59
Sprite Kit: A game changer or wasted opportunity?
Avatar for Kotaro Fujita kotarofujita
0
41
Webviews
Avatar for Kotaro Fujita kotarofujita
0
46

Other Decks in Technology

See All in Technology
OpenID Connectによるサービス間連携
Avatar for Shigeki Shoji takesection
0
120
TypeScript で Platform SDK を作る技術
Avatar for Akira HIGUCHI toiroakr
1
320
食べログのサーキットブレーカー導入を振り返って
Avatar for atpons atpons
0
130
権限管理設計を完全に理解した
Avatar for r-sugi rsugi
2
220
AI時代の私の技術インプットとアウトプット術
Avatar for tonkotsuboy_com tonkotsuboy_com
13
7.2k
OpenClawとHermesAgentでAI新入社員を作った話
Avatar for yanada takanoriyanada
0
120
Kaggle未経験社員をメダリストに育てる「AIドラゴン桜」
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
630
Strands Agents超入門
Avatar for KintoTech_Dev kintotechdev
1
130
なぜハノーバーメッセに行くべきなのか 〜初参加だから語れること〜
Avatar for 田中 聖也 tanakaseiya
0
140
layerx-fde-practices
Avatar for cipepser cipepser
6
2.8k
Anthropic AIネイティブ・スタートアップ構築のプレイブック を理解する
Avatar for 長津孝輔 nagatsu
0
190
データ分析基盤の信頼を支える視点と設計
Avatar for Yuki yuki_saito
1
710

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
140
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
350
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
190
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
460
Design in an AI World
Avatar for tapps tapps
1
220
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
190
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
160

Transcript

  1. Designing & Planning Your iOS COCOAHEADS WORKSHOP

  2. Introductions

  3. [email protected] Kotaro Fujita tomatoboy.co

  4. None
  5. None

  6. Idea

  7. Elevator Pitch

  8. Purpose Retro Sparkle Docphin Neat

  9. Apple Suggests • List all the features you think users

    will want • Determine who your users are • Filter features list through audience definition • Don’t stop there..

  10. Understand Your Market

  11. Personality Profile

  12. Path To MVP

  13. PUSH THE DAMN SAVE BUTTON!!!

  14. Breakout Session

  15. Design

  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None

  23. Principles of Design

  24. Balance

  25. Emphasis

  26. Pattern Pattern Pattern

  27. RepetitionRepetition Repetition

  28. Movement

  29. Movement

  30. Movement

  31. Variety Voicemail Keypad Contacts Recents Favorites 1

  32. Unity Voicemail Keypad Contacts Recents Favorites

  33. Proportions

  34. Proportions

  35. iOS Design Considerations https://developer.apple.com/library/ios/documentation/userexperience/conceptual/ mobilehig/

  36. iOS Design Principles Depth Clarity Deference

  37. None

  38. TableViews

  39. Collection Views

  40. Web Views

  41. None

  42. Gestures

  43. Icons

  44. Animation

  45. Platform

  46. Wireframes

  47. Sketches

  48. Paper Prototyping

  49. None

  50. Wireframe Tools Pen & Paper Balsamiq Omnigraffle Paper Pop

  51. Breakout Session

  52. Iterate

  53. Color

  54. Color Wheel

  55. None
  56. None

  57. App Examples

  58. Typography

  59. Serious Law Firm & Co. Grace Children’s Daycare

  60. None

  61. Comps

  62. Concept Art

  63. Final 3D Model

  64. Comp Tools Photoshop Keynote Sketch Illustrator Briefs Xcode

  65. Animation

  66. Animation Tools Keynote Origami AfterEffects 3D program Xcode Pop

  67. Breakout Session

  68. Future Considerations App Icon Audio Accessibility Marketing Branding Apple

  69. Presentations

  70. Winning!

  71. [email protected] Kotaro Fujita tomatoboy.co