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

Design Workshop

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Kotaro Fujita Kotaro Fujita
November 08, 2014
Technology
0
51

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
Tweet

More Decks by Kotaro Fujita

See All by Kotaro Fujita
WatchKit Setup & UI
Avatar for Kotaro Fujita kotarofujita
0
110
Dev night
Avatar for Kotaro Fujita kotarofujita
0
51
HealthKit
Avatar for Kotaro Fujita kotarofujita
1
57
Sprite Kit: A game changer or wasted opportunity?
Avatar for Kotaro Fujita kotarofujita
0
38
Webviews
Avatar for Kotaro Fujita kotarofujita
0
41

Other Decks in Technology

See All in Technology
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
300
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
240
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
220
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.4k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.3k
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.7k

Featured

See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
160
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
66
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
150
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
48
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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