LuckyTemplates 設計のヒント: アプリケーションのようなレポートの作成

このブログでは、ページを非表示にするだけでレポートをよりアプリケーションらしく見せる方法について、LuckyTemplates デザインのヒントをいくつか紹介したいと思います。これは、私が最近出会った優れた最も説得力のあるレポートの多くで使用されているのを目にした方法論です。見栄えの良いレポートを作成するために、これは素晴らしいテクニックだと思います。このチュートリアルの完全なビデオは、このブログの下部でご覧いただけます。

レポート内のページを非表示にする機能は、以前の LuckyTemplates には存在しませんでした。この機能が利用できるようになったので、私は基本的に、作成するすべてのレポートでこの機能を使用しています。これにより、視覚化とナビゲーションが消費者にとって魅力的なものになるからです。

クリックスルーするページがたくさんある場合、レポートで伝えたいストーリーを伝え、ユーザーがナビゲートできるようにすることが難しい場合があります。しかし、ナビゲーション システムをレポートに組み込むことができれば、エクスペリエンスはよりアプリケーションらしく、よりスムーズになり、消費者にとってより魅力的なものになります。

目次

• LuckyTemplates 設計のヒント: レポート ページの非表示とナビゲーション エクスペリエンスの強化
• 結論

LuckyTemplates 設計のヒント: レポート ページの非表示とナビゲーション エクスペリエンスの強化

これらのページを非表示にするには、まずメイン ページを常に表示しておきます。これが私たちがたどり着いたページです。

そして、レポートに関する詳細やその他の情報が記載されている他のページを非表示にします。

そのページ (顧客) にアクセスするために、ナビゲーション エクスペリエンスをレポートに組み込みました。別のページに移動するために使用したボタンを使用しました。ご覧のとおり、ここで [顧客] ボタンをクリックすると、顧客のページにアクセスできます。しかし、オンラインでは、クリックすべき顧客のページが実際には表示されません。

ここで設定した [設定] ページや、このレポートの他の関連ページも同様です。また、メイン ページ内にさまざまなアイコンを追加し、ユーザーがページ自体を物理的にクリックするのではなく、クリックして各ページに移動できるようにしました。

オンライン エクスペリエンスに関して言えば、ユーザーは特定のページを表示したりクリックしたりすることができないことがわかります。残りのページは非表示になっているため、メイン ページのみが表示されます。オンライン エクスペリエンスの場合、レポート内には表示されません。ユーザーが特定のページにアクセスする唯一の方法は、何らかのナビゲーション エクスペリエンスを介してユーザーにアクセスを許可することです。

このレポートは完全に動作するアプリケーションであり、ユーザーは特定の洞察をクリックするだけで、情報内を移動することができます。

LuckyTemplates アプリを作成する場合も同様です。特定のレポート ページを非表示にすると、それらのアプリの左側にあるナビゲーション ウィンドウにそのページが表示されなくなります。これは、1 つのアプリに統合された他の多数のレポートをユーザーが参照できないようにするもう 1 つの方法です。これらは、LuckyTemplates 内での開発を進めていく中で考えておきたいことです。

私が見たLuckyTemplates レポートの最良の例では、LuckyTemplates 内にあるナビゲーション ツールセットを使用して、ユーザーに情報を案内しています。以下の例は、LuckyTemplates の専門家の 1 人によって開発されたもので、ユーザーにとって非常に理解しやすいものです。レポート内に移動してクリックするだけで、詳細や情報を確認するのはとても簡単です。

結論

これらのLuckyTemplates 設計のヒントがお役に立てば幸いです。これらの手法により、ユニークで魅力的なレポートと消費者向けの優れたナビゲーション エクスペリエンスが作成されます。これは、アプリケーションのようなレポートを作成するときに行う方法です。これにより、レポートをデザインするためのさまざまな方法が開かれます。

関連コンテンツの詳細については、以下のリンクをご覧ください。

乾杯！

高品質の LuckyTemplates レポート ナビゲーション エクスペリエンス
LuckyTemplates 対話型レポート: ナビゲーションとブックマーク
LuckyTemplates アプリケーションと優れたナビゲーション アイデア

**** *関連するサポート フォーラムの投稿 *****