20150912 doda
TRANSCRIPT
Ultimate web & smartphone UX Analytics tool
Lunch pad入賞上位者が語る、急成長のサービスを支える技術とは？
お前だれよ• 中島邦弘(@kuni_nakaji)
• 株式会社UNCOVER TRUTH 立ち上げメンバー
• [BtoB] ８年間独立系SIerで基幹システムを構築
• Australiaへ1年半ほど留学
• [BtoC 自社サービス] ベンチャー企業でポイントサイト&クラウドソーシングに携わる
• [BtoB 自社プロダクト] 2年前よりUNCOVER TRUTHにてUSERDIVEを開発
USERDIVEとはナニか
WEBとiOSでUI/UXを可視化する
世界で興味を持たれている
Made in Japanなツールです
USERDIVE で UI / UX分析するため
どのような技術で 実現できているのかを知ってほしい
基本機能：[UI改善/定性]ヒートマップ
基本機能：[UI改善/定性] フォーム分析
基本機能：[定量] 導線分析
何もなし 定量分析ツール USERDIVEを使用何もなし 定量分析ツール USERDIVEを使用
分析でよくありそうなケース
何もなし 定量分析ツール USERDIVEを使用
ブレスト
開発
分析
振り返り
手当たり次第やってみるけど…
なんで離脱率変わらないん
だろう…
アイデアを効率よく試せる！！
USERDIVEで提供するUI/UX解析の考え方
• 分析って難しい/複雑なイメージ！ • シンプルで強力なツールのみを提供
• データサイエンティストは沢山いない！
• プロダクトを作っているすべての人に関わって欲しい
• 声の大きい人の意見で作ってもユーザのためにならない
言うのは簡単だけど…
1,000,000,000
100万PV x イベント数 x クライアント数
\ 導入はシンプルに！/
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.getElementsByTagName(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/9/12時点
データフロー
バックエンドの拡張の歴史
ありがたいことに 増える大型クライアント
複数ドメイン• Cookieを使用してセッションの継続を実現しているが、別ドメインのCookieを使用できない
• そのためiframeを使用して前処理を行うような仕組みを追加
フロント側の課題の抽出サイクル
Sentry
さらに領域も広がりました
\ 導入はシンプルに2 /
[Userdive startTrackingMode:YOUR_TEAM_ID];
iOSを分析するには
SDKの内部処理
(´・ω・`)＜O2Oも出来る？
ロケーションヒートマップ
\これからはUnityです/
Unity pluginも作りました
まだまだ やりたいことがあります
あまり詳しくは言えないですが笑
他分析システムとの連携強化
他システムとの連携イメージ
WEB版動向
• スクレイピングのさらなる向上
• SPA対策
• データ取得精度のさらなる向上
• レコメンデーション
• よりセクシーなUI
1
2
3
4
5
Apps版動向
• O2Oに向けての強化
• ロケーションヒートマップの活用
• iOS9への対応
• Webview対応への拡充
• 多くのプラグイン/フレームワークへの対応
1
3
4
2
We are hiring!!
サイト改善は "勘と経験" から ユーザ実行動の"データドリブン" へ
エンジニア絶賛募集中です！