Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

開発に知っておいて欲しいUX/UIデザインの考え方

793 views

Published on

社内勉強会の時に使った資料です。

Published in: Design
  • Be the first to comment

開発に知っておいて欲しいUX/UIデザインの考え方

  1. 1. 開発に知っておいて欲しい デザインの考え方 2014.01.27 TAGUCHI 1
  2. 2. UI / UX デザインってご存じですか? 2
  3. 3. 当然ご存じですね。 仕事でもたくさん耳にしていると思います。 3
  4. 4. ただ、実は ひとことでUI/UXデザインと言っても 色々な意味が内包されています。 4
  5. 5. ごっちゃにして理解してませんか? 5 ここのボタンのUXデザインをしてください? UXがUIでインタフェースしてください? ユーザー体験をUIデザインしてください? UXの色味をもう少し赤へ振ってみませんか? ボタンのサイズをUXしてください?
  6. 6. User Interface(UI) Interaction User Experience(UX) + Design ひとまず、ソフトウェア業界においては 主に3つだけ理解しておくと良いと思います。 6
  7. 7. 7
  8. 8. User Interface(UI) Design 8
  9. 9. ・画面内の要素やパーツはどんなか ・それらのレイアウトや遷移はどうしたらいいか 9
  10. 10. Interaction Design 10
  11. 11. ・操作した結果、どんな反応を返すか ・心地よいか 11
  12. 12. User Experience(UX) Design 12
  13. 13. UI / Interaction を介してどんな体験をさせるか 13 夢の世界にいるみたい! 楽しい! 面白そう! 私もやってみたいなぁ!
  14. 14. ソフトウェア開発者は 何のためにUIやInteractionを実装しているのか? 14
  15. 15. お化粧でしょ? 15
  16. 16. 16
  17. 17. UXのためのUIとInteraction これだと思います 17
  18. 18. 楽しい、嬉しい、感動、悲しい、切ない、良かった! ユーザーにとって価値あること 18
  19. 19. UI・Interaction・Backend それぞれのパフォーマンスが高まった時に 最高の価値は生まれます 19 UI Interaction Backend UX 綺麗なテーブル、暖かいご飯、店主が清潔→美味しい食事ができそうですね
  20. 20. 細部にこそ神が宿る PIXAR ジョンラセターもきっとこう思ってる 20
  21. 21. え?当たり前なことじゃないですか 21
  22. 22. そう、当たり前。 でも、言ってることとやってることが違います。 時期とか人員とか優先度の低い機能の積み増しとか工数不足とか工数不足とか工数不足とか工数不足とか工数不足とか… 22
  23. 23. 23
  24. 24. 工数がないなら 24
  25. 25. やることを最小に絞り込みましょう。 そのかわり… 25
  26. 26. そこだけはしっかりと作ろう! 26
  27. 27. そこで、こんな考え方があります。 27
  28. 28. MVP 28
  29. 29. 野球や サッカーの アレでしょ? 29
  30. 30. 30
  31. 31. Minimal Viable Product
  32. 32. 1.顧客の要望や悩みを理解する 2.製品の成功に不可欠な要素を探す 3.実用最小限の製品を定義 4.顧客の要望などから課題を探す 5.製品を改善する 訴求 32
  33. 33. MVPを徹底して考え、実現することで ユーザーにとって 最高の価値を提供しましょう。 33
  34. 34. ありがとうございました。 34

×