注:私は次の質問をしました、そしてそれらはいくつかの有用な洞察を提供しますが、それらはすべて本当に古い(2010、2012)ものであり、本当に私のユースケースの複製→ 1 、 2 、
各行に次の要素が含まれているテーブルがあります。
スライダーを使用するか、行に新しい数値を入力するだけで現在の値を変更(増加または減少)でき(セルは入力ボックスです)、すべての変更が自動的に保存されます。
ユーザーは移動して同じページに戻り(数日または数週間後)、元の場所から続行できますが、特定の行(元の値=/=現在の値)で値が変更されているかどうかを確認する唯一の方法です。 2つのセルを「手動で」調べて数値を比較することです。
私はある種の視覚的なインジケーターを実装することを考えています:
私は確かに強力なUXの人ではないので、このインジケーターを実装する際に心に留めておくべきことについてのアイデアやアドバイスを探しています。
列が変更されたことを表示するいくつかの異なるアイデアがあります。
ただし、テーブルの行に変更された日付も保存します(値だけに基づいて何かを常に比較する必要はありません)。
これは、行が変更されたかどうかを確認するために使用できます(アイコンまたは別の背景色で)
理想的には、現在の値が元の値より大きいまたは小さい場合(これについては不明)
これはいくつかの方法で表示できます。
私は個人的に色を使用してユーザーの注意を引くのが好きです。しかしながら。使いすぎたり攻撃的になりすぎたりすることはありません。そのため、ユーザーは何か間違ったことをしたのではないかと考えています。
私はビジュアルアーティストではありません。しかし、私は私が何を意味するかを示すためにコンセプトを作成しました
ここにアイコンを表示する代わりに、境界線に色を付けることにしました。
柔らかな赤みがかった色は、ユーザーに下向きの数字であることを示していると思います。数字が下がっていない場合は、色を入れ替える必要があります(たとえば、生活費を下げることができれば、これは良いことです)
1つの可能性は、変更された値をboldで示すことです。1。おそらくあなたが持っているのと同じ種類のテーブルではありませんが、MicrosoftはVisual Studio開発ソフトウェアでこれをたくさん行っています。以下の例は、Output DirectoryおよびIntermediate Directoryの設定が変更されたことを明確に示しています。
このアプローチの欠点の1つは、これに取り組む方法はいくつかありますが、元の値が実際に何であったかがすぐに明らかではないことです。
どのフィールドタイプでも、ツールチップは「Changed from xxxxx」のようなものを表示できます。
ドロップダウンには、元の値を含めることができます(他の値から分離されているか、何らかの方法でマークされています)。
右クリックメニューには、元の値を表示したり、セルをその値にリセットしたりするオプションがあります。
1 「元からの増加」または「元からの減少」を表示したい場合は、色を追加できますが、それぞれを表すための「明白な」マッピングがなく、通常の警告が表示される場合があります。 ある程度色盲のユーザーのために色に頼る.
別のオプションは、値の前または後に上向きまたは下向き矢印を表示することですが、(a)物事が「乱雑」に見える可能性があり、(b)値を変更するコントロールと間違われる可能性があります。