7/20より、新デザインのユーザーストーリー画面をお試しいただけるようになりました。この記事では変更の狙いや、旧デザインからの変更点をお伝えします。 ```info （2020年8月24日更新）新デザインのユーザーストーリー画面を正式リリースしました。 ``` このお知らせの内容はスライドでもご覧いただけます。

新ユーザーストーリー画面のご紹介 from CS KARTE

# 目次 - 新デザインのコンセプト - 旧デザインで出来ていた操作 - 新しくできるようになる操作 - まだご利用いただけない機能 - 詳しい仕様・使い方 # 新デザインのコンセプト KARTEをご利用いただくお客さまの増加に伴い、色々な種類のユーザー行動がストーリー画面で見れるようになりました。多様な行動を見れるようになった反面、ストーリー画面に表示されるイベントの種類が多すぎて、表示の制御や、行動から気付きを得るのが難しくなりつつありました。そこで、知りたい行動を見つけやすく、行動の一つ一つからもユーザーに関する気付きを解像度高く得られるように、画面の構成や表示方法を見直したのが新デザインの狙いです。 ![story update 01](//images.ctfassets.net/a2u8v2g0xvky/6GxVhCygJIDwGkqjXcXyng/3b6bd0ecb0dc086d8d16ca166ab0aaf0/story_update_01.png) ここからは、これまでのデザインで出来ていた操作がどう変わったか？新しくどんな操作ができるようになったかをお伝えしていきます。 # 旧デザインで出来ていた操作リニューアルにより、旧デザインで出来ていた一部の操作方法が変更になっています。 ## イベントデータの表示設定タイトルバー右側の「表示設定」ボタンから操作する形になりました。 ![story update 03](//images.ctfassets.net/a2u8v2g0xvky/25bQeGCUSVH5oValovoxHy/67e3374587aafb6f4ec42db114546679/story_update_03.png) 表示設定は、ご自身がユーザーの行動を見る時のものさしになるような設定のため、アイコンボタンで隠すのではなく、テキストボタンとして表示することですぐに操作できるようになることを狙っています。 ## 畳み込みイベントを畳み込んで隠しておける機能をなくしました。今回、表示設定を柔軟に／簡単に行えるように変更をしたため、その操作で代用できるのではと考えなくすに至りました。 ## イベントハイライト操作を「強調表示」と名前を変えて、ツールバー（タイトルバーのひとつ下）で操作する形になりました。 ![story update 04](//images.ctfassets.net/a2u8v2g0xvky/1OUjOpeQohfIYH9XU1KKLu/2ed355cbbfdd1305584ac60c6ef82141/story_update_04.png) この機能では、「表示設定」で表示しているイベントのうち、選択したイベントをオレンジ色で強調表示することができます。 ## 来訪ログ（チャート）従来存在していた、イベント数やランクの推移がチャートでわかる来訪ログのエリアをなくしました。後述する「サマリー」や、サマリーの日付が古い順での並び替え、イベント数の多い順での並び替えの機能によって代用できると考え、なくすに至りました。 ## サイドバーの表示設定の保存左側のサイドバーと呼んでいるエリアに掲載している設定（ディメンション、ユーザーデータ）の設定を、アカウント毎ではなくプロジェクト毎に保存する形に変えました。ユーザーについての全体像を掴むための情報は一つのプロジェクト内で統一されていたほうが、ご利用されるお客さま同士の共通認識づくりをサポートできるのではと考えたためです。 ## Talkで話しかける機能 Talkで話しかける機能は、ユーザーストーリー画面上からでなく、チャット画面に移動して話しかけるフローに変更になりました。 ## ユーザーへのノート機能ノートに投稿する機能は、ユーザーストーリー画面上からでなく、チャット画面に移動して話しかけるフローに変更になりました。また、Talk未利用時におけるノート機能は、このタイミングで提供終了となります。 # 新しくできるようになる操作新デザインでは以下のようなことができるようになりました。 ## **ユーザーストーリー画面を2つに分割しました** これまで1画面だったユーザーストーリー画面を、セッション一覧と、セッション詳細の2画面に分けました。 ![story update 05](//images.ctfassets.net/a2u8v2g0xvky/72cKbX6ItW70Uae1VzUvSb/e248fa6fd0ab9056418eed8771382e37/story_update_05.png) セッション一覧では、イベントデータの月/週/日別のサマリーと、日毎のセッションが見れるようになり、セッション詳細では、選択したセッション内のイベントデータが見れるようになります。これまで一行で縦長になっていたイベントタイムラインが、セッション毎に分かれるイメージです。 ## **イベントデータのサマリーを月/週/日で見れるようになりました** セッション一覧のサマリーの部分では、イベントデータの月/週/日別のサマリーが見れるようになります。 ![story update 06](//images.ctfassets.net/a2u8v2g0xvky/464dbOzl4zf6DvcmjlwGeS/16d53d760725f65f8ed7c2c4cb680701/story_update_06.png) サマリーは日付が新しい順/古い順で並び替えられるため、最新の来訪を見る時だけでなく、初回の来訪から見ていく時にもご利用いただくことができます。 ## **イベントをセッション単位で見れるようになりました** サマリーを選択すると、サマリーの期間内に発生したセッションが、右側のエリアに日毎に表示されるようになりました。 ![story update 07](//images.ctfassets.net/a2u8v2g0xvky/3w5nw3LSvTCywGXPaFegIq/db9b9e88e9971e8456d25929f8db860e/story_update_07.png) セッションのパネルは、イベント数だけでなく、セッション終了時のスコアやユーザーの状態、参照元やランディングしたページ情報などを見ることができます。 ## **イベントがある日だけで絞り込めるようになりました** ツールバーの強調表示メニュー右にある「該当セッションのみ表示」にチェックすると、強調表示しているイベントが存在している日のみを絞り込むことができます。 ![story update 08](//images.ctfassets.net/a2u8v2g0xvky/7bkhdEBHy4qDtzSswxB6UI/d2f99d00a2193ee9673c2f1dc2e59552/story_update_08.png) 特定のイベントを起点にしてユーザー行動を見に行きたい場合にご利用ください。 ## **ディメンションがレーダーチャートで見えるようになりました** サイドバーエリアでは、ディメンションの情報をレーダーチャート形式で見れるようになりました。 ![story update 09](//images.ctfassets.net/a2u8v2g0xvky/1QQhvpzDwPadJYez55vfUt/18d0e3e92354e038601e8723816d3374/story_update_09.png) チャートは、プロジェクトに存在しているすべてのユーザーを元にした5段階のランクになっていて、A〜Eでこのユーザーがどのあたりにいるのかを視覚的に知ることができます。 ## イベントUIの情報がリッチになりましたセッション詳細画面に表示されるイベントの情報がリッチになりました。 ![story update 10](//images.ctfassets.net/a2u8v2g0xvky/5P0J3ooqpF7GqLzc0s5ZHl/d41652e7bb652cc99f4fa3b04e090ad6/story_update_10.png) 閲覧イベントでは見ているページのog:imageやページグループが見えるようになったり、イベントストアのイベントを送信されている場合、購入イベントでは購入されたアイテムの情報が見えるようになります。 ## ユーザーの行動モードが見えるようになりましたユーザーが特定の状態になったことを表す「行動モード」機能が追加されました。 ![88934663-dc012000-d2bb-11ea-8cd9-1182dbda1e76](//images.ctfassets.net/a2u8v2g0xvky/6yo8pi8PGYABEhXFZ8N5hE/7b035a79e3b271c977a1b9474b46fcbc/88934663-dc012000-d2bb-11ea-8cd9-1182dbda1e76.png) 例えば、アイテムを比較している、検索をしている等、特定の条件に合致したタイミングで、モードを表すイラストが表示されるようになります。行動モードについて詳しくは[こちら](https://support.karte.io/post/6Yzvl6iwBmUXbZx39ZVHyb)のドキュメントをご確認ください。 ## イベントがある場所だけを移動して見れるようになりました ![story update 11](//images.ctfassets.net/a2u8v2g0xvky/5AeRXWx3wxs2N48nFZwli7/33aa3bf44b2d92804c68ba786693b484/story_update_11.png) セッション詳細のツールバー右側にある上下ボタンを使うと、強調表示しているイベントを上下に移動して見ることが出来ます。 # 詳しい仕様・使い方その他の詳しい仕様・使い方は[こちら](https://support.karte.io/post/7gudmD1eLjIRokREsgKlK8)のドキュメントをご確認ください。リニューアルするとはいえ、今回の変更は私達の仮説を元に作ったものにすぎません。ご利用になられてみて感じられた気付きがありましたら、ご意見をいただけますと嬉しいです。これからも、一人ひとりのユーザーを見て気付きを得て、良い体験を設計できるプロダクトを目指し改善を続けていきます。プロダクト開発チームより