1. Think, Mind, Vision etc…
蜜葉 優

2. • Interaction,Animation,UserInterface,HCI,
LayoutDesign,UserExperience,Prototypin
g,Visualization,InformationArchitecture,
Typography,InfoGraphics,仕掛学,視線誘
導,認知心理学
keyword

3. • インタフェースデザインの心理学
• インタフェースデザインの実践教室
• Seductive INTERACTION DESIGN
• THE VISUAL MISCELLANEUM
• VISUALIZE THIS
• ANDROID DESIGN PATTERNS
• Mobile Design Pattern Gallery
• 同人誌やイラストの美しいデザイン100
!
book
• IAシンキング
• タイポグラフィ 03
• 白井博士のゲームデザイン
• Windows 8 UI/UXデザイン入門
• iOS フラットデザインの作法
• カルチュラルコンピューティング
• 人工知能学会誌 Vol.28 No.4 2013/7

6. • H.N. :蜜葉 優 [@mitsuba yu]
• 1988.12.18
• Designer/Developer/Creator
• http://c-mitsuba.com
• Microsoft MVP for Client Development
• Keynoteの表紙はいつも自分で撮影
• 料理とウイスキーとチョコがすき
profile

7. not Programmer

8. プログラミングめんどい

9. • Proce55ing
• openFrameworks
• XAML->Blend
• 最近はちょっとだけC#とも仲良く
いわゆるちょっと書いてぱぱっと動くやつとか
ノンプログラミングプログラミングとかプロト
タイプ言語とか
好き？な言語的な

10. プログラミング自体は
そんなに好きでもない

11. すき ->

12. すき -> なんかつくる

13. すき -> なんかうごかす

14. Begin

15. 画面に映るWebページを
自分でもつくりたかったから。

16. Vision? Mind?

17. すてきなものは、
こどもたちが取り合うもの。

18. すてきなものは、
こどもたちが取り合うもの。
そゆものをつくるのに
プログラムが必要だっただけ。

20. いろいろ動画

21. Think

22. つくったものがどういう未来を
紡ぐか考える。= UXの１つ
使うと、どう感じるか、
どう振る舞うか、どう体験して、
どう幸せになるのか。

23. 「思考の密度が高ければ、
デザインの密度も高くなる」
• デザインを支える「思考」は、目に見えない部分であるけれども、
形として表されたデザインと同様に重要なものです。デザイニング
という仕事は、思考を目に見える形に練り直す作業そのものといえ
ます。（中略）考え、そして表す。形にする以前の思考の密度が高
ければ高いほど、デザインの密度も高くなる、ということでしょう。
!
• ソール・バス 『Saul Bass: A Life in Film and Design』 343ペー
ジより一部引用

24. • プログラミングは表現手法
• 理系とかプログラムとかだけじゃ、
すてきなものは生み出せない
• だれがどうよろこぶプロダクトをつくるのか
• 作るプロダクトについて深く思考する
• 魅力的なものは、デザインとか音楽とか思想
とか、素敵なものを集めたもの
まとめ

25. one more thing…

26. プログラミングする人が
かっこいいんじゃなくて、
プログラミング極めた人が
かっこいい

27. プログラミングもできる人が
かっこいい

28. 自分の個性だったり好きなもの
にプログラミング＝実現性を
足した未来を描こう

29. one more thing…

30. すてきな仲間をつくろう