web-dev-qa-db-ja.com

長い顧客リストで、編集されたものを効率的にマークするにはどうすればよいですか？

アルファベット順で約250人の顧客をリストする狭いテーブルが存在します。各行には、顧客の名前、アカウントコード、市、州が含まれています。

顧客のアカウントが編集されているかどうか、および2つのデータが入力されているかどうかを各行に示す必要があります（たとえば、2つのデータは年間売上高と顧客がサービスを提供する業界です）。

スペースは貴重で、ページに多くのノイズを加えたくありません。営業担当者は、リストをすばやくスキャンして、更新が必要なアカウントを特定できる必要があります。

現在、「更新済み」、「販売」、「業界」という単語は、状況に応じて各行に赤または緑で表示されます。これはページのノイズ、スペース、色覚異常に悪いと思います。

listsoverflow
6
Vidbot

まず、物事を区別するために赤と緑を使用しないでください。それは最も一般的なタイプの色覚異常だからです。

行が編集されたかどうかを示すために、テキストは編集された行とは異なる色で表示され、編集されていない行が強調されます（例：編集された場合はミディアムグレー、編集されていない場合は黒）。これを行うと、行テキストの幅が既に縮小されます。

2つのプロパティが編集されたかどうかを示すために、フルテキストの「sales」と「industry」の代わりに、それぞれを表す小さなアイコンを表示できます。

5
lori.lee

ページの目的は何ですか？アルファベット順に顧客をリストアップするか、更新/販売/業界の顧客をスキャンしますか？後者の場合は、アルファベット順を破棄します。または、ページに並べ替えオプションを追加します。次に、必要な属性ごとにグループ化したテーブルのグループ化されたバリエーションを作成します。次のようになります。

- Customers ------------------------------------------
------------------------------------------------------
Code | Name              | City            | State   |
++++++++++++++++++++++++++++++++++++++++++++++++++++++
Updated
++++++++++++++++++++++++++++++++++++++++++++++++++++++
011  | Vidbot            | Dallas          | TX      |
212  | Rahul             | San Jose        | CA      |
++++++++++++++++++++++++++++++++++++++++++++++++++++++
Sales
++++++++++++++++++++++++++++++++++++++++++++++++++++++
187  | lori.lee          | Boston          | MA      |
etc...

テーブルは、説明している目的に合わせてスキャンしやすくなり、アイコン、色、タイポグラフィの太さを使用してそれを実現する必要はありません。必要なのは、どこかにあるソートオプションコントロールだけです。この場合、ページの状態はかなりバイナリ（グループ化またはアルファベット順）であるため、チェックボックスやハイパーリンクなどのさまざまなコントロールを試すことができます。ただし、ドロップダウンメニューは使用しないことをお勧めします。1つのオプションだけでは、少し不必要です。

4
Rahul

現在、「更新」、「販売」、「業界」という単語は、状況に応じて各行に赤または緑で表示されます。これはページのノイズ、スペース、色覚異常に悪いと思います。

または、単語/アイコンをヘッダー行に配置して3つの列を定義し、実際に単語がある場所にチェックマークを付けます。
これにより、「更新、売上高、業界なし」の「チェック、チェック、空」など、ユーザーがすぐに認識できるチェックマークパターンが発生します。
見えないところにスクロールする代わりに、リストの上部に留まる見出しを設定する可能性を探ります。
また、水平方向のスペースを節約するために、たとえば小さなフォント、略語、回転したテキストなどを使用するなど、列見出しを可能な限り狭くするように設計します。
それが役に立った場合は、「thisチェックマークパターンのあるものだけを表示する」などのクライアント側ファセット機能を追加します。

0
Juan Lanus

鉛筆アイコンを使用して、編集されたものにマークを付けるのが一般的な方法です。編集した行の行の先頭に小さなアイコンを追加できます。

0
Sruly