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
50

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
49
HealthKit
Avatar for Kotaro Fujita kotarofujita
1
56
Sprite Kit: A game changer or wasted opportunity?
Avatar for Kotaro Fujita kotarofujita
0
35
Webviews
Avatar for Kotaro Fujita kotarofujita
0
39

Other Decks in Technology

See All in Technology
Raycast AI APIを使ってちょっと便利なAI拡張機能を作ってみた
Avatar for ryo kawamataryo
0
230
Amazon Q Developer CLIをClaude Codeから使うためのベストプラクティスを考えてみた
Avatar for banquet.kuma dar_kuma_san
0
260
AIエージェントによる業務効率化への飽くなき挑戦 -AWS上の実開発事例から学んだ効果、現実そしてギャップ-
Avatar for Kiminori Yokoi nasuvitz
5
1.5k
様々なファイルシステム
Avatar for Satoru Takeuchi sat
PRO
0
280
境界線が消える世界におけるQAエンジニアのキャリアの可能性を考える / Considering the Career Possibilities for QA Engineers
Avatar for miisan mii3king
2
100
Zero Trust DNS でより安全なインターネット アクセス
Avatar for Murachi Akira murachiakira
0
130
パフォーマンスチューニングのために普段からできること/Performance Tuning: Daily Practices
Avatar for FUJIWARA Shunichiro fujiwara3
2
180
東京大学「Agile-X」のFPGA AIデザインハッカソンを制したソニーのAI最適化
Avatar for ソニー株式会社 sony
0
180
RemoteFunctionを使ったコロケーション
Avatar for Matsumoto Kazutaka mkazutaka
1
170
[Journal club] Thinking in Space: How Multimodal Large Language Models See, Remember, and Recall Spaces
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
100
DMMの検索システムをSolrからElasticCloudに移行した話
Avatar for 小山凌太 hmaa_ryo
0
310
プレイドのユニークな技術とインターンのリアル
Avatar for PLAID Tech plaidtech
PRO
1
570

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.9k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k

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