web-dev-qa-db-ja.com

より多くの情報が隠されていることをどのように示すのですか?

アイテムごとに複数の状態の情報が表示されるダッシュボードを作成しています。この段階では、「クイックダッシュボード」と「フルダッシュボード」があります。

私は、サイト全体のスタイルであるクォータースクリーン、ハーフスクリーン、フルスクリーンの情報パネルを維持しようとしています。したがって、この場合、ボタンをクリックすると、半画面から情報の全画面が開きます。

ページには多くのボタンがあるので、「フルダッシュボード」をクリックしてもアクションが開始されないか、新しいページに送信されず、残りのダッシュボードが表示されることを最もよく示すにはどうすればよいですか?

私のアイデアは「隠しカード」と「重複ボタン」です​​。

ありがとう、この質問をするのにもっと良い場所があるかどうか知らせてください!

Hidden Card

Overlapping Button

編集:

オプションを2から... 2に減らしました。これに関するいくつかの詳細:

  • 大量のエンジンデータを保持できます。各トラックには、12〜40の個別のデータフィールドがあります。
  • このビューでは、マップが非常に重要です(トラックを追跡し、次にリストされている目的地を見つけて、その場所とパスを比較できます)。データを1レベル深く掘り下げると、マップはそれほど重要ではなくなります。その場合、位置情報ではなくトラック情報を表示します。その時点で、マップを非表示にすることができます。

オプション1、隠しカード。以前と同じです。

オプション2、重複ボタン。 @MikeMの提案に基づいてボタンを編集し、小さなEdgeタブに変えて、完全なEdgeよりも目立つようにしました(ページに留まっていることを示すために垂直にしました-ページを離れるいくつかの水平ボタンがあります) 。 Small tab

オプション3.すべてのエンジンデータ(走行距離計)が1つの列に表示されます。ベンとマダリーナに感謝します! One Column

4
Rachel

詳細を表示して、ユーザーがどのようなインサイトを受け取るかを明確にします。

あなたのユースケースでは、「最も重要な」データのサブセットがあるように見えます。

フルダッシュボードなどの用語は、 click here リンクまたはボタン。私たち(デザイナーとして)は、リンクがラベルのどこにつながるか、またはそこに行くことによってどのような情報が得られるかをユーザーに伝えません。

公開されるデータを教えてください。ダッシュボードはすべて洞察に関するものです。

enter image description here

また、ダッシュボードにアクセスしてすぐにこのデータを探すユーザーの数によって、このデータの重要性を測定することもできます。これは、ページの読み込み時に見えるようにするか、永続的に表示されるトップモジュールにするために十分重要であることを明らかにする可能性があります。

更新

ユーザーが別のページに移動しないことを確実に理解するという懸念に応えて、永続的なタブのシステムを設計し、説明ラベルに何が公開されるかを示します。これが可能な簡単なスケッチです:

@ra

最終的な言い回し、またはタブの展開について明確である場合に「パネル」と言う必要があるかどうかはわかりませんが、いくつかの反復を調整してテストできます。

2
Mike M

Mike Mが言ったように、明示的であることが一般的に好まれます。余裕があり、アクションの主題と結果が簡潔な言葉に抽出できる場合は、そうする必要があります。

私は彼の応答にいくつかの可能な拡張機能を追加します:

  • 「表示」の代わりに、「公開」と言うことができます。これは、既存の画面内で何かが公開され、情報に追加されることを意味します。これは、タブ付きのソリューションを追求できない場合に特に明確にするのに役立ちます(特に、小さい画面/モバイルではそのようなタブを使用できない可能性があるため)。
  • また、上部のメインコンテンツと水平線の下の追加データの間の展開/折りたたみ領域のように扱うことを検討することもできます。このようにして、ダウン/アップシェブロンであっても+/-であっても、コンテンツが既存のビュー内で公開されていることは非常に明確です。これには、より広い範囲の画面サイズで作業できるという追加の利点があり、この追加情報を表示するときに(他のコンテンツを押し下げる代わりに)有用なデータ(マップ)を隠蔽しません。
2
Ben Paddock