高校生向けアイデアソン・ハッカソンにて。 プロトタイピングの流れと方法。既存のアプリをスケッチしてみよう。

2. 本題の前に

3. みんなはどっちのタイプ?
Aさん Bさん
プログラミング ★★★★★ ★☆☆☆☆
デザイン ☆☆☆☆☆ ★☆☆☆☆
撮影 + 発信 ☆☆☆☆☆ ★☆☆☆☆
プレゼンテーション ☆☆☆☆☆ ★☆☆☆☆
ディレクション ☆☆☆☆☆ ★☆☆☆☆

4. こうなると楽しいよ
Aさん Bさん
プログラミング ★★★★★ ★☆☆☆☆
デザイン ★☆☆☆☆ ★★★★★
撮影 + 発信 ★☆☆☆☆ ★☆☆☆☆
プレゼンテーション ★☆☆☆☆ ★☆☆☆☆
ディレクション ★☆☆☆☆ ★☆☆☆☆

5. ⃝⃝⃝⃝だけでは、作れない
プログラミングだけでは作れない
デザインだけでももちろん作れない
一番良いのは、全部できて、何かに特化していること
お互いの分野を知らないと、協力できない(話せない)

6. ができるまで
考える デザイン プログラミング 宣伝 もっと良くする
「アプリ」

7. 考える デザイン プログラミング 宣伝 もっと良くする
ができるまで「アプリ」

8. 「アプリ」ができるまで
考える: なにが欲しい? 使ってみたい? 何が作れる?
デザイン:
画面のデザイン(UI)
利用シーンのデザイン(UX)
プログラミング:
フロントエンド: iOS、Android、Web
バックエンド: PaaS, BaaS, Node.js, Ruby on Rails, PHP
プロモーション: 「それが何か」わかりやすく伝える
もっと良くする: 作ったら終わりじゃない

9. 結構いろいろ大変

10. そこで、プロトタイピング

11. プロトタイピング
絵を描くようにアプリをつくることは「まだ」できない
画面や動きのデザインだけ作って「手触り」を試す
良いものを最短コースで

12. 例えば、
こんなの
作りたい

13. Sketch

15. marvel
Sketchでデザイン
手描きでもOK
動きをつける

17. 自分の
スマートフォンで
試せる

18. ほかにも色々・増えている

19. 部品(デザイン)は、
いろいろと
公開されている

20. ならべていくだけでも
結構作れる

21. ならべていくだけでも
結構作れる
だからこそ、何が
実現可能か知る必要あり

22. じゃあ、みんなもやってみよう

23. いきなりは、難しいので

24. を題材に

26. Chats
People

27. Chats
Start
Let’s start chatting!
People Chats Search More

28. 描いてみて、気がついた部分が
あったと思います

29. 無意識に
使っているものほど大切

30. ツトム
UIデザイン
プレゼンテーション
担当
この辺で分かんないことは
この人に聞こう。
cognitom