New Owners Store リニューアルに向けてUX関連の取り組みついて

オーナーズストア リニューアルの担当をしております、株式会社イルグルムの永橋です。

現在、EC-CUBE 3.nのリリースと合わせてオーナーズストアのリニューアルを進めており、
要件を決めていくにあたり、
ユーザ様の声や要望を考慮した上できちんと進めていこうということで、
UXを意識した進め方を実施しています。
（次期バージョン説明でも一部お伝えしている内容です。<a href="https://www.slideshare.net/ec-cube-official?utm_campaign=profiletracking&utm_medium=sssite&utm_source=ssslideview">スライド28枚目参照</a>）

UXを考えていく中で、どういったツールをどの順序で使ったか簡単にお話したいと思います。
オーナーズストアに関わらず、
ショップオーナーの方々も自社のショップを日々変えていく時の参考になるかと思います。

# 実施内容について

今回、各ツールについての使用方法の説明などは省略します。
（どれもネットで検索すればわかりやすい説明がたくさんあるので）

## 実施順序
以下順序でUXを考えていき、そこから要件を作っていっています。

1. ユーザインタビュー
- 共感マップ
- カスタマージャーニーマップ
- ペルソナ作成
- インセプションデッキ
- USM（ユーザーストーリーマッピング）


## 1.ユーザインタビュー
まず、ユーザがオーナーズストアに対して、
日々どのように感じたり、困ったり、どのような使い方をしてくれているか知る必要があります。

そのため、ユーザインタビューという手法を使うことにより、
サービス提供側では気づくことのできないことを知ることができます。

### ポイント
- 実際に会って話すことがおすすめ  
会って話すことにより、温度感や質問の回答によってより突っ込んで質問することが可能だからです。
また、質問の意図がうまく伝わっていない時に修正できたりします。
- インタビュースクリプトは事前に用意しておくべし
- なぜ？等の聞き方を行い、出来る限り誘導しないことを心がける。 

### 参考書籍/サイト
ポイントで上げた内容の他にも色々とおすすめ情報が載っていますので、詳細は書籍を参考にしてください。

インタビュー前に最低限こちらを読んでおくことをおすすめします。
<a href="https://www.amazon.co.jp/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0-%E5%95%86%E5%93%81%E4%BC%81%E7%94%BB%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE-%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%93%E3%83%A5%E3%83%BC%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E3%83%97%E3%83%AC%E3%83%9F%E3%82%A2%E3%83%A0%E3%83%96%E3%83%83%E3%82%AF%E3%82%B9%E7%89%88-%E5%A5%A5%E6%B3%89/dp/4839951551/ref=sr_1_2?ie=UTF8&qid=1512308351&sr=8-2&keywords=%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%93%E3%83%A5%E3%83%BC%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8">マーケティング/商品企画のための ユーザーインタビューの教科書</a>

もし、時間に余裕があればこちらも良いかと思います。
ユーザインタビュー用のものではないですが、インタビューにあたっての心構えを学ぶことができます。
読み方としては、ユーザインタビューでは関係ないところもあるので、関係がありそうな箇所だけ読んでいく形で良いと思います。
<a href="https://www.amazon.co.jp/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%93%E3%83%A5%E3%83%BC%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E5%8E%9F-%E6%AD%A3%E7%B4%80/dp/4496046695/ref=sr_1_1?ie=UTF8&qid=1512308351&sr=8-1&keywords=%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%93%E3%83%A5%E3%83%BC%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8">インタビューの教科書</a>

## 2.共感マップ
ユーザインタビューでヒアリングした内容について、
印象的だった内容を主に画像のような形の箇所に記載し、
内容を整理します。
<a href="http://www.kouichirou.jp/archives/001/201212/large-50cd1d69be49b.jpg">画像参照</a>

## 3.カスタマージャーニーマップ
ユーザインタビュー、共感マップを持ってまずは、As-Isを行い、その後To-Beを行いました。

### ポイント
- As-Isのユーザのモチベーションを書くことにより、どこを上げればよいか（To-Be）を考えやすくなります
- 業務改善が多い場合は、サービスブループリントを検討してみるのもありです。<a href="http://www.coprosystem.co.jp/marketingblog/2012/02/13.html">要参照</a>

## 4.ペルソナ
こちらは、よく聞くものだと思いますので、
今回は割愛します。

### ポイント
- この後作成する、インセプションデッキやUSMで何を優先するか？を考える時にすごく役立ちます。
- 細かく作る場合もありますが、今回は簡易的なものをまずは作成し、USMを作っていく上で状況に応じてより具体的な人物像を作っていく形をとりました。

## 5.インセプションデッキ
インセプションデッキは、プロジェクトの全体像を端的に伝えるためのドキュメントです。
<a href=https://lh5.googleusercontent.com/-qRC3xIGlRbU/Uc0q7kZFdUI/AAAAAAAAASw/-2hXafNRiIo/w740-h574-no/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25EF%25BC%25882013-06-28+15.19.13%25EF%25BC%2589.png"">画像用参照</a>

### ポイント
- リーダーである私自身の考えもぶれないようにするためでもありますし、
また今回開発チームが遠隔地ですので、これを共有することにより、プロジェクトの方向性を統一できると思います。
- やらないことを決める、トレードオフスライダーが、私的には良いポイントでした。

### 参考書籍/サイト
- <a href="https://www.amazon.co.jp/%E3%82%A2%E3%82%B8%E3%83%A3%E3%82%A4%E3%83%AB%E3%82%B5%E3%83%A0%E3%83%A9%E3%82%A4%E2%88%92%E9%81%94%E4%BA%BA%E9%96%8B%E7%99%BA%E8%80%85%E3%81%B8%E3%81%AE%E9%81%93%E2%88%92-Jonathan-Rasmusson/dp/4274068560">アジャイルサムライ</a>
- 後はネットで検索すれば、たくさんの資料がSlideShareに上がっています。

## 6.USM(ユーザーストーリーマッピング)
今までの整理を元に、ユーザの行動を書き出し、機能等を考えていきまました。

### ポイント
- カスタマージャーニーマップでのモチベーショングラフと見比べることにより、どこを改善スべきか考えやすくなります。
- ここでも、ペルソナを意識しながら何が必要か考えます。
- USMを作りながら、インセプションデッキとペルソナの修正をいったりきたりしながら作ることにより、それぞれがより具体的に考えることができます。

### 参考書籍/サイト
- <a href="https://www.amazon.co.jp/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AA%E3%83%BC%E3%83%9E%E3%83%83%E3%83%94%E3%83%B3%E3%82%B0-Jeff-Patton/dp/4873117321">ユーザーストーリーマッピング</a>  他にも良い書籍があるかもしれないですが、会社にあったため私はこれを読みました。




以上が、オーナーズストアリニューアルへ向けて進めている内容です。
よりより物が作れるようこれからも頑張っていきたいと思います。