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

Design Workshop

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
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
1
140
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
Avatar for TonyTonyKun thara0402
0
180
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
130
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
240
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
StrandsとNeptuneを使ってナレッジグラフを構築する
Avatar for やくも yakumo
1
110
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
Avatar for usanchuu usanchuu
3
450
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
120
データの整合性を保ちたいだけなんだ
Avatar for ShoheiMitani shoheimitani
8
3.1k

Featured

See All Featured
HDC tutorial
Avatar for Michiel Stock michielstock
1
370
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
100
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
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
300
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k

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