Webアプリケーションで、アプリケーションによって監視されている最後のイベントを時系列で表示するログテーブルを追加しました。
これらのイベントには、主に入力と出力の2つのタイプがあります。
イベントのタイプをすばやく推測するために、入力行を緑に、出力行を赤に色分けするように求められました。
私の質問は、各行に色を追加することを除いて、イベントのタイプに関するヒントを追加するにはどうすればよいですか?
赤はそれがログに記録されたものは何でも間違っているという感覚を表現する傾向があるので、私はその方法に緑と赤を使用しません。代わりに次のようなものを使用します。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
入力用
出力用
アイコンの外を指す矢印は、I/Oタスクを示します。 (アイコンは、データベースまたはアプリケーションにとって意味のある他のオブジェクトである場合もあります)。
矢印(緑と赤)に色を追加すると、赤い行の「悪い感触」が少し変わる可能性があります(アプリケーションがすっきり見えるようになります。私は驚くべき赤を使用しなかったようです)。
ボーナス:
同様のイベントまたは日付で行をグループ化し、すべてを折りたたみ、最新のイベントを展開したままにします。これは、大量の情報を事前に表示しないようにするのに役立ちます。ユーザーがたった今起こったことを探している場合は、展開された行を見ることができ、古いデータを探している場合は、ナビゲートできる可能性があります。スクロールせずに簡単にできます。
これは、SEが行う方法とほぼ同じであり、かなり快適です。
お役に立てれば :)