よりよい ui/ux を創るためのアクセス解析
DESCRIPTION
名古屋EC-CUBE勉強会 vol.17TRANSCRIPT
![Page 1: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/1.jpg)
UI/UXよりよい UI/UX を創るためのアクセス解析
名古屋EC-CUBE勉強会 vol.17@_aromaforest 2014/09/06
![Page 2: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/2.jpg)
自己紹介• 名前: 大河内健太郎(@nanasess) 年齢: 37才
• 出身: 愛知県西尾市一色町
• 在住: 宝塚市
• 前職: 寿司屋の板前(安城市の「ひで寿司」)
• 資格: 調理師・ふぐ処理師
• Mac OS X / Windows Azure / FreeBSD 使ってます
• EC-CUBE コミッター・公式エバンジェリスト
• 特技: 野鳥の識別
![Page 3: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/3.jpg)
Agenda
• アクセス解析していますか
• UI/UX
• 具体的な設定方法
![Page 4: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/4.jpg)
アクセス解析してますか• どんなツールを使っていますか
• CGI
• 忍者アクセス解析
• Yahoo!
• Google Analytics
• SiteCatalyst
• コマンドライン
![Page 5: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/5.jpg)
アクセス解析のための目的は
![Page 6: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/6.jpg)
UI/UX
• UI/UX
1. コンテキスト分析
2. ペルソナ設定
3. ストーリー抽出
4. ストーリーボードとメンタルモデル
5. ワイヤーフレーム作成
何にアクセス解析を活用しますか
![Page 7: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/7.jpg)
![Page 8: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/8.jpg)
コンテキスト分析
• 市場全体の状況を理解する
• ユーザーが使用する環境・状況を理解する
アクセス解析を活用して、現状と改善点を理解する
![Page 9: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/9.jpg)
最低限やっておくべきこと• ユニバーサルアナリティクスを有効にする
• ユーザーの分布を有効にする
• e
• Web
• AdWords
![Page 10: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/10.jpg)
ユーザー• ユーザーの分布
• 行動
• 新規
• ユーザーの環境とモバイル
• どんなペルソナ設定をするか? • 重視する利用環境を確認(PC/スマートフォン)
![Page 11: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/11.jpg)
集客• すべてのトラフィック
• キーワード
• ソーシャル
• 検索エンジン最適化
• どんなストーリーを抽出するか?
![Page 12: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/12.jpg)
行動
• 行動フロー
• サ
• サイトの速度
• メンタルモデルの作成。 • 離脱率や、滞在時間から心理を汲み取る
![Page 13: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/13.jpg)
コンバージョン
• 目標
• e
• 現在の状況と改善点を確認 • To-Be(あるべき姿)の抽出
![Page 14: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/14.jpg)
具体的な設定方法
• EC-CUBE - Google Analytics e
on @Qiita
![Page 15: よりよい UI/UX を創るためのアクセス解析](https://reader035.vdocuments.mx/reader035/viewer/2022062707/5583d178d8b42a6b638b4fd1/html5/thumbnails/15.jpg)
今日はここまで
ご静聴ありがとうございました