おかんでもわかるuxデザイン ver.0.1

UX Design for mothers おかんでもわかるUXデザイン

Yu Morita Director, User Experience

Turucame ltd.

2014/3/24 @ TAM Coworking, Osaka

UXとは何でしょう？

・・・・・・

ちなみにUser Experienceの略です

2014/3/24 UX Design for mothers 2

わかりました！

ユーザの体験！


やれやれ、これだから子供は

エクスペリエンスは経験だろう！


直訳しててどうすんのよ！

使い勝手とか、使い心地のことです！


うーん、なんか聞いた話だけど

おもてなし…？


さて正解は… • 製品やサービスの利用を通じて得られる

ユーザの体験の総称で、使いやすさ・使い勝手といったユーザビリティ的な要素を備え、使い心地・感動・印象・生活の変化など経験としての累積を含む。

• おもてなしだけ、違ったかな？

的な。


ものすごく簡単にいうと • ユーザの「主観」といっていいでしょう。

• いい体験だった、いい経験をした、これ

は本人にしかわかりませんね。

• すなわちUXとは、本人の主観と、それに基づいた感想や結果のことです。


UXDとは何でしょう？

・・・・・・

ちなみにUX Designの略です


わかりました！

UXのデザイン！


やれやれ、これだから子供は

デザインとは設計だよ！


直訳しててどうすんのよ！

顧客のニーズを満たすことです！


うーん、なんか聞いた話だけど

おもてなし…？


さて正解は… • UXを設計すること。特に「良い」UXを。

• ユーザが求めていることに先回りして、

結果として喜んでもらえる体験や経験を作り出すためのデザイン手法です。

• いい接待を受ければ嬉しいものですから、おもてなしも手法が明文化されていればUXDだといえますね。


少し補足 • ここでの「デザイン」とは、見た目や雰囲気

などのことではありません。

• 商業や工業といった産業の成果物（製品やサービスそのもの）をデザインするというような、大きな意味でのデザインです。

• UXDとは、「良い」UXを量産的に作り出す仕組み、それ自体をつくることです。


UXDを具体的に

まったくあんたって子は

朝までファミコンばっかり…

ＵＸＤしてるんだよ…

…

母ちゃん…

…


ちょー乱暴な解説 • ペルソナ

• カスタマージャーニーマップ（CJM）

• ユーザシナリオ

• この３つをやれば、UXDです。（キリッ


まず、ペルソナ • ペルソナ（persona）とは心理学の用語で

「人間の外的側面」、哲学でいうところの「理性的本性をもつ個別的実体」のことです。

• が、そんなことはどうでもよくて、UXDでは何のことを指すかというと

• 仮想的なユーザ。実在しそうだけど非実在。いてもおかしくないので、もしかしたらいる。


ペルソナをつくる目的 • それは合意のためです。

• チームメンバーで共通の指標をつくり、

同じ目的のために思考・行動できるように、ペルソナをつくります。


ユーザは20代前半の女性ですペルソナが無いチームの場合

いや、これは母ちゃんか…


ユーザは20代前半の女性ですペルソナが有るチームの場合

よかった、母ちゃんじゃない


みんなのイメージが同じになりました！

• これで、メンバー各自が異なるユーザ像を想定しちゃうってことがなくなります。

• 「“誰”のためにデザインするのか」を共有することができますね。


次に、CJM • カスタマージャーニーマップ（CJM）とは、

カスタマー（Customer）ジャーニー（Journey）マップ（Map）のことです。

• カスタマーは「顧客」、ジャーニーは「旅」、マップは「地図…というかマッピング」。

• 具体的な顧客としてペルソナを題材に、提供する製品やサービスを利用する「旅」に出てもらい、その経緯をマッピングしたものです。


CJMをつくる目的 • それは合意のためです。

• チームメンバーで共通の指標をつくり、

同じ目的のために思考・行動できるようにつくったペルソナが、具体的にどう利用しているのか、共通の指標をつくり、同じ理解で思考・行動できるようにCJMをつくります。


ユーザが製品を必要とする時 CJMが無いチームの場合


ユーザが製品を必要とする時 CJMが有るチームの場合


みんなの理解が同じになりました！

• これで、ユーザが製品を必要としているタイミングを、メンバー各自が異なる想定しちゃうってことがなくなります。

• ユーザが製品を、どこで知り、どこで理解を深め、どこで利用し、どのような結果になるかといった「旅」の経緯を書き出して、実際にどのように製品が使われているのかの理解を共有するわけです。


あれ、どこで知り…？ • つまり、製品を使うどころか、出会う前

のところから「旅」が始まっていますね。

• 実際に「UX白書」では、UXを期間で区切って整理しています。


異なる期間で生じるUXの内在プロセス

利用前

予期的UX

体験を想像する

利用中

一時的UX

体験する

利用後

エピソード的UX

ある体験を内省する

利用期間全体

累積的UX

多種多様な利用期間を回想する

いつ

なにを

どのように

Anticipated UX Momentary UX Episodic UX Cumulative UX

よく“UI/UX”といわれるのは、この期間の中の、画面と向き合っている時間だけ。 UXDは、利用前・利用中・利用後、そして利用期間全体を対象としたデザインです。


（UX白書 http://site.hcdvalue.org/docs より）

http://site.hcdvalue.org/docs

http://site.hcdvalue.org/docs

UXDの連続性 • UXの全体期間のほとんどは、製品やサービスを

利用して「いない」期間です。

• CJMをつくる時は、デザインチームだけでなく、他の部署からも組織全体から横断的にメンバーを集め、多様な視点で検討する必要があります。

• 利用前・利用中・利用後、また利用し、利用を終え、そしてまた利用し…この繰り返しを連続的なものと捉え、利用期間全体として「良い」UXをもたらす仕組みをつくることがUXDです。


そして、ユーザシナリオ • ユーザシナリオとは、ペルソナの理想的な

「旅」です。

• コンテキストシナリオとか、ストーリーボードとか、その辺もまあ同じようなものです。

• CJMと順番が逆でもいいし、CJMがなくてシナリオだけでもいいです。ま、適当に。


ユーザシナリオをつくる目的 • それは合意のためです。

• チームメンバーで共通の指標をつくり、同じ

目的のために思考・行動できるようにつくったペルソナが、具体的にどう利用しているのか、共通の指標をつくり、同じ理解で思考・行動できるようにCJMをつくりましたが、これは現実の「旅」です。理想的な「旅」とのギャップが改善すべき点なのです。チームメンバーで同じゴールを見据えて思考・行動できるようにユーザシナリオをつくります。


現実の「旅」の問題点顧客はターゲットを認識できていない


理想の「旅」では、こう顧客は確実にターゲットを捕捉している


みんなの目標が定まりました！ • CJMを検討した結果、ペルソナはターゲットをうま

く見つけられないケースがあるようで、実際にカスタマーサポート部門へ問い合わせると、顧客からのクレームが多数確認されました。

• ユーザシナリオでは、ペルソナは確実にターゲットを捉えています。ここにギャップがあることがわかったわけです。

• 背中に目印をつけることで、顧客の飛び蹴り成功率が格段に向上するだろうと結論づけられました。チームメンバーは、その実現のために、具体的なデザイン作業へと突入していくのです……！


ようするにUXDとは • チームメンバー、ひいては組織全体が、提供する

製品やサービスを利用するユーザの「認識」「理解」を同一のものとし、「何のために、何をどうするのか？」を明文化するための手法です。

• この後の流れは、まあふつうにプロトタイピングしたり、ワイヤーフレームつくったり、制作作業をしたりしていきます。

• ペルソナ、CJM、シナリオをつくってから、ふつうの制作をしてみましょう。それがUXDの実践の第一歩です。


てか、おかん突き放しすぎ…

この人…

…

さっきから何の話をしてるの？

今夜の献立

どうしようかしら


質疑応答 • 時間があったら。

• どうぞどうぞ。


ご清聴ありがとうございました

今夜はカレーよ~

やったあ～

てか家族だったのか…

このスライドはコミPo!とパワポで作成しました


Presented by Yu Morita

Director, User Experience Turucame ltd.

http://necomesi-ceo.hatenablog.com/

https://twitter.com/securecat https://www.facebook.com/securecat

Special thanks to TAM Coworking

https://www.facebook.com/TAMCoworking

Made with Comipo!

http://www.comipo.com/


http://twitter.com/securecat

http://twitter.com/securecat

https://www.facebook.com/securecat

https://www.facebook.com/TAMCoworking

http://www.comipo.com/