「UI/UXデザインでサイトを改善しよう」 名古屋EC-CUBE勉強会 vol.15

1. UI/UXデザインでサイトを改善しよう
名古屋EC-CUBE勉強会 vol.15
@_aromaforest 2014/07/05 大河内健太郎

2. Agenda
• UI/UXデザインって何?
• UI/UX デザインのアプローチ
• プロジェクトのゴール設定
• コンテキスト分析
• ペルソナ設定
• ストーリーの抽出
• ストーリーボードとメンタルモデル

3. UI/UXデザインって何?
• UI - User Interface
• システムの操作感
• UX - User eXperience
• 使用者の経験や満足度
• 使用者経験や満足度を重視し、画面を設計する

4. UI/UX デザインのアプローチ
• プロジェクトのゴール設定
• コンテキスト分析
• ペルソナ設定
• ストーリーの抽出
• ストーリーボードとメンタルモデル

5. 今回の課題サイト
「ジャッキーのおみせ」
http://jackieshop.jp

6. 現在の課題
• スマホで使えない
• Flash で見れない
• バージョンアップしたいができない

7. プロジェクトのゴール設定
• 「ジャッキーのおみせ」で「達成したいビジネスゴール
」と「Webサイトのゴール」を明文化する
• ビジネス面でのゴール
• 売上を1.5倍にしたい
• Webサイトのゴール
• スマホでも使いやすいサイトにしたい

8. コンテキスト分析
• ユーザーが使用する環境、状況を理解する
• どんな時にアクセスする? アクセスの動機は?操作時間は?
• 版権元のサイトからの流入が多い
• そもそもちゃんと分析できてない
• どんな端末でアクセスする? PC? スマホ?
• スマホの方が多そう
• いつアクセスする? 家の中? 移動途中?
• 0時〜1時のアクセスが多い
• 21時以降の注文が多い

9. コンテキスト分析
• 全体の状況を理解する
• 会員数 - 3000くらい
• 購買率 - 1%未満
• 直帰率 - 29.58%
• 平均購入単価 - 5000〜6000円
• スマホからのアクセスがほとんど
• iPhone が圧倒的に多い
• DoCoMoが多いっぽい
• 現在はスマホ対応されてないのにもかかわらず、スマホからの購入が圧倒的に多い
• etc…
• 本当は市場全体の状況を明らかにする
• 版権元のPV数, ユニークユーザー数など解ればベスト
• etc…
新規顧客を増やすことでゴールに近づけたい

10. ペルソナ設定
氏名
年齢
性別
自宅/通勤
家族構成
属性
性格
趣味・趣向
年収
IT環境
その他
製品・サービスを使用する象徴的なユーザー
副ペルソナになる要素は無いか検討する

11. ストーリーの抽出
• どのような動機でサイトへ訪問するか?
• 漠然と「くまのがっこう」のグッズを見たくて訪問する
• いいのがあるかな?
• テレビでルルロロをやっていて、「ルルロロ」のグッズが欲しくなって訪問
する
• これ欲しいな!
• メルマガを見て、新商品のタオルがどんな商品か見たくて訪問する
• 本来の目標のあるべき姿を考える(To-Be)

12. ストーリーボードとメンタルモデル
ストーリー PCからメルマガをチェック
1コマ
ストーリーボード
Goal
Do
Think
Feel

13. ストーリーボードとメンタルモデル
ペルソナの気持ちになって、感じたことを書き出してみる

14. 続きの流れ
• ワイヤーフレーム作成
• ビジュアルデザイン作成

15. 今日はここまで
ご静聴ありがとうございました!