20150912 doda

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改善/定性] フォーム分析

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

基本機能：[UX改善] 動画分析

https://youtu.be/06D_RVPmtC0

何もなし 定量分析ツール 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!!

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

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