web-dev-qa-db-ja.com

コンテンツを垂直にプッシュせずに、このスタートページに明確なラベルを表示するにはどうすればよいですか?

私は、販売状況を示す一連のチャートを表示するWebアプリに取り組んでいます。このスクリーンショットは私のスタートページからです。

enter image description here

私が赤い矢印でマークしたラベルは、販売ターゲットチャートの対象を示すラベルであり、垂直方向のスペースが大きすぎて、すべてを希望よりも押し下げていますが、どこに明確なラベルを表示する方法がわかりませんそうしないと

何か案は?

6
Weblurk

すばらしい質問です、Weblurk。このアプリでカスタムコーディングが許可されている場合、解決策は無限にあります。しかし、ブロックをスライドすることしかできない場合、おそらくUXソリューションはデザインの変更を少なくし、テキストの変更を増やす必要があります。その見出しを本当に消したい場合は、カードのタイトルを「オフィス」という単語を含むように書き換えてください。

new card titles

はい、「オフィス」という単語を4回繰り返すのは冗長かもしれませんが、技術的には、見出しの目的をリバースエンジニアリングする場合に得られます。

カスタムコーディングデザインオプション(UI)を確認しますか、またはこのUXの単語のシャッフルでニーズを満たしますか?

9
jhurley

ラベルの縦方向のスペースも増やします。もう少し呼吸室が必要です。これを行うと、フィルターオプション(またはアクションボタンですか?)を一番上に移動できます。これにより、UIがクリーンアップされ、ラベルとボタンがより論理的な位置に配置され、アプリケーション全体の高さが短くなります。下の画像を参照してください。

  1. 現状(左)
  2. 上記の改善(右)

enter image description here

24
Nick Groeneveld

上記のモックアップでは、ラベルを左に移動し、下部にあるアクションボタン(タスク、その他のビジネスチャンスと最新のアクション)を右上に移動します。これで、垂直スペースがより効果的に利用され、ラベルスペースを見出しインジケーターとして使用できますか?

以下のアクションボタンの目的は完全にはわかりませんが、可能であればそれが1つの解決策になります。

4
Melroy Coelho

テキストを赤いブロックに移動し、次のように変更します。

「オフィス販売目標」

考えるのが難しい場合:

Sales Targets

2
DarrylGodden