web-dev-qa-db-ja.com

これらの矢印をより直感的で有益なものにするにはどうすればよいですか?

現在、テーブルの各行に矢印が付いています。
どちらが右側にある数が前回から増加したか減少したかに応じて、その方向を変更します。したがって、ユーザーは行をクリックしてポップアップメニューを確認する必要はありません。これを理解するには、そのテーブルをスクロールするとすぐにわかります。

私の矢印の色も変わります。その行の番号にコミットされた最後の変更に応じて、明るいオレンジ色から暗いほぼ黒色に変わります。

私はそれが大丈夫でかなり直感的だと思いました、そして私のクライアントは矢印の方向が何を意味するのか理解しましたが、色が何をするのか理解していませんでした。
また、それら(色)の違いにも気付かなかったと思います
(一般的に、彼らがコンピューターでの生活のために見ているのはExcelとiOSのuiだけだったので、私のWebアプリのUIは彼らにとって珍しいものです。)

これが現在の状態の写真です(左側の矢印): enter image description here

これらの矢印をより直観的にする方法を理解するのに助けが必要です。ページのどこかに「マップの凡例」を置く必要がないようにします。 (最後にコミットされた変更がいつまでに行われたかを伝える必要があります。また、変更が正か負かに応じて方向を示す必要があります)。

前もって感謝します。

4
Nick

enter image description here

この種のチャートでトレンド/数値の変化を象徴する標準的な方法は、負と正の赤と緑の色です。追加の視覚的な手掛かりとして、小さな矢印を次またはボックスに配置できます。当面は、S-M-H-D-M-Yマークの付いた番号情報を、必要に応じて秒から年まで配置できます。

8
xul

全体のスペースをネガで使用して、色の読み取り領域を大きくします。

enter image description here

1
Danielillo