おかんでもわかるuxデザイン ver.0.4
DESCRIPTION
UXデザインの専門家でない人向けに、何をどうするとUXデザインになるのか、なんのためにやるのかを、ちょー乱暴に解説したスライドです。まだこれ自体が模索中であり、本当におかんが見たら意味がわからないこと請け合い。今後のバージョンアップが期待されます。なお、スライド中の解説について、深く知りたい場合はそれぞれ別個にぐぐるなり何なりして頑張ってください。 (本バージョンはversion 0.4です。CSS Nite in SENDAI, Vol.8で発表いたしました)TRANSCRIPT
![Page 1: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/1.jpg)
UX Design for mothers おかんでもわかるUXデザイン
~ユーザーエクスペリエンスデザインって何?~
Yu Morita Director, User Experience
Turucame ltd.
CSS Nite in SENDAI, Vol.8 2014/11/22
![Page 2: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/2.jpg)
自己紹介 • 株式会社ツルカメ 代表取締役社長
• 株式会社ネコメシ 代表取締役CEO
• 株式会社KDDIウェブコミュニケーションズ
顧問
• IA/UXデザインの自称専門家、森田雄です。
• Web担当者Forumにて「UX侍」連載ちう 2014/11/22 CSS Nite in SENDAI, Vol.8 2
![Page 3: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/3.jpg)
本日の主旨 • UXという言葉が、Webサイトやアプリ制作などの現
場でよく使われるようになりました。
• そのほか、経営や事業の戦略であるとか、組織論的なものであるとか、さまざまな場面でUXという言葉を散見します。
• でもUXがどうの言われても、ちょっとピンと来ないという人もいるのでは?
• 本講ではIA/UXデザインの非専門家の方々を対象に、「UXデザインとは何か」をご説明いたします。
2014/11/22 CSS Nite in SENDAI, Vol.8 3
![Page 4: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/4.jpg)
最近、こんな人見かけませんか? サイトか何かにダメ出しをしているようです
2014/11/22 CSS Nite in SENDAI, Vol.8
どうもねえ、 UXがねえ、 足りないんだよ
4
![Page 5: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/5.jpg)
あと、こんな人とか スマホアプリの使用感を述べています
2014/11/22 CSS Nite in SENDAI, Vol.8
何このUX! やべー、めちゃ
ヌルヌル!
5
![Page 6: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/6.jpg)
ようするに • UX言いたいだけだろ案件です。
• UXという言葉を知る以前のほうが、よく
伝わるコミュニケーションがとれていたかもしれません。
2014/11/22 CSS Nite in SENDAI, Vol.8 6
![Page 7: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/7.jpg)
唐突ですがクイズです
2014/11/22 CSS Nite in SENDAI, Vol.8
ニューヨークへ行きたいかー
\ お~~~~!/
7
![Page 8: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/8.jpg)
UXとは何でしょう?
・・・・・・
ちなみにUser Experienceの略です
2014/11/22 CSS Nite in SENDAI, Vol.8 8
![Page 9: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/9.jpg)
わかりました!
ユーザの 体験!
2014/11/22 CSS Nite in SENDAI, Vol.8 9
![Page 10: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/10.jpg)
やれやれ、これだから子供は
エクスペリエンスは 経験だろう!
2014/11/22 CSS Nite in SENDAI, Vol.8 10
![Page 11: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/11.jpg)
直訳しててどうすんのよ!
使い勝手とか、 使い心地の ことです!
2014/11/22 CSS Nite in SENDAI, Vol.8 11
![Page 12: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/12.jpg)
うーん、なんか聞いた話だけど
おもてなし…?
2014/11/22 CSS Nite in SENDAI, Vol.8 12
![Page 13: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/13.jpg)
さて正解は… • 製品やサービスの利用を通じて得られる
ユーザの体験の総称で、使いやすさ・使い勝手といったユーザビリティ的な要素を備え、使い心地・感動・印象・生活の変化など経験としての累積を含む。
• おもてなしだけ、違ったかな?
的な。
2014/11/22 CSS Nite in SENDAI, Vol.8 13
![Page 14: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/14.jpg)
ものすごく簡単にいうと • ユーザの「主観」といっていいでしょう。
• いい体験だった、いい経験をした、これ
は本人にしかわかりませんね。
• すなわちUXとは、本人の主観と、それに基づいた感想や結果のことです。
2014/11/22 CSS Nite in SENDAI, Vol.8 14
![Page 15: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/15.jpg)
UXDとは何でしょう?
・・・・・・
ちなみにUX Designの略です
2014/11/22 CSS Nite in SENDAI, Vol.8 15
![Page 16: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/16.jpg)
わかりました!
UXの デザイン!
2014/11/22 CSS Nite in SENDAI, Vol.8 16
![Page 17: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/17.jpg)
やれやれ、これだから子供は
デザインとは 設計だよ!
2014/11/22 CSS Nite in SENDAI, Vol.8 17
![Page 18: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/18.jpg)
直訳しててどうすんのよ!
顧客のニーズを 満たすこと です!
2014/11/22 CSS Nite in SENDAI, Vol.8 18
![Page 19: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/19.jpg)
うーん、なんか聞いた話だけど
おもてなし…?
2014/11/22 CSS Nite in SENDAI, Vol.8 19
![Page 20: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/20.jpg)
さて正解は… • UXを設計すること。特に「良い」UXを。
• ユーザが求めていることに先回りして、
結果として喜んでもらえる体験や経験を作り出すためのデザイン手法です。
• いい接待を受ければ嬉しいものですから、おもてなしも手法が明文化されていればUXDだといえますね。
2014/11/22 CSS Nite in SENDAI, Vol.8 20
![Page 21: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/21.jpg)
少し補足 • ここでの「デザイン」とは、見た目や雰囲気
などのことではありません。
• 商業や工業といった産業の成果物(製品やサービスそのもの)をデザインするというような、大きな意味でのデザインです。
• UXDとは、「良い」UXを量産的に作り出す仕組み、それ自体をつくることです。
2014/11/22 CSS Nite in SENDAI, Vol.8 21
![Page 22: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/22.jpg)
UXDを成果物から読み解く
まったくあんたって子は
朝までファミコンばっかり…
UXDしてるんだよ…
…
母ちゃん…
…
2014/11/22 CSS Nite in SENDAI, Vol.8
ここからが真の本題です
22
![Page 23: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/23.jpg)
ちょー乱暴な解説 • ペルソナ
• カスタマージャーニーマップ(CJM)
• ユーザシナリオ
• この3つをやれば、UXDです。 (キリッ
2014/11/22 CSS Nite in SENDAI, Vol.8 23
![Page 24: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/24.jpg)
まず、ペルソナ • ペルソナ(persona)とは心理学の用語で
「人間の外的側面」、哲学でいうところの「理性的本性をもつ個別的実体」のことです。
• が、そんなことはどうでもよくて、UXDでは何のことを指すかというと
• 仮想的なユーザ。実在しそうだけど非実在。いてもおかしくないので、もしかしたらいる。
2014/11/22 CSS Nite in SENDAI, Vol.8 24
![Page 25: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/25.jpg)
ペルソナをつくる目的 • それは合意のためです。
• チームメンバーで共通の指標をつくり、
同じ目的のために思考・行動できるように、ペルソナをつくります。
2014/11/22 CSS Nite in SENDAI, Vol.8 25
![Page 26: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/26.jpg)
ユーザは20代前半の女性です ペルソナが無いチームの場合
2014/11/22 CSS Nite in SENDAI, Vol.8 26
![Page 27: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/27.jpg)
ユーザは20代前半の女性です ペルソナが有るチームの場合
2014/11/22 CSS Nite in SENDAI, Vol.8 27
![Page 28: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/28.jpg)
みんなのイメージが同じになりました!
• これで、メンバー各自が異なるユーザ像を想定しちゃうってことがなくなります。
• 「“誰”のためにデザインするのか」を共有することができますね。
• もちろん、今の例では一般的なターゲットユーザの範疇を出ませんので、もう少しペルソナとは何なのかを掘り下げましょう。
2014/11/22 CSS Nite in SENDAI, Vol.8 28
![Page 29: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/29.jpg)
簡易なペルソナの作り方 1. まず基本となるデモグラフィックを用意
します。 – 顧客データを分析済みなら、それを使う。 – なければ想定しているターゲットユーザーを
ベースにする。(リリース後に実データをとり、ペルソナをアップデートする)
2. ワークショップ形式でインサイトマップを作ります。
3. それを肴に作文して、ペルソナの完成。
2014/11/22 CSS Nite in SENDAI, Vol.8 29
![Page 30: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/30.jpg)
ペルソナは実在ユーザの代表格 • 完全に想像だけで作ったペルソナは使い物にな
りませんし、使ってはいけません。
• ペルソナを作ってみよう的なセミナーなどで、実データに基づくデモグラフィックを使わずに作ってしまう事例を散見しますが、意味がありません。
• なお、本当に実在するユーザ自体をペルソナ化してもいけません。
2014/11/22 CSS Nite in SENDAI, Vol.8 30
![Page 31: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/31.jpg)
実データのデモグラのままだと 実務的に使いにくい
2014/11/22 CSS Nite in SENDAI, Vol.8 31
このデザインは我が社のECサービスの全顧客のうち38%を占める首都圏在住で年収600万円台かつ結婚5年以内の30代後半の賃貸住宅住まいの世帯が使用した時にスムーズに使えるのだろうか。本当に効果的な購買につながると思うかい?
このデザインだと我が社のECサービスの全顧客のうちの38%を占める首都圏在住で年収600万円台かつ結婚5年以内の30代後半の賃貸住宅住まいの世帯だと、確かにちょっと使いにくいかもしれませんねえ…。
![Page 32: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/32.jpg)
だからペルソナを作る
2014/11/22 CSS Nite in SENDAI, Vol.8 32
このデザインは「山田くん」にとっていいものだろうか? 「山田くん」は効果的な購買をするだろうか?
確かに、「山田さん」にはとっつきにくいデザインかもしれませんねえ。
![Page 33: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/33.jpg)
デモグラフィック
2014/11/22 CSS Nite in SENDAI, Vol.8 33
![Page 34: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/34.jpg)
インサイトマップ
2014/11/22 CSS Nite in SENDAI, Vol.8 34
See Listen
Action
Think
Pain Gain
![Page 35: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/35.jpg)
プラグマティックペルソナ
2014/11/22 CSS Nite in SENDAI, Vol.8 35
ユーザー種別 デモグラフィック
抱えている問題点 コンテクスト
![Page 36: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/36.jpg)
次に、CJM • カスタマージャーニーマップ(CJM)とは、
カスタマー(Customer)ジャーニー(Journey)マップ(Map)のことです。
• カスタマーは「顧客」、ジャーニーは「旅」、マップは「地図…というかマッピング」。
• 具体的な顧客としてペルソナを題材に、提供する製品やサービスを利用する「旅」に出てもらい、その経緯をマッピングしたものです。
2014/11/22 CSS Nite in SENDAI, Vol.8 36
![Page 37: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/37.jpg)
CJMをつくる目的 • それは合意のためです。
• チームメンバーで共通の指標をつくり、同じ目
的のために思考・行動できるようにつくったペルソナが、具体的にどう利用しているのか、共通の指標をつくり、同じ理解で思考・行動できるようにCJMをつくります。
2014/11/22 CSS Nite in SENDAI, Vol.8 37
![Page 38: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/38.jpg)
ユーザが製品を必要とする時 CJMが無いチームの場合
2014/11/22 CSS Nite in SENDAI, Vol.8 38
![Page 39: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/39.jpg)
ユーザが製品を必要とする時 CJMが有るチームの場合
2014/11/22 CSS Nite in SENDAI, Vol.8 39
![Page 40: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/40.jpg)
みんなの理解が同じになりました!
• これで、ユーザが製品を必要としているタイミングを、メンバー各自が異なる想定しちゃうってことがなくなります。
• ユーザが製品を、どこで知り、どこで理解を深め、どこで利用し、どのような結果になるかといった「旅」の経緯を書き出して、実際にどのように製品が使われているのかの理解を共有するわけです。
2014/11/22 CSS Nite in SENDAI, Vol.8 40
![Page 41: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/41.jpg)
あれ、どこで知り…? • つまり、製品を使うどころか、出会う前
のところから「旅」が始まっていますね。
• 実際に「UX白書」では、UXを期間で区切って整理しています。
2014/11/22 CSS Nite in SENDAI, Vol.8 41
![Page 42: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/42.jpg)
異なる期間で生じるUXの内在プロセス
利用前
予期的UX
体験を想像する
利用中
一時的UX
体験する
利用後
エピソード的UX
ある体験を 内省する
利用期間全体
累積的UX
多種多様な利用 期間を回想する
いつ
なにを
どのように
Anticipated UX Momentary UX Episodic UX Cumulative UX
よく“UI/UX”といわれるのは、一時的UXの中の、画面と向き合っている時間だけ。 UXDは、利用前・利用中・利用後、そして利用期間全体を対象としたデザインです。
2014/11/22 CSS Nite in SENDAI, Vol.8
(UX白書 http://site.hcdvalue.org/docs より)
42
![Page 43: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/43.jpg)
UXの連続性 • UXの全体期間のほとんどは、製品やサービスを
利用して「いない」期間です。
• CJMをつくる時は、デザインチームだけでなく、他の部署からも組織全体から横断的にメンバーを集め、多様な視点で検討する必要があります。
• 利用前・利用中・利用後、また利用し、利用を終え、そしてまた利用し…この繰り返しを連続的なものと捉え、利用期間全体として「良い」UXをもたらす仕組みをつくることがUXDです。
2014/11/22 CSS Nite in SENDAI, Vol.8 43
![Page 44: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/44.jpg)
簡易なCJMの作り方 1. まず、関係者一同、ペルソナのことをよ
く理解しておきます。 – そのうえで、プラグマティックペルソナやイ
ンサイトマップを、常に見返せる状態にしておく。
2. ワークショップ形式でカスタマーのジャーニーをマッピングしていきます。 – 分岐してもいいですが、ペルソナとして腑に
落ちる範囲での分岐まで。
2014/11/22 CSS Nite in SENDAI, Vol.8 44
![Page 45: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/45.jpg)
カスタマージャーニーマップ
2014/11/22 CSS Nite in SENDAI, Vol.8 45
![Page 46: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/46.jpg)
そして、ユーザシナリオ
• ユーザシナリオとは、ペルソナの理想的な「旅」です。
• 理想の旅は、ペルソナ中心ではなく、どちらかといえばサービス提供者中心のストーリーです。
2014/11/22 CSS Nite in SENDAI, Vol.8 46
![Page 47: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/47.jpg)
ユーザシナリオをつくる目的 • それは合意のためです。
• チームメンバーで共通の指標をつくり、同じ目的のために思考・行動できるようにつくったペルソナが、具体的にどう利用しているのか、共通の指標をつくり、同じ理解で思考・行動できるようにCJMをつくりましたが、これは現実の「旅」です。理想的な「旅」とのギャップが改善すべき点なのです。チームメンバーで同じゴールを見据えて思考・行動できるようにユーザシナリオをつくります。
2014/11/22 CSS Nite in SENDAI, Vol.8 47
![Page 48: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/48.jpg)
現実の「旅」の問題点 顧客はターゲットを認識できていない
2014/11/22 CSS Nite in SENDAI, Vol.8 48
![Page 49: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/49.jpg)
理想の「旅」では、こう 顧客は確実にターゲットを捕捉している
2014/11/22 CSS Nite in SENDAI, Vol.8 49
![Page 50: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/50.jpg)
みんなの目標が定まりました! • CJMを検討した結果、ペルソナはターゲットをうまく見
つけられないケースがあるようで、実際にカスタマーサポート部門へ問い合わせると、顧客からのクレームが多数確認されました。
• ユーザシナリオでは、ペルソナは確実にターゲットを捉えています。ここにギャップがあることがわかったわけです。
• 背中に目印をつけることで、顧客の飛び蹴り成功率が格段に向上するだろうと結論づけられました。チームメンバーは、その実現のために、具体的なデザイン作業へと突入していくのです……!
2014/11/22 CSS Nite in SENDAI, Vol.8 50
![Page 51: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/51.jpg)
簡易なシナリオの作り方 • 前のステップで作成したCJMと同様のフォーマットで、
理想的な旅をマッピングしてみましょう。
• もしくは、作成したCJMにさらにポストイットを重ねて貼っていくのでもOK。
2014/11/22 CSS Nite in SENDAI, Vol.8 51
![Page 52: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/52.jpg)
CJMに書き足したバージョン
2014/11/22 CSS Nite in SENDAI, Vol.8 52
![Page 53: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/53.jpg)
CJMとシナリオのギャップ • CJMとユーザーシナリオの間には、いろいろと
ギャップがあることがわかってきますね。
• このギャップを解決するためには、どうすべきかを考える必要があります。 – UIレベルで解決できるのか? – コンテクストを作らないとだめなのでは? – そもそもプロモーションができていない? – サポート体制に問題があるのでは?
2014/11/22 CSS Nite in SENDAI, Vol.8 53
![Page 54: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/54.jpg)
ようするにUXDとは • チームメンバー、ひいては組織全体が、提供する製品や
サービスを利用するユーザの「認識」「理解」を同一のものとし、「何のために、何をどうするのか?」を明文化するための手法です。
• この後の流れは、まあふつうにプロトタイピングしたり、ワイヤーフレームつくったり、制作作業をしたりしていきます。
• ペルソナ、CJM、シナリオをつくってから、ふつうの制作をしてみましょう。それがUXDの実践の第一歩です。
2014/11/22 CSS Nite in SENDAI, Vol.8 54
![Page 55: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/55.jpg)
以上ここまで、すべて仮説です • しかしその仮説を、成り立ちからすべて、全関係者で共
有・合意していること自体が重要なのです。
• 製品やサービスをリリース後、実データをとって分析し、最初の仮説と比較検証しましょう。
• 実際のユーザのニーズを知り、仮説をアップデートして改善していく。この繰り返しの中で、常に中心となるのがペルソナです。ペルソナを成長させながら継続的にデザインしていくことが、UXDです。
2014/11/22 CSS Nite in SENDAI, Vol.8 55
![Page 56: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/56.jpg)
UXDというデザイン思考 • 観察→アイディア創出→プロトタイピング→ストーリー
テリングというデザイン思考のプロセスがありますが、これだけだとユーザー視点を損ないがちです。
• 特に大きな組織であればあるほど。複数の部署にまたがった関係者がいればいるほど。
• デザイン思考に実データを掛け合わせて、プロセスの透明化と共有、KPIの設定、PDCAの継続をしていくことが、「UXD」というデザイン思考のひとつの形であるともいえるでしょう。
2014/11/22 CSS Nite in SENDAI, Vol.8 56
![Page 57: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/57.jpg)
てか、おかん突き放しすぎ…
この人…
…
さっきから何の話をしてるの?
今夜の献立
どうしようかしら
2014/11/22 CSS Nite in SENDAI, Vol.8 57
![Page 58: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/58.jpg)
UXDを学ぶのに良い文献(ごく一部)
• User Experience White Paper HCDの専門家たちによる和訳:UX白書 http://site.hcdvalue.org/docs
• 誰のためのデザイン? 新曜社認知科学選書/一読してほしいデザイン思考の定番的書物。
• 理解の秘密─マジカル・インストラクション NTT出版/最高です。僕の座右の書でもあります。 • コトラー&ケラーのマーケティング・マネジメント 第12版、丸善出版/鈍器になるほどの重厚感で1万円弱。ぜひ家宝に。
2014/11/22 CSS Nite in SENDAI, Vol.8 58
![Page 59: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/59.jpg)
ご清聴ありがとうございました
今夜はカレーよ~
やったあ~
てか家族だったのか…
このスライドはコミPo!とパワポで作成しました
2014/11/22 CSS Nite in SENDAI, Vol.8 59
![Page 60: おかんでもわかるUXデザイン Ver.0.4](https://reader038.vdocuments.mx/reader038/viewer/2022102614/559661a81a28abe2178b464c/html5/thumbnails/60.jpg)
Presented by Yu Morita
Director, User Experience Turucame ltd.
http://necomesi.jp/blog/securecat/
https://twitter.com/securecat https://www.facebook.com/securecat
CSS Nite in SENDAI, Vol.8
http://cssnite-sendai.info/
Made with Comipo!
http://www.comipo.com/
2014/11/22 CSS Nite in SENDAI, Vol.8 60