긴 고객 목록에서 편집 한 고객을 효율적으로 표시하려면 어떻게해야합니까?
알파벳 순서로 약 250 명의 고객을 나열하는 좁은 테이블이 있습니다. 각 행에는 고객의 이름, 계정 코드, 도시 및 주가 있습니다.
고객 계정이 편집되었고 2 개의 데이터가 채워 졌는지 여부 (예 : 2 개의 데이터가 연간 판매량 및 고객이 서비스하는 산업)인지 각 행에 표시해야합니다.
공간이 부족하여 페이지에 많은 노이즈를 추가하고 싶지 않습니다. 영업 담당자는 목록을 빠르게 스캔하고 업데이트해야 할 계정을 결정할 수 있어야합니다.
현재 상황에 따라 '갱신', '판매'및 '산업'이라는 단어가 각 행에 빨간색 또는 녹색으로 나타납니다. 나는 이것이 페이지 노이즈, 공간 및 색맹에 좋지 않다고 생각합니다.
우선, 가장 일반적인 유형의 색맹이기 때문에 빨간색과 초록색을 사용하여 물건을 구별해서는 안됩니다.
행이 편집되었는지 여부를 나타 내기 위해 편집되지 않은 행이 강조된 상태에서 텍스트가 편집 된 행과 다른 색으로 표시 될 수 있습니다 (예 : 편집 할 경우 중간 회색, 편집하지 않은 경우 검정). 이렇게하면 이미 행 텍스트의 너비가 줄어 듭니다.
두 속성이 편집되었는지 표시하기 위해 전체 텍스트 "판매"및 "산업"대신 각각을 나타내는 작은 아이콘이있을 수 있습니다.
페이지의 목표는 무엇입니까? 알파벳 순서로 고객을 나열하거나 업데이트/판매/산업을 위해 고객을 스캔합니까? 후자의 경우 알파벳 순서를 버리십시오. 또는 페이지에 정렬 옵션을 추가하십시오. 그런 다음 필요한 각 속성별로 그룹화 된 테이블의 그룹화 된 변형을 작성하십시오. 다음과 같이 보일 수 있습니다.
- Customers ------------------------------------------
------------------------------------------------------
Code | Name | City | State |
++++++++++++++++++++++++++++++++++++++++++++++++++++++
Updated
++++++++++++++++++++++++++++++++++++++++++++++++++++++
011 | Vidbot | Dallas | TX |
212 | Rahul | San Jose | CA |
++++++++++++++++++++++++++++++++++++++++++++++++++++++
Sales
++++++++++++++++++++++++++++++++++++++++++++++++++++++
187 | lori.lee | Boston | MA |
etc...
설명하는 목적으로 테이블을 더 많이 스캔 할 수 있으며 아이콘, 색상 또는 타이포그래피 무게를 사용하지 않아도됩니다. 어딘가에 정렬 옵션 컨트롤 만 있으면됩니다. 이 경우 페이지 상태는 꽤 이진이므로 (그룹화 또는 알파벳순으로 정렬 됨) 확인란 또는 하이퍼 링크와 같은 다양한 컨트롤을 시도 할 수 있습니다. 그래도 드롭 다운 메뉴에 대해 조언 할 것입니다. 단 하나의 옵션에 대해서는 약간 불필요합니다.
현재 상황에 따라 'updated', 'sales'및 'industry'라는 단어가 각 행에 빨간색 또는 녹색으로 나타납니다. 나는 이것이 페이지 노이즈, 공간 및 색맹에 좋지 않다고 생각합니다.
또는 단어/아이콘을 머리글 행에 넣어 세 개의 열을 정의하고 실제로 단어가있는 곳에 확인 표시를 사용하십시오.
이로 인해 "업데이트 된 판매, 산업 없음"에 대한 "확인, 확인, 비우기"와 같이 사용자가 빠르게 인식하는 확인 표시 패턴이 생깁니다.
시선을 스크롤하지 않고 목록의 맨 위에 머무르는 제목을 설정할 가능성을 탐색하려고합니다.
또한 가로 공간을 절약하기 위해 열 머리글을 디자인하여 예를 들어 작은 글꼴, 약어, 회전 된 텍스트 또는 모두를 사용하는 등 가능한 한 좁게 만듭니다.
유용한 경우, "this 확인 표시 패턴이있는 것만 표시"와 같은 클라이언트 측 패싯 기능을 추가합니다.
연필 아이콘을 사용하여 편집 한 내용을 표시하는 것이 일반적입니다. 편집 된 행의 시작 부분에 작은 아이콘을 추가 할 수 있습니다.