今回は、弊社Webサービスにヒートマップツールを導入したことによって、見えてきたことやノウハウなどをご紹介したいと思います。ヒートマップツールとはヒートマップツールとは、サイト内でのユーザー行動を可視化するためのツールです。これによって、Webサイトのどこがよくクリックされているのか、どこまでスクロールされて読まれているのか等を、視覚的に知ることができます。クリック情報を視覚化すると以下のようになります。(赤い個所がよくクリックされている場所)ヒートマップツールを導入したきっかけ弊社はインハウスでコールセンターを運営しているため、お客さまのご意見ご要望を収集しやすい環境にあります。お客さまの仰ることをそのまま実現していたのでは、魅力的なサービスを作ることはできません。お客さまの声に耳を傾け、その先にある本当のニーズを分析する必要があります。Analyticsを導入するなど、お客さまの行動分析を行う取り組みを実施しておりました。Analyticsは大変便利なツールで、問題を抱えているページの特定などに大いに役立ちますが、該当ページのどこに問題があるのかを知ることはできません。はてさて困った...そこでヒートマップツールの登場となった訳です。CONNECTという弊社のサービスに導入して、効果を測定することにいたしました。弥生のデスクトップ製品やオンラインサービスへの「会計データ」の登録をシームレスに行うためのサービスです。取引データの登録を行う際のプロセスなどといった観点で、サービス設計時に考えていた利用方法と、実際のお客さまの利用方法にギャップがないかを検証することを目的の1つといたしました。Analyticsによって判明していたので、サイドメニューの折りたたみや横スクロールの実際の活用状況についても注目しておりました。CONNECTをヒートマップで可視化した結果を見て頂きましょう。表示されているデータは、テストデータです。ヘッダー[やよいの青色申告オンライン]というサービス名がクリックされている(オンラインの画面に遷移しようとしている?)パスワード変更インフォメーションバーの閉じるアイコンがクリックされている(当画面からパスワードを変更する人は極少数である)サイドメニュー[スマートメニュー]がクリックされている(サイドメニューを折りたたもうとしている?)サイドメニューの折りたたみを頻繁に行っている設定メニュー以外は比較的まんべんなくクリックされている設定メニューは一部を除き、ほとんどクリックされていないコンテンツ絞り込みボタンの活用率は少し低めである取込み元の種別(タブ)を切り口として、取引データの絞り込みを行っているケースが多い摘要欄がしばしばクリックされている(コピペしようとしている?それとも編集しようとしている?)[取引の登録]列では「する」をクリックされることが圧倒的に多い横スクロールを頻繁に行っているヒートマップツール導入以前からある程度想定していたもの、全く想定していなかったものなど、様々な気付きがありました。主観的な思いこみではなく、このような客観的なデータから仮説を立て改善し、再度取得したデータから仮説の妥当性を検証、そして更なる改善を重ねていく。いった改善サイクルを短いスパンでまわしていくことによってお客さまにとって本当に使い勝手のよいサービスを今後も提供していきたいと考えております。ここまでご紹介してきたのは、ヒートマップツールとしては王道的な使い方でしたが実は弥生では、ヒートマップツールベンダーでも想定していなかったような、面白い使い方もしております。AppSyncについて勉強してみたこんにちは、弥生の八木です。...2018-12-21UWSCでデスクトップアプリの自動テストこんにちは。Ad...2018-12-18Slackのログ分析してみたこんにちは。弥生エンジニアの白井です。13日目の記...2018-10-09もくテク「最近のWeb技術についてワイワイ語る会」を開催しました!こんにちは。アーカイブはてなブログをはじめよう!yayoiTechさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。