空のダッシュボードに将来の状態を表示する方法は何ですか？
私は、ユーザーダッシュボードにグラフ、通知、アラートなどの多くの優れた情報を表示する新しいWebアプリケーションに取り組んでいます。グラフに入力される実際のデータはユーザーによって入力されませんが、時間の経過によるアクティビティを反映します（日） 、週、月）。ユーザーアクティビティに基づいています。
ダッシュボードの作成に関する多くのベストプラクティスを認識していますが、確信のない1つの領域は、サインアップしたばかりの新しいユーザーに、将来の見通し（つまり「完全な状態」）の例を示す方法です。 ）。長いサインアッププロセスを経て、空のダッシュボードをじっと見つめるのはかなり風変わりです。
提案やテクニックはありますか？
この質問に対処するための3つの仮定：
すでに製品を使用している顧客は、これからどのような種類のレポートを取得するかについてある程度知っているはずです。
さらに、あなたのウェブサイトにはいくつかのスクリーンショットがあり、サンプルレポートはFAQとナレッジベースの領域にあります。
最後に、レポートが動的であるか、少なくとも1日に1回更新されることを前提としています。
これらの仮定に基づいて、サンプルデータをレポートページに配置することはお勧めできません。なぜなら：
新しいデータが入ったら、サンプルデータを置き換えます。通常、新しいデータはそれほど多くないため、レポートは空のままになります。
サンプルレポートと実際のレポートでは、ユーザーを何らかの形で失望させる可能性があります。サンプルレポートは非常に理想的で美しいように見えるかもしれませんが、最初の実際のデータはそれほど印象的ではないかもしれません。
サンプルデータを表示して無効にするか、灰色の画像形式にすると、実際にはユーザーをさらに混乱させる可能性があります。デフォルトでは、ユーザーはそのページの実際のレポートを表示することが期待されているためです（空の場合でも）。したがって、静的なコンテンツを表示すると、レポートページではなく、FAQページを表示しているような印象を与える可能性があります。
したがって、最初は空であるとしても、実際のレポートを最初に表示する必要があるという意見です。
通常、スペース（ダッシュボード要素が配置される場所）をサンプル画像に置き換えます。私はそれらを灰色にして、実際に「トランザクション例」または「データ例」と書かれたコピーを平手打ちします。そうすることで、ユーザーは大きな空のスペースに直面することなく、アプリを定期的に使用したときの外観に慣れます。
次に例をいくつか示します。
私たちは過去に似たようなものを作り、それを2つの別々のアイデアで解決しました。
1つは、ユーザーが空のダッシュボードから開始する場合に、短いインタラクティブチュートリアルを含めることです。 guiders.js を使用しました（この場合は、ムートルに移植されました）。ダッシュボードで要素を追加、変更、削除する方法を示すために、約6または7つのステップがありました。このようにして、ユーザーは「最初のステップ」を見ただけでなく実行しました（もちろん、チュートリアルをスキップするためのリンクと、ダッシュボードから後で再起動するためのリンクを追加しました）。
2番目のアイデアは、ユーザーが選択できる構成の1つ以上のセットを作成することでした。ダッシュボードの目的はわかりませんが、ユーザーを（単なる例として）営業スタッフ、エグゼクティブスタッフなどに「グループ化」できます。次に、ニーズに最適な、事前に構成された別のダッシュボードを提供できます。 Netvibes もこのように実行します（実際に試す前に、いくつかのダイアログをクリックする必要があります）。ここにカスタムトピックを入力するか、提供されているトピックから選択できます。
一度同じ状況で立ち往生し、そのような画面状態から実際のユーザーが喜んでやろうということを何度も試行錯誤しました。他の人から提案されたように、サンプル画像とウィザードを試してみました。
最高の応答を提供し、ユーザーを引き付け続けたのは、ユーザーがアカウントを作成したら、簡潔で簡潔なエントリを作成し、追加情報を尋ねることでした。彼が空のダッシュボードを入手したら、ユーザーにトランザクションの追加情報を提供するように依頼しました。サインアップ時に強制されるのではなく、喜んで追加情報を提供するゲームのようにしました。
どのような種類のアプリケーションに取り組んでいるのかはわかりませんが、このアイデアは私たちに支払ってくれました。私たちはより多くのユーザーを抱えており、彼らが詳細を入力し始めたとき、私たちはより良いダッシュボード結果をもたらす多くの情報を明確にすることができました。