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設計の第一歩-インテリジェントネット社内勉強会

12,411 views

Published on

インテリジェントネット社内勉強会で使用したセミナーのスライドです。
UX設計ってなんなの?っていう人向けの、入門的なスライドになっています。

Published in: Design
  • Sex in your area is here: ♥♥♥ http://bit.ly/39pMlLF ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ❤❤❤ http://bit.ly/39pMlLF ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

UX設計の第一歩-インテリジェントネット社内勉強会

  1. 1. ©2016 Intelligentnet, Inc. All rights reserved. インテリジェントネット社内勉強会 徳永 聡 「UX設計の第一歩」 ~UX怖がらないでおk~ ∧∧ / ̄ ̄ ̄ ̄ ̄ (,,゚Д゚)< はじまるよ! ⊂ ⊃ \_____ ~| | ,, し`J
  2. 2. ©2016 Intelligentnet, Inc. All rights reserved. 今日のお話の前提 1/2 1. これを聞いたからすぐに超素敵UX設計ができる ようになるわけじゃありません。 2. でも聞かないよりは聞いたほうが良い設計はでき ると思います 3. 少なくともUX設計のタイミングで「どういう判断 基準で考えれば良いか」はわかるようになると思 います
  3. 3. ©2016 Intelligentnet, Inc. All rights reserved. そんで具体的に何ができるようになるのか セグウェイで走るモナー ※とくに意味は無いです -= ∧_∧ -=≡ ( ´∀`) -=( つ┯つ -=≡/ / // -=≡(__)/ ) -= (◎) ̄))
  4. 4. ©2016 Intelligentnet, Inc. All rights reserved. 今日のお話の前提 2/2 • プロデューサー • ディレクター • デザイナー • テクニカルディレクター (フロントエンドエンジニア含む) 「HTMLも決してUXと無関係じゃないんだな」って 思うかもしれない。あとはわかんないけどなんか それなりに役立つと思う。 提案書の切り口、とっかかり口が一つ増える。 たぶんきっとおそらく。 サイト設計、コンテンツ設計に役立つUXD手法 がわかる。たぶんきっとおそらく。 UIデザインするときに以前よりもっとユーザーを 意識できるようになる。たぶんきっとおそらく。
  5. 5. ©2016 Intelligentnet, Inc. All rights reserved. もくじ 1. UXってなんじゃらほい 2. 良いUXを考える手法など 3. 【実践編】良いUXを考えられるようになるには?
  6. 6. ©2016 Intelligentnet, Inc. All rights reserved. でははじめます
  7. 7. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ≡ ∧_∧ / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ≡( ´∀`)< 本編お待たせ♪ ≡ ( つ=つ \_________ ≡| | |\ ≡(__)_)\ ≡ ◎ ̄ ̄ ̄ ̄◎
  8. 8. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXとは・・・・ 正式名称「User Experience」の略語。日本語に訳 すなら「ユーザー体験」。経験なのか体験な のかというのはもうUXの議論っていうより日本語 の議論なので、その辺はもう体験っていうことでい いんじゃないかと思ってます。
  9. 9. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UX=おもてなし
  10. 10. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UX=おもてなし | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄| | ちがいまーす | |________| ∧∧ || ( ゚д゚)|| / づΦ
  11. 11. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UX=おもてなし | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄| | ちがいまーす | |________| ∧∧ || ( ゚д゚)|| / づΦ お店で考えればわかりやすい
  12. 12. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい とあるお店。
  13. 13. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい とあるお店。 UXの主語って誰?
  14. 14. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい このおっちゃん
  15. 15. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい このおっちゃん んなわけあるか
  16. 16. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい この二人ですよね
  17. 17. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい この二人ですよね じゃあ「おもてなし」の主語は?
  18. 18. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 今度こそこのおっちゃん
  19. 19. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 今度こそこのおっちゃん だから「UX≠おもてなし」なのです
  20. 20. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい まあ、あのー、冷静に考えてみりゃすぐにわかる話で、UXとかいう不慣れな言葉を つかうからわかんなくなるだけ。だって、旅館の女将に「お客様の体験 はおもてなしです」とか言われても「ちょっとなに言っ てるのかわかりません©サンドウィッチマン富 澤」じゃないですか。 突然の長文。 おもてなしはおまいさんのサービスでしょうが(゚Д゚)モルァ! ※だから「良いUXを考えるにはおもてなしの心が大事」というのは間違いではないかもしれませんね。
  21. 21. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXとは・・・・ 正式名称「User Experience」の略語。日本語に訳 すなら「ユーザー体験」。経験なのか体験な のかというのはもうUXの議論っていうより日本語 の議論なので、その辺はもう体験っていうことでい いんじゃないかと思ってます。
  22. 22. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXとは・・・・ 正式名称「User Experience」の略語。日本語に訳 すなら「ユーザー体験」。経験なのか体験な のかというのはもうUXの議論っていうより日本語 の議論なので、その辺はもう体験っていうことでい いんじゃないかと思ってます。 もう少し詳しくすると
  23. 23. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXとは・・・・ • ユーザーの「主観」です。 • それが良い体験だったかどうかを決めるのはその人 の感情とか感覚だから。 • 「この車、カコイイ(´Д⊂ヽ」←そう判断するのは その人の主観であり、だから人によって違うし、さ らに言えばその車が本当に(世間的に)カッコいい かはわからない(泣)
  24. 24. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UI=UX
  25. 25. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UI=UX | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄| | ちがいまーす | |________| ∧∧ || ( ゚д゚)|| / づΦ
  26. 26. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UI=UX | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄| | ちがいまーす | |________| ∧∧ || ( ゚д゚)|| / づΦ Webサイトの場合、ユーザーが体験するものが画面 にあるそのものだから、UXを考える=UIデザインだ と思っちゃうんでしょうけど、でも違うものは違う ※といいつつ、いろんな工程をふみつつ最終的に画面つくってるんだから、そういう意味で捉えるならあながち間違いでもないのだけど。
  27. 27. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える
  28. 28. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える 日立の電子レンジ。右側のメニューをみるといろんなことができるっぽ い。何ができるのかわかるように「コロッケ」とか直接的なラベルつけ てるっぽい。日立がんばってる(謎)さすがヘルシオつくってるだけの ことはある http://kadenfan.hitachi.co.jp/range/lineup/mro-nt5/
  29. 29. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える 日立のオーブンレンジ。右側のメニューをみるといろんなことができ るっぽい。何ができるのかわかるように「コロッケ」とか直接的なラベ ルつけてるっぽい。日立がんばってる(謎)さすがヘルシオつくってるだけのことはある だがしかし、世の中には こ ん な 電 子 レ ン ジ も あ る
  30. 30. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える アイリスオーヤマの電子レンジ。どシンプル。やることはツマミをひね るだけ、「おまえはそれさえやってくれればあとは俺がなんとかする」 といわんばかりの男前電子レンジ。 (゚Д゚ )パネェッス http://www.irisplaza.co.jp/Index.asp?KB=SHOSAI&SID=H566824F 潔さがあふれ出てい る・・・ もはや漏れている・・・
  31. 31. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える こっちが良いUXの電子レンジ?
  32. 32. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える こっちが良いUXの電子レンジ? 必ずしもそうとは限らないですよね
  33. 33. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える お料理大好きな丸の内OLさんだったらたぶんこっちを選ぶ。 右のじゃ機能が足りなくてOLさんふてくされちゃう。OLさん 激おこぷんぷん丸。
  34. 34. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える お料理大好き丸の内OLさんだったらたぶんこっちを選ぶ。右 のじゃ機能が足りなくてOLさんふてくされちゃう。OLさん激 おこぷんぷん丸。 これは、UIとは関係のない話ですよね。 電子レンジの持つ機能そのものの話。
  35. 35. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい 例えば電子レンジで考える お料理大好き丸の内OLさんだったらたぶんこっちを選ぶ。右 のじゃ機能が足りなくてOLさんふてくされちゃう。OLさん激 おこぷんぷん丸。 UIはUIであって、UXはUXであって。 • UIはUXの中でも非常に重要な要素なのは間違いないです • でも、あくまでUXを構成する1要素でしかない • UIだけで解決しない問題はいっぱいある • すんげーわかりやすいネットショップがあったとしても、 欲しいものがなきゃ買い物しないでしょう
  36. 36. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ユーザビリティ? ユーザエクスペリエンス? (゚∀゚≡(゚∀゚≡゚∀゚)≡゚∀゚) ドウチガウノー
  37. 37. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ユーザビリティとは ※IT用語辞典より
  38. 38. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ユーザビリティとは ※IT用語辞典より 簡単に言うと「使いやすさ」のこと。
  39. 39. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ユーザビリティとは ※IT用語辞典より 簡単に言うと「使いやすさ」のこと。 例えば電子レンジで考えるリターンズ たとえばお魚をレンジであたためるとき
  40. 40. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ユーザビリティとは ※IT用語辞典より 簡単に言うと「使いやすさ」のこと。 魚あっためるぞー 電子レンジ開けるー メニュー選ぶ 「あたため」押す 魚焼けた! 目的達成! ガチャっとな ポチっとな ポチっとな 例えば電子レンジで考えるリターンズ
  41. 41. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ユーザビリティとは ※IT用語辞典より 簡単に言うと「使いやすさ」のこと。 魚あっためるぞー 電子レンジ開けるー メニュー選ぶ 「あたため」押す 魚焼けた! 目的達成! ガチャっとな ポチっとな ポチっとな 例えば電子レンジで考えるリターンズ ここをいかに簡単に、わかりやすくするかがユーザビリティ UXはここぜんぶ
  42. 42. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい ユーザビリティとは ※IT用語辞典より 簡単に言うと「使いやすさ」のこと。 魚あっためるぞー 電子レンジ開けるー メニュー選ぶ 「あたため」押す 魚焼けた! 目的達成! ガチャっとな ポチっとな ポチっとな 例えば電子レンジで考えるリターンズ ここを以下に簡単に、わかりやすくするかがユーザビリティ UXはここぜんぶ UXとユーザビリティ • ユーザビリティというのは、ユーザーが目的を達成する過 程のわかりやすさや効率 • だから、そこに目的を考えることは含まれていない • 「究極のユーザビリティはUIの存在感を無にすること」な んて言葉も。 • UXは過程も結果も含めた全部
  43. 43. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXとUXD (゚∀゚≡(゚∀゚≡゚∀゚)≡゚∀゚) ドウチガウノー
  44. 44. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい いままでずっと UX=良いUX考えること みたいに言ってきたけど
  45. 45. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい いままでずっと UX=良いUX考えること みたいに言ってきたけど | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄| | ちがいまーす | |________| ∧∧ || ( ゚д゚)|| / づΦ
  46. 46. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい まあそりゃそうだっつう話で • UXはユーザーの体験、そこから生まれる主観、感想。 • なので、UX単体では良いも悪いもないです。 • 良いUXを考えることが大事で、それを「UXをデザ インする」というわけです。
  47. 47. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい まあそりゃそうだっつう話で • UXはユーザーの体験、そこから生まれる主観、感想。 • なので、UX単体では良いも悪いもないです。 • 良いUXを考えることが大事で、それを「UXをデザ インする」というわけです。 それが「UXD」 _、_ ( ,_ノ` ) n  ̄ \ ( E) グッジョブ!! フ /ヽ ヽ_//
  48. 48. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXDの忘れてはならない大事なこと
  49. 49. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXDの忘れてはならない大事なこと • どんなに素敵なUXを設計しても実現できなきゃ意味が無い です • 良いUXを!に意識が行き過ぎると、「ユーザーのためなん だから」と投資回収ができないほどの体験を考えてしまい がちです。 • UXDとは、たった一回実現できるだけのことを考える話で はなく、きちんと運用ができるところまで計画性も踏まえ て考えるものです。
  50. 50. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXDの忘れてはならない大事なこと • どんなに素敵なUXを設計しても実現できなきゃ意味が無い です • 良いUXを!に意識が行き過ぎると、「ユーザーのためなん だから」と投資回収ができないほどの体験を考えてしまい がちです。 • UXDとは、たった一回実現できるだけのことを考える話で はなく、きちんと運用ができるところまで計画性も踏まえ て考えるものです。 神対応のお話 • だから、良くネットでもてはやされる神対応というのも、 対象に含まれるし、含まれません(謎) • たった一回、一人の店員の心意気が良かったゆえにできた 対応はUXDの産物ではないです(たまたまその人がすご かっただけ) • すべての店員が、同じ(神)対応ができるように仕組みを 考えるのがUXDです。
  51. 51. ©2016 Intelligentnet, Inc. All rights reserved. 01.UXってなんじゃらほい UXとは?まとめ • UXとはユーザー体験であり、ユーザーの主観 • UIデザインは良いUXをデザインするうえでとても重要な要 素だけど、でもUXはUIだけで考えるものでもない • UXはただの言葉。UXDが本来の「良いUXを考える」の意 味に当たるもの
  52. 52. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など / ̄ ̄ ̄ ̄ ̄\ | おまいらも | ∩_∩ | | (´ー`) < がんばると | ( ) | | | | | | いい | (___)__) \_____/
  53. 53. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など 手法その1 ペルソナ/シナリオ法
  54. 54. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法
  55. 55. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 写真とプロフィール
  56. 56. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 ユーザーが達成したい こと
  57. 57. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 ユーザーが実際に体験 して満足するシナリオ
  58. 58. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 というそういうのが入ったものがペルソナ/シナリオ
  59. 59. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 というそういうのが入ったものがペルソナ/シナリオ ・・・・というのは一例で、必ず「これ」と決まった 統一のフォーマットがあるものじゃないです。
  60. 60. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 • 名前やプロフィール、写真などある程度のフォーマットは ありますが、デザインする対象によってペルソナに必要な ものも多少変わってきます。 • 「架空のユーザー像」・・・× • 「仮想のユーザー像」・・・○
  61. 61. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 そんで。
  62. 62. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 そもそもなんでこん なものが必要なの?
  63. 63. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法 そもそもなんでこん なものが必要なの?ペルソナの主な効能は2つ
  64. 64. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため 2. イノベーションとかアイディア発想のため
  65. 65. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため
  66. 66. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため ここで質問。
  67. 67. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため 「20代後半の女性」
  68. 68. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため 「20代後半の女性」 どんな人を思い浮 かべましたか?
  69. 69. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため 「20代後半の女性」 どんな人を思い浮かべましたか?
  70. 70. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため • 一言に「20代後半の女性」と言っても様々なタイプの人がいます • その人は、価値観も、ライフスタイルも、まったく違うでしょう • その状態のまま複数のメンバーでUX設計をスタートしてしまったら、「20代 後半ならファッション興味あるでしょ」「ええ、でもそんな派手な格好はもう しないでしょ」となって議論が進みません。
  71. 71. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 1. メンバー間の合意のため • 一言に「20代後半の女性」と言っても様々なタイプの人がいます • その人は、価値観も、ライフスタイルも、まったく違うでしょう • その状態のまま複数のメンバーでUX設計をスタートしてしまったら、「20代 後半ならファッション興味あるでしょ」「ええ、でもそんな派手な格好はもう しないでしょ」となって議論が進みません。 そこで、メンバー全員が共通のユーザー像を描けるようにするための手法と してペルソナが出てきます。「この佐藤優子さんは~」と、全員が同じユー ザーを描いて議論ができるので、合意形成がスムーズになりますね
  72. 72. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 2. イノベーションとかアイディア発想のため
  73. 73. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 2. イノベーションとかアイディア発想のため ここで質問。
  74. 74. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 2. イノベーションとかアイディア発想のため 「主婦が喜ぶ洗濯機の 新機能を考えてください」
  75. 75. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 2. イノベーションとかアイディア発想のため 「主婦が喜ぶ洗濯機の 新機能を考えてください」 洗濯機にあったら良いもの―良 いもの―、うーん(;・∀・)
  76. 76. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 2. イノベーションとかアイディア発想のため ペルソナがあると・・・?
  77. 77. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 2. イノベーションとかアイディア発想のため 「主婦が喜ぶ洗濯機の 新機能を考えてください」 主婦の渡辺さんは、子供5人の大家族のお母さんだからー、そし てー、いつも子供たちが学校に行ったあと10時ぐらいから洗濯を 始めるからー、まず洗濯物を集めなきゃいけないよねー、それっ て重いんじゃないかなー?(´・ω・`)
  78. 78. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 • 何の情報もなしにまっさらな状態でアイディアを出せと言われても難しいです よね • もっと具体的に、どういう価値観で、どういう生活のなかで使われるのかと想 像しながらの方がアイディア出しやすいですね • さらに何に困ってるのか、どこに問題があるのかを実際の生活を想定して考え ると良いですよね 2. イノベーションとかアイディア発想のため
  79. 79. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナの効能 • 何の情報もなしにまっさらな状態でアイディアを出せと言われても難しいです よね • もっと具体的に、どういう価値観で、どういう生活のなかで使われるのかと想 像しながらの方がアイディア出しやすいですね • さらに何に困ってるのか、どこに問題があるのかを実際の生活を想定して考え ると良いですよね ペルソナが、それを助けてくれます。ターゲットとなるユーザーの詳細な姿、 生活スタイルや悩み事などまで描くことで、新しい機能やアイディアを創出 しやすくなります。 2. イノベーションとかアイディア発想のため
  80. 80. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など ペルソナ/シナリオ法を使うときに 注意しなければならないこと
  81. 81. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • 顧客データやアンケートなど、定量的なデータをもとに作成する ペルソナ/シナリオ法を使うときに 注意しなければならないこと
  82. 82. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • 顧客データやアンケートなど、定量的なデータをもとに作成する • ヒアリングやグループインタビューなど定性的な調査をもとに作成する ペルソナ/シナリオ法を使うときに 注意しなければならないこと
  83. 83. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • 顧客データやアンケートなど、定量的なデータをもとに作成する • ヒアリングやグループインタビューなど定性的な調査をもとに作成する • つまり、定量と定性の両方の調査データをもとにつくらなければいけません ペルソナ/シナリオ法を使うときに 注意しなければならないこと
  84. 84. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • 顧客データやアンケートなど、定量的なデータをもとに作成する • ヒアリングやグループインタビューなど定性的な調査をもとに作成する • つまり、定量と定性の両方の調査データをもとにつくらなければいけません • 調査データなしに想像だけで作成したペルソナは使えないし、使ってはいけま せん ペルソナ/シナリオ法を使うときに 注意しなければならないこと
  85. 85. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • 顧客データやアンケートなど、定量的なデータをもとに作成する • ヒアリングやグループインタビューなど定性的な調査をもとに作成する • つまり、定量と定性の両方の調査データをもとにつくらなければいけません • 調査データなしに想像だけで作成したペルソナは使えないし、使ってはいけま せん ペルソナ/シナリオ法を使うときに 注意しなければならないこと ペルソナは「本当にそこにいるかのような」仮想のユーザー像です。それを何 の根拠もなく空想でつくってしまうと・・・?恐ろしい話ですよね
  86. 86. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など 手法その2 カスタマージャーニーマップ
  87. 87. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップ ※ http://web-tan.forum.impressrd.jp/e/2014/03/24/16722 より引用
  88. 88. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップ ※ http://web-tan.forum.impressrd.jp/e/2014/03/24/16722 より引用 AISCEAS的なやつ
  89. 89. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップ ※ http://web-tan.forum.impressrd.jp/e/2014/03/24/16722 より引用 利用シーン
  90. 90. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップ ※ http://web-tan.forum.impressrd.jp/e/2014/03/24/16722 より引用 デバイスとかチャネル とタッチポイント
  91. 91. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップ ※ http://web-tan.forum.impressrd.jp/e/2014/03/24/16722 より引用 そしてそれぞれのユー ザーの行動フロー
  92. 92. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップ ※ http://web-tan.forum.impressrd.jp/e/2014/03/24/16722 より引用 というそういうのが入ったものが カスタマージャーニーマップ
  93. 93. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップ そもそもなんでこん なものが必要なの?
  94. 94. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップの導入目的 • これも、基本的にはペルソナと一緒でメンバー間の合意形成のためです。 • 一言に「スマートフォンサイト」といっても、それをユーザーがどんなタイ ミングで使うかは様々です。 • もうとっくにサービスを知っているヘビーユーザーとして訪れるのか、電車 内で広告を見つけて検索して訪れるのか・・・
  95. 95. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など カスタマージャーニーマップの導入目的 • これも、基本的にはペルソナと一緒でメンバー間の合意形成のためです。 • 一言に「スマートフォンサイト」といっても、それをユーザーがどんなタイ ミングで使うかは様々です。 • もうとっくにサービスを知っているヘビーユーザーとして訪れるのか、電車 内で広告を見つけて検索して訪れるのか・・・ ユーザーがどこでサービスの名前を知り、どこで検索をして、どんなデバイ スでサイトを観て、どんなタイミングで来店するのか・・・といった、ユー ザーとサービスの出会いから体験、さらにはその後の継続利用までの一連の 流れを視覚化することで、UX設計の合意形成をスムーズにするもの、それが カスタマージャーニーマップです。
  96. 96. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など 手法その3 UXフロー
  97. 97. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフロー
  98. 98. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフロー ユーザー名とタスクフロー
  99. 99. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフロー タスクごとに発生するニーズ
  100. 100. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフロー ニーズに対応するために重要 となるポイント
  101. 101. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフロー この資料では簡易版のため「設計ポイン ト」が入ってますが、より詳細な完全版 をつくるときは、ここに「必要なコンテ ンツ」を入れることもあります
  102. 102. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフロー というそういうのが入ったものが UXフロー
  103. 103. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフロー そもそもなんでこん なものが必要なの?
  104. 104. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフローの導入目的 • これも、基本的にはペルソナと一緒でメンバー間の合意形成のためです。 • ただ、どちらかというとUXフローは合意形成よりも、具体的なサイト設計を するために必要なもの、捉えたほうが良いかもしれません。 • ほとんどのユーザーはWebサイトに来ていきなり問い合わせをするわけでは ありません • あれを調べ、これを調べ、他のことも調べ・・・と、一つのWebサイトでも 流れがあります。
  105. 105. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフローの導入目的 • これも、基本的にはペルソナと一緒でメンバー間の合意形成のためです。 • ただ、どちらかというとUXフローは合意形成よりも、具体的なサイト設計を するために必要なもの、捉えたほうが良いかもしれません。 • ほとんどのユーザーはWebサイトに来ていきなり問い合わせをするわけでは ありません • あれを調べ、これを調べ、他のことも調べ・・・と、一つのWebサイトでも 流れがあります。 ユーザーがそのサイトに訪れてからコンバージョンが発生するまで、その流 れを視覚化したものがUXフローです。つまり、逆説的に言えばこのフローの すべてのタイミングでユーザーに適切にアプローチをしないとコンバージョ ンに到らないということです。UXフローはそのサイトですべきことを整理す るための手法です。
  106. 106. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフローの素朴な疑問 その1
  107. 107. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など 「ユーザーはそんな 一本道で行動しなくね?」
  108. 108. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • はいそうです。 「ユーザーはそんな 一本道で行動しなくね?」
  109. 109. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • はいそうです。 • でもそれでいいんです。大事なのは「正しい順序を組むこと」じゃないから。 「ユーザーはそんな 一本道で行動しなくね?」
  110. 110. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • はいそうです。 • でもそれでいいんです。大事なのは「正しい順序を組むこと」じゃないから。 • 大事なのは「サイトの理想的な体験を紡ぎ出し、そこに必要なタスクとコンテ ンツを洗い出すこと」なので、順序はそれほど重要じゃないのです。 「ユーザーはそんな 一本道で行動しなくね?」 ユーザーがサイトで満足するまでに、どんなタスクが発生し、どこでどんなア プローチをしなければならないのか、それを導き出すことが重要で、順序は (相当変じゃない限り)さほど重要ではないのです。
  111. 111. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフローの素朴な疑問 その2
  112. 112. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など 「こんなにくまなくサイトみないで 問い合せする人もいるじゃん」
  113. 113. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • はいそうです。 「こんなにくまなくサイトみないで 問い合せする人もいるじゃん」
  114. 114. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • はいそうです。 • その人はとても素敵なお客様なので、そのままぜひ問い合わせいただければ良 いでしょう。そのためにちゃんと動線を確保しておけばいいだけのこと。 「こんなにくまなくサイトみないで 問い合せする人もいるじゃん」
  115. 115. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • はいそうです。 • その人はとても素敵なお客様なので、そのままぜひ問い合わせいただければ良 いでしょう。そのためにちゃんと動線を確保しておけばいいだけのこと。 • そうじゃない人、最も手ごわい(けれど大切な)お客様に対して、最高の自社 サービスを提供する、その流れを可視化するそれがUXフローです。 「こんなにくまなくサイトみないで 問い合せする人もいるじゃん」
  116. 116. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • はいそうです。 • その人はとても素敵なお客様なので、そのままぜひ問い合わせいただければ良 いでしょう。そのためにちゃんと動線を確保しておけばいいだけのこと。 • そうじゃない人、最も手ごわい(けれど大切な)お客様に対して、最高の自社 サービスを提供する、その流れを可視化するそれがUXフローです。 「こんなにくまなくサイトみないで 問い合せする人もいるじゃん」 大事なことは、「理想的な最高の体験の流れをつくること」なのです。そのた めには、それを受け取る人を想定してUXフローを創ることが大事。
  117. 117. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXフローの素朴な疑問 その3
  118. 118. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など 「あれ?カスタマージャーニーマップ と何が違うの?」
  119. 119. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ドキッ(;・∀・) • たしかに、人によってはどっちかだけでやる人もいます。UXフローに全チャネ ルをぶっこむやり方とかもある 「あれ?カスタマージャーニーマップ と何が違うの?」
  120. 120. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ドキッ(;・∀・) • たしかに、人によってはどっちかだけでやる人もいます。UXフローに全チャネ ルをぶっこむやり方とかもある • ただ、一応ちがうものなので、こう覚えるとわかりやすいです。 「あれ?カスタマージャーニーマップ と何が違うの?」
  121. 121. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ドキッ(;・∀・) • たしかに、人によってはどっちかだけでやる人もいます。UXフローに全チャネ ルをぶっこむやり方とかもある • ただ、一応ちがうものなので、こう覚えるとわかりやすいです。 「あれ?カスタマージャーニーマップ と何が違うの?」 こう覚えよう カスタマージャーニーマップ UXフロー TVCM スマホサイト PCサイト リアル店舗 検索して訪れる ○○を調べる ○○を調べる SNSでシェアする
  122. 122. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ドキッ(;・∀・) • たしかに、人によってはどっちかだけでやる人もいます。UXフローに全チャネ ルをぶっこむやり方とかもある • ただ、一応ちがうものなので、こう覚えるとわかりやすいです。 「あれ?カスタマージャーニーマップ と何が違うの?」 こう覚えよう カスタマージャーニーマップ UXフロー TVCM スマホサイト PCサイト リアル店舗 検索して訪れる ○○を調べる ○○を調べる SNSでシェアする カスタマージャーニーマップがすべての タッチポイントの設計、UXフローがタッチ ポイントごとの詳細な設計、という感じ
  123. 123. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXD手法まとめ • ペルソナ/シナリオ法 • カスタマージャーニーマップ • UXフロー
  124. 124. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXD手法まとめ • ペルソナ/シナリオ法 • カスタマージャーニーマップ • UXフロー 他にもたーくさんあります。ストーリーボード、ウォークスルー、デプスイン タビューなどなどなど。でもとりあえず上の3つをおさえておけばあとは派生 で取捨選択していけば良いと思います。
  125. 125. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられる ようになるには? ∧_∧ / ̄ ̄ ̄ ̄ ̄ ( ´∀`)< マターリ聞いてね… ( ⊃ .旦| \_____ し_)___)
  126. 126. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 良いUXを考えられるように なるには・・・・
  127. 127. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? の前に突然ぜんぜん違う話
  128. 128. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 本当にあった最近の話
  129. 129. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? toksato大好きJリーグ
  130. 130. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? toksato大好きJリーグ Jリーグ各クラブは毎年この時期になると、 今年1年の体制などなどを報告する記者会見をやります。
  131. 131. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? toksato大好きJリーグご覧の通り、社長の話があったり、強化本部長の話があったり、 監督や選手の話があったり、今年1年どういうサッカーをしてい くのか、サポーターに何を提供するのか、という話
  132. 132. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? toksato大好きJリーグご覧の通り、社長の話があったり、強化本部長の話があったり、 監督や選手の話があったり、今年1年どういうサッカーをしてい くのか、サポーターに何を提供するのか、という話 時間を見つけては いろんなクラブの会見を読みたいぞ。
  133. 133. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? toksato大好きJリーグご覧の通り、社長の話があったり、強化本部長の話があったり、 監督や選手の話があったり、今年1年どういうサッカーをしてい くのか、サポーターに何を提供するのか、という話 時間を見つけては いろんなクラブの会見を読みたいぞ。 検索してみる
  134. 134. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? すごい!スペシャルコンテンツまであった!
  135. 135. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? すごい!スペシャルコンテンツまであった! ∩ ( ⌒) ∩_ _ /,. ノ i .,,E) ./ /" / /" ./ / _、_ / ノ' / / ,_ノ` )/ / ( / good job! ヽ | \ \
  136. 136. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 一方、トップページでは
  137. 137. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? ・・・・・ あれ?どこからリンクが・・・・? (3分探してもわからなかった)
  138. 138. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? ソースをみてみると ここ(スライドの11枚目) ここ(新着の下から二つめ) にあった
  139. 139. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? ソースをみてみると ここ(スライドの11枚目) ここ(新着の下から二つめ) にあった わかんねぇよ(゜-゜)
  140. 140. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 横浜F・マリノス ここ
  141. 141. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 鹿島アントラーズ なかった (まじかよ) ※もっと探せばあるのかもしれない・・・
  142. 142. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 名古屋グランパス ここもなかった ※もっと探せばあるのかもしれない・・・
  143. 143. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? FC東京
  144. 144. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? ※もっと探せばあるのかもしれない・・・ FC東京 そもそも会見のページが見当たらなかった・・・(‘Д’)
  145. 145. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • この時期においてユーザーが最も求める情報では? • クラブとしても大変重要な情報だと思うけど・・・ • 毎日見てるようなユーザーじゃなきゃ見つけられん • というか、マニフェストみたいなもんだから1年中わかるとこ ろに置いておけばいいのに おかしいなぁ・・・
  146. 146. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 良いUXを考えられるように なるには・・・・
  147. 147. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? こういうことを意識して毎日を 過ごすことが大事
  148. 148. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? こういうことを意識して毎日を 過ごすことが大事 なぜか。
  149. 149. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXD手法、金かかる問題
  150. 150. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ペルソナを「完全なる空想で創るな」と書きました。 • そうすると、顧客データ、インタビュー、アンケート・・・まともに全部やっ てたら時間も費用もすっごいかかる。 • これは程度の差こそあれカスタマージャーニーマップもUXフローも同じ。 • たかだか一つのバナーデザインするために用意していられない UXD手法、金かかる問題
  151. 151. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ペルソナを「完全なる空想で創るな」と書きました。 • そうすると、顧客データ、インタビュー、アンケート・・・まともに全部やっ てたら時間も費用もすっごいかかる。 • これは程度の差こそあれカスタマージャーニーマップもUXフローも同じ。 • たかだか一つのバナーデザインするために用意していられない UXD手法、金かかる問題 毎回毎回潤沢に予算があるわけではないし、あってもそれを回収できないこと だって多い。
  152. 152. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXD手法、やれば誰でも最高なもの ができるわけじゃない問題
  153. 153. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ペルソナを創れば必ず良いUXが設計できるわけじゃない • そりゃ、大人がやるのと幼稚園児がやるのではできあがるものは確実にレベル が変わってくる • やらないよりはやった方が良いだろうけど、やれば必ず最高のUXができるとい うものではない UXD手法、やれば誰でも最高なもの ができるわけじゃない問題
  154. 154. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • ペルソナを創れば必ず良いUXが設計できるわけじゃない • そりゃ、大人がやるのと幼稚園児がやるのではできあがるものは確実にレベル が変わってくる • やらないよりはやった方が良いだろうけど、やれば必ず最高のUXができるとい うものではない UXD手法、やれば誰でも最高なもの ができるわけじゃない問題 UXD手法だってあくまで手段の一つに過ぎなくて、最終的なクオリティに一 番影響するのは設計する本人の力なのは変わらない
  155. 155. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXD手法の抱える問題のまとめ UXD手法だってあくまで手段の一つに過ぎなくて、最終的なクオリティに一番影響するのは設計す る本人の力なのは変わらない 毎回毎回潤沢に予算があるわけではないし、あってもそれを回収できないことだって多い。
  156. 156. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など UXD手法の抱える問題のまとめ UXD手法だってあくまで手段の一つに過ぎなくて、最終的なクオリティに一番影響するのは設計す る本人の力なのは変わらない 毎回毎回潤沢に予算があるわけではないし、あってもそれを回収できないことだって多い。 その都度その都度、手法を1から洗ってたんじゃもう遅い んです。ある程度のことまでは、いつだって意識して UXについて考えていなければ、いきなりお仕事で パッと良いUXなんて設計できないんです。
  157. 157. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? だから、こういうことを意識し て毎日を過ごすことが大事
  158. 158. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? だから、こういうことを意識し て毎日を過ごすことが大事 もっと具体的な話をしましょう(/・ω・)/
  159. 159. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 一般ぴーぽーがJリーグクラブ のサイトを観たとき (‘ω’) • 新体制会見どこー? • 見当たらない・・・ • ぁあああああああああああああああ • すざけんな!もういい!J’sゴール(Jリーグ公認ファンサイト) みるわ!
  160. 160. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? UXを意識している人がJリーグ クラブのサイトを観たとき • 新体制会見どこー? • 見当たらない・・・ • むむぅ。キーワードでググってみよう。→あった。 • いまの時期のJクラブにはこれは重要な情報では? (・∀・) UX UX
  161. 161. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? UXを意識している人がJリーグ クラブのサイトを観たとき • 新体制会見どこー? • 見当たらない・・・ • むむぅ。キーワードでググってみよう。→あった。 • いまの時期のJクラブにはこれは重要な情報では? • ・・・他のクラブはどうなんだろう? • 毎日見ないユーザーは対象じゃないと か? (・∀・) UX UX
  162. 162. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? UXを意識している人がJリーグ クラブのサイトを観たとき • 新体制会見どこー? • 見当たらない・・・ • むむぅ。キーワードでググってみよう。→あった。 • いまの時期のJクラブにはこれは重要な情報では? • ・・・他のクラブはどうなんだろう? • 毎日見ないユーザーは対象じゃないと か? (・∀・) UX UX ここには、例えばこういう視点があるわけです
  163. 163. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 脳内にUXフローを描いて観察 UXフロー クラブ名で検索して訪れる ○○を調べる ○○を調べる SNSでシェアする
  164. 164. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 脳内にUXフローを描いて観察 • クラブ名で検索して訪れたけど、なかには検索エンジ ンに直接「クラブ名 会見 2016」って検索してくるユー ザーもいるか。 • どうなってる? (・∀・) UX UX UXフロー クラブ名で検索して訪れる ○○を調べる ○○を調べる SNSでシェアする
  165. 165. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 脳内にカスタマージャーニー マップを描いて観察 カスタマージャーニーマップ TVCM スマホサイト PCサイト スタジアム
  166. 166. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 脳内にカスタマージャーニー マップを描いて観察 カスタマージャーニーマップ TVCM スマホサイト PCサイト スタジアム • いまスマホでみてるけど、PCサイトが表示されてる • Jリーグのサポーターだったら、仕事じゃないんだし多くの人がスマホ で移動中とか空き時間を使って閲覧するのでは? • うーん、じゃあここはビジネス的には是が非で もスマホサイト必要では? (・∀・) UX UX
  167. 167. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 脳内にカスタマージャーニー マップを描いて観察 カスタマージャーニーマップ TVCM スマホサイト PCサイト スタジアム • いまスマホでみてるけど、PCサイトが表示されてる • Jリーグのサポーターだったら、仕事じゃないんだし多くの人がスマホ で移動中とか空き時間を使って閲覧するのでは? • うーん、じゃあここはビジネス的には是が非で もスマホサイト必要では? (・∀・) UX UX ここでできればビジネス側のことも考える
  168. 168. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 脳内にカスタマージャーニー マップを描いて観察 カスタマージャーニーマップ TVCM スマホサイト PCサイト スタジアム • いまスマホでみてるけど、PCサイトが表示されてる • Jリーグのサポーターだったら、仕事じゃないんだし多くの人がスマホ で移動中とか空き時間を使って閲覧するのでは? • うーん、じゃあここはビジネス的には是が非で もスマホサイト必要では? (・∀・) UX UX • ただなぁ、Jリーグクラブって多くは予算が厳しいからなぁ • そんなにWebに(だけ)強い人ばかり採用するわけにも • 主軸はやっぱりクラブの強化だし • ・・・でも、それならスマホでも情報は取れるようにスペシャ ルコンテンツからテキスト版へのリンクはるだけでもいいのに なぁ ここで、できればビジネス側のことも考える
  169. 169. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 逆に、良いUXを見つけることも大事
  170. 170. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • 皆さんご存知あいふぉーん(謎) • iPhoneはもちろん音楽や動画が鑑賞できるの ですが • ところで、音楽再生中にイヤホン を外すとどうなるか知ってます か? そう、iPhoneならね、の話
  171. 171. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • 皆さんご存知あいふぉーん(謎) • iPhoneはもちろん音楽や動画が鑑賞できるの ですが • ところで、音楽再生中にイヤホン を外すとどうなるか知ってます か? そう、iPhoneならね、の話 答えは「曲が停止される」です
  172. 172. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • これって、理屈上はおかしい挙動なんです。 そりゃそうだろうと思うかもしれな いが、ちょっと待って
  173. 173. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • これって、理屈上はおかしい挙動なんです。 そりゃそうだろうと思うかもしれな いが、ちょっと待って 2.音が「スピーカー」から出る or 「イヤホン」から出る 1.音が出る or 出ない
  174. 174. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • これって、理屈上はおかしい挙動なんです。 そりゃそうだろうと思うかもしれな いが、ちょっと待って 2.音が「スピーカー」から出る or 「イヤホン」から出る 1.音が出る or 出ない これは本来、別々の仕様を組み合わせて、結果として「イヤホンから音が出 る」という形になってる。
  175. 175. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • これって、理屈上はおかしい挙動なんです。 そりゃそうだろうと思うかもしれな いが、ちょっと待って 2.音が「スピーカー」から出る or 「イヤホン」から出る 1.音が出る or 出ない これは本来、別々の仕様を組み合わせて、結果として「イヤホンから音が出 る」という形になってる。 とすると・・・・
  176. 176. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • これって、理屈上はおかしい挙動なんです。 そりゃそうだろうと思うかもしれな いが、ちょっと待って 2.音が「スピーカー」から出る or 「イヤホン」から出る 1.音が出る or 出ない これは本来、別々の仕様を組み合わせて、結果として「イヤホンから音が出 る」という形になってる。 • 「イヤホンを外す」と音が出るかどうかは連動しないのがシス テムの理屈 • 再生が止まる、なんてもっとおかしい とすると・・・・
  177. 177. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • これって、理屈上はおかしい挙動なんです。 そりゃそうだろうと思うかもしれな いが、ちょっと待って 2.音が「スピーカー」から出る or 「イヤホン」から出る 1.音が出る or 出ない これは本来、別々の仕様を組み合わせて、結果として「イヤホンから音が出 る」という形になってる。 • 「イヤホンを外す」と音が出るかどうかは連動しないのがシス テムの理屈 • 再生が止まる、なんてもっとおかしい • 実際、昔は電車の中でうっかりイヤホンが外れてし まって大音量が流れる(汗)なーんて携帯音楽プレイ ヤーがほとんどじゃなかったですか? とすると・・・・
  178. 178. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? でも、それでいいんですよね。
  179. 179. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? • 理屈上はおかしい挙動なんです。 • でも、人間は理屈通りに生きているわけじゃない • イヤホンを外す時の大半は「もう聞かないとき」なんですよね。 でも、それでいいんですよね。
  180. 180. ©2016 Intelligentnet, Inc. All rights reserved. 02.良いUXを考える手法など • 理屈上はおかしい挙動なんです。 • でも、人間は理屈通りに生きているわけじゃない • イヤホンを外す時の大半は「もう聞かないとき」なんですよね。 でも、それでいいんですよね。 AppleがペルソナやUXD手法を使ってるかどうかはわからないけど、少なく とも外側から観察する時にペルソナやUX手法が脳内で描かれていれば、これ に気付けるんですよね。「なるほど、そういうことか」と。
  181. 181. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? 良いUXを考えられるようになるには? まとめ • 毎日をUXを意識して観察する • 脳内でUX手法をやってみる • できればビジネス視点でも考える もちろん、手法そのものを学んで実践するのも大事です。でも、何よりも大事 なのは手法そのものではなく、その考え方を身につけることだと思います。
  182. 182. ©2016 Intelligentnet, Inc. All rights reserved. 03.【実践編】良いUXを考えられるようになるには? というわけで、やっぱりこれ。
  183. 183. ©2016 Intelligentnet, Inc. All rights reserved. 04.UI設計の手法と実践(パターン) つまり亀仙流である UX設計能力を向上させるには
  184. 184. ©2016 Intelligentnet, Inc. All rights reserved. 04.UI設計の手法と実践(パターン) UX設計能力を向上させるには こういうこと。
  185. 185. ©2016 Intelligentnet, Inc. All rights reserved. 04.UI設計の手法と実践(パターン) 以上ですありがとうございました。 インテリジェントネット株式会社 http://www.ini.co.jp/ インテリジェントネットFacebook https://www.facebook.com/intelligentnet

×