I have made a presentation at BPStudy about USERDIVE UI/UX process. http://bpstudy.connpass.com/event/16753/

1. Ultimate web & smartphone UX
Analytics tool

2. お前だれよ
• 中島邦弘(@kuni_nakaji)
• 株式会社UNCOVER TRUTH 立ち上げメンバー
• 大学生の時はロボットやリッターカーをつくってました
• ８年間独立系SIerで基幹システムを構築
• 官公庁(国土交通省）/ 某クーポンECサイト / 京王ハイウェイバス
• etc..
• Australiaへ1年半ほど留学
• 某ポイントサイトのベンチャー企業で
• インフラ構築・運用 / 開発 / 内部監査 / 海外にてチームビルディング
• 2年前よりUNCOVER TRUTHにてUSERDIVEを開発
• Microsoftさまに紹介されました
• http://www.microsoft.com/ja-jp/casestudies/uncovertruth.aspx
• セカイラボさまにも紹介されました
• http://www.sekai-lab.com/times/?p=3212

3. USERDIVEとはなにか

4. WEBとiOSでUI/UXを可視化する
世界で興味を持たれている
Made in Japanなツールです

5. USERDIVE のUI / UX考え方を
開発の観点から知ってもらい
多くの人が分析に関わってもらえるようにしたい

6. 基本機能：[UI改善/定性]ヒートマップ

7. 基本機能：[UI改善/定性] フォーム分析

8. 基本機能：[定量] 導線分析

9. 基本機能：[UX改善] 動画分析
https://youtu.be/06D_RVPmtC0

10. 基本機能
• 強力な補助機能
•大量データを絞り込む「フィルタ」
•何でも連携できる「カスタム変数」

11. UI/UXの解析ってどんなイメージですか？

15. 何もなし 定量分析ツール USERDIVEを使用何もなし 定量分析ツール USERDIVEを使用
分析でよくありそうなケース
何もなし 定量分析ツール USERDIVEを使用
ブレスト
開発
分析
振り返り
手当たり次第
やってみるけど…
なんで
離脱率変わらないん
だろう…
アイデアを効率
よく試せる！！

16. USERDIVEで提供するUI/UX解析の考え方
• 分析って難しい/複雑なイメージ
• シンプルで強力なツールのみを提供
• データサイエンティストがそんなに世の中いるわけじゃない
• プロダクトを作っているすべての人に関わって欲しい
• 声の大きい人の意見だけで作ってもユーザのためにならない

17. 分析プロセスの考え方サンプル
UI改善
UX改善

18. 言うのは簡単だけど…

19. 1,000,000,000

20. 100万PV x イベント数 x クライアント数

22. 導入はシンプルに！

23. WEB版はjavascriptを数行
<script type="text/javascript" charset="utf-8">
(function(u,s,r,d,i,v,e,t){
r['UDObject']=v;r['_UDTrackerEnv']=u;e=d.createElement(i),t=d.getEle
mentsByTagName(i)
[0];e.async=1;e.src=s;t.parentNode.insertBefore(e,t)
}('az','//hoge.userdive.com/static/xxtracker.js?' + new
Date().getTime(),window,document,'script',function(){
UDTracker.Config.set('_account','xxxx');
UDTracker.analyze();
}))
</script>
※2015/7/28時点

25. バックエンドの拡張の歴史

26. ありがたいことに
増える大型クライアント

27. 複数ドメイン

28. 越えられないセキュリティの壁

29. フロント側の課題の抽出サイクル
Sentry

30. さらに領域も広がりました

32. 導入はシンプルに2

33. [Userdive startTrackingMode:YOUR_TEAM_ID];

34. USERDIVE for Appsについて

35. ロケーションヒートマップ

36. 今後の動向
あまり詳しくは言えないですが笑

37. WEB版動向
• スクレイピングのさらなる向上
• SPA対策
• データ取得精度のさらなる向上
• レコメンデーション
• よりセクシーなUI

38. Apps版動向
• O2Oに向けての強化
• ロケーションヒートマップの活用
• iOS9への対応
• Webview対応への拡充
• 多くのプラグイン/フレームワークへの対応

39. 分析の効率化を加速するため
他システムとの連携を強化

40. 分析・改善のプロセス

41. サイト改善は "勘と経験" から
ユーザ実行動の"データドリブン" へ

42. エンジニア絶賛募集中です！