Helpfeel Tech Hour Vol.1 LT ソフトウェアの設計と計測
自己紹介（30秒まで）
yuisekiです
https://nota.gyazo.com/566807f718131ca7a83b7964523dd295
株式会社Helpfeel
Gyazo プロダクトマネージャー
です！！！！！！！！
今日の概要（1分まで）
GyazoではソフトウェアのUI設計にmixpanelでの計測を活用しています
mixpanelのロゴ
https://gyazo.com/af9b5c91cd5393df207bade1aec20f77
mixpanelはこんな感じ（これはググったらでてきたサンプル画面です）
https://gyazo.com/a04b58a749bb3beebf8a87f1db9372f0
今日は、mixpanelでの計測によって明らかになった、人類という生物の興味深い生態についてお話します
計測によって明らかになったこと（4分まで）
その1：「人類はほとんどスクロールしていない」という様子（3分まで）
＝UIの画面上の位置が深いほど、そのUIは操作してもらえない
マイナビさんの連載でもファーストビューの重要性について書かせていただきましたが、重要なので二回言います
「マイナビ 速さ おもてなし」でググるとファーストビューに出てきますので読んでみてください！
https://gyazo.com/a9a7b008072f2d843fb394739a9686a4
ところで、みなさん、株式会社Helpfeelがマイナビで記事を連載していることは知っていましたか？
✅知っている
✅いま知った
mixpanel上でトラッキングしている、Gyazoのプロダクション環境のとある機能の実際のチャート
https://gyazo.com/43203bb6849a0ba22435b4526b2dd692
Gyazoの画像個別ページの画面レイアウト
https://gyazo.com/6679565ec033fb91795f563d67a11b8c
ようするにこういうこと！！
https://gyazo.com/1fe2942983b2dd923ea505463047a572
厳密には調べていませんが、スクロールの深さとクリック率は、おそらくポアソン分布になっている
ポアソン分布
https://gyazo.com/da92e627bbabd487a562289afc5d4573
λ＝1 の場合で近似できそう
その2：「人類は目立つ色に注目する」という様子（4分まで）
＝UIが派手な色をしているほど、そのUIは操作してもらえる
とあるUIを目立つ色に変えたら、それに係わるユーザー行動が顕著に変化した
mixpanel上でトラッキングしている、Gyazoのプロダクション環境のとある機能の実際のチャート
https://gyazo.com/380e59aa286c649b0c81af4968374202
これはSaaSにおいてとても重要な指標のチャートです
なんの指標のチャートだと思いますか？
どんなUIに、どんな変更を加えたかというと……
「ユーザー登録してねメッセージの背景色を青色から黄色に変更」でした！
Before
https://gyazo.com/870606292283970606424d6a7b7709f8
After
https://gyazo.com/795756783ce73bfb526a8d8af6e05d5d
https://gyazo.com/6b36c9d562c54f7803911cb6d0d6761f
今日のまとめ（5分まで）
mixpanel最高！！！
サクサク操作できるし、やりたい分析や可視化がだいたいできる！！
計測によってユーザーの行動の特徴を理解しよう！
理解したことを、画面レイアウトの配置に活かそう！
ユーザーが求めている情報や使ってほしい機能は上の方に！
問題を見つけ、仮説を立てて、実装しリリースして、計測を通じて検証しよう！
問題：「ユーザー登録メッセージに気づいてもらえない」
仮説：「ユーザー登録メッセージの色を目立たせたら気づいてもらえるのでは」
検証：「リリースの前後で、実際にユーザー登録数は増えたか？」
株式会社Helpfeelでは、一緒に働く仲間を募集しています！
世界中からの超大規模なアクセスを計測しよう！！