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
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
560
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
460
AIエージェントを開発しよう！-AgentCore活用の勘所-
Avatar for YukiOgawa yukiogawa
0
160
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
440
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
230
~Everything as Codeを諦めない~ 後からCDK
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
3
340
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
Avatar for Sashimimochi sashimimochi
0
170
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
130
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.3k
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
2
190
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
13k

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
120
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
61
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
140
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
240
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310

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