Think, Mind, Vision etc…
蜜葉 優
• Interaction,Animation,UserInterface,HCI,
LayoutDesign,UserExperience,Prototypin
g,Visualization,InformationArchitecture,...
• インタフェースデザインの心理学
• インタフェースデザインの実践教室
• Seductive INTERACTION DESIGN
• THE VISUAL MISCELLANEUM
• VISUALIZE THIS
• ANDROID D...
• H.N. :蜜葉 優 [@mitsuba yu]
• 1988.12.18
• Designer/Developer/Creator
• http://c-mitsuba.com
• Microsoft MVP for Client Dev...
not Programmer
プログラミングめんどい
• Proce55ing
• openFrameworks
• XAML->Blend
• 最近はちょっとだけC#とも仲良く
いわゆるちょっと書いてぱぱっと動くやつとか
ノンプログラミングプログラミングとかプロト
タイプ言語とか
好き?な言語的な
プログラミング自体は
そんなに好きでもない
すき ->
すき -> なんかつくる
すき -> なんかうごかす
Begin
画面に映るWebページを
自分でもつくりたかったから。
Vision? Mind?
すてきなものは、
こどもたちが取り合うもの。
すてきなものは、
こどもたちが取り合うもの。
そゆものをつくるのに
プログラムが必要だっただけ。
いろいろ動画
Think
つくったものがどういう未来を
紡ぐか考える。= UXの1つ
使うと、どう感じるか、

どう振る舞うか、どう体験して、
どう幸せになるのか。
「思考の密度が高ければ、
 デザインの密度も高くなる」
• デザインを支える「思考」は、目に見えない部分であるけれども、
形として表されたデザインと同様に重要なものです。デザイニング
という仕事は、思考を目に見える形に練り直す作業そのものといえ...
• プログラミングは表現手法
• 理系とかプログラムとかだけじゃ、

すてきなものは生み出せない
• だれがどうよろこぶプロダクトをつくるのか
• 作るプロダクトについて深く思考する
• 魅力的なものは、デザインとか音楽とか思想
とか、素敵なも...
one more thing…
プログラミングする人が
かっこいいんじゃなくて、
プログラミング極めた人が
かっこいい
プログラミングもできる人が
かっこいい
自分の個性だったり好きなもの
にプログラミング=実現性を
足した未来を描こう
one more thing…
すてきな仲間をつくろう
Think, Mind, Vision etc..
Think, Mind, Vision etc..
Think, Mind, Vision etc..
Think, Mind, Vision etc..
Think, Mind, Vision etc..
Think, Mind, Vision etc..
Think, Mind, Vision etc..
Upcoming SlideShare
Loading in …5
×

Think, Mind, Vision etc..

706 views

Published on

Published in: Internet
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
706
On SlideShare
0
From Embeds
0
Number of Embeds
256
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Think, Mind, Vision etc..

  1. 1. Think, Mind, Vision etc… 蜜葉 優
  2. 2. • Interaction,Animation,UserInterface,HCI, LayoutDesign,UserExperience,Prototypin g,Visualization,InformationArchitecture, Typography,InfoGraphics,仕掛学,視線誘 導,認知心理学 keyword
  3. 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
  4. 4. • H.N. :蜜葉 優 [@mitsuba yu] • 1988.12.18 • Designer/Developer/Creator • http://c-mitsuba.com • Microsoft MVP for Client Development • Keynoteの表紙はいつも自分で撮影 • 料理とウイスキーとチョコがすき profile
  5. 5. not Programmer
  6. 6. プログラミングめんどい
  7. 7. • Proce55ing • openFrameworks • XAML->Blend • 最近はちょっとだけC#とも仲良く いわゆるちょっと書いてぱぱっと動くやつとか ノンプログラミングプログラミングとかプロト タイプ言語とか 好き?な言語的な
  8. 8. プログラミング自体は そんなに好きでもない
  9. 9. すき ->
  10. 10. すき -> なんかつくる
  11. 11. すき -> なんかうごかす
  12. 12. Begin
  13. 13. 画面に映るWebページを 自分でもつくりたかったから。
  14. 14. Vision? Mind?
  15. 15. すてきなものは、 こどもたちが取り合うもの。
  16. 16. すてきなものは、 こどもたちが取り合うもの。 そゆものをつくるのに プログラムが必要だっただけ。
  17. 17. いろいろ動画
  18. 18. Think
  19. 19. つくったものがどういう未来を 紡ぐか考える。= UXの1つ 使うと、どう感じるか、
 どう振る舞うか、どう体験して、 どう幸せになるのか。
  20. 20. 「思考の密度が高ければ、  デザインの密度も高くなる」 • デザインを支える「思考」は、目に見えない部分であるけれども、 形として表されたデザインと同様に重要なものです。デザイニング という仕事は、思考を目に見える形に練り直す作業そのものといえ ます。(中略)考え、そして表す。形にする以前の思考の密度が高 ければ高いほど、デザインの密度も高くなる、ということでしょう。 ! • ソール・バス 『Saul Bass: A Life in Film and Design』 343ペー ジより一部引用
  21. 21. • プログラミングは表現手法 • 理系とかプログラムとかだけじゃ、
 すてきなものは生み出せない • だれがどうよろこぶプロダクトをつくるのか • 作るプロダクトについて深く思考する • 魅力的なものは、デザインとか音楽とか思想 とか、素敵なものを集めたもの まとめ
  22. 22. one more thing…
  23. 23. プログラミングする人が かっこいいんじゃなくて、 プログラミング極めた人が かっこいい
  24. 24. プログラミングもできる人が かっこいい
  25. 25. 自分の個性だったり好きなもの にプログラミング=実現性を 足した未来を描こう
  26. 26. one more thing…
  27. 27. すてきな仲間をつくろう

×