it-swarm-ko.com

테이블에 필터링 된 행이 누락되었음을 나타내는 방법은 무엇입니까?

필터 정보가 방해받지 않고 테이블의 내용이 필터링되었음을 나타내는 미학적으로 유쾌하고 효과적인 방법을 알고 있습니까?

내 특정 앱의 일부 배경 ...

배경
앱 전체에 데이터 테이블이 있으며 때로는 화면 당 두 개 이상이 있으며 각 테이블을 독립적으로 필터링 할 수 있습니다. 즉, 사용자는 행 항목에 할당 된 카테고리를 기반으로 행을 표시하거나 숨기도록 필터를 설정할 수 있습니다 (예 : '중요'로 분류되지 않은 경우 '중요'및 '광산'으로 분류 된 모든 항목을 표시합니다.

필터의 유연성과 복잡성으로 인해 별도의 모달 대화 상자에서 설정되며, 이는 내부 도움말을위한 공간이 있습니다. 필터링 옵션을 영구적으로 표시하여 귀중한 부동산을 사용할 여유가 없습니다. 시각적 혼란을 크게 증가시킵니다.

문제
이 모든 것들 works, 그러나 우리는 사람들이 가끔 잊어 버립니다 필터를 적용한 다음 거짓에 근거하여 결정을 내리고 조치를 취하는 것을 발견했습니다 그들의 데이터에 대한 가정. 이를 방지하기 위해 사용자가 전체 데이터 세트를보고 있지 않을 수 있음을 나타냅니다 (필터가 적용될 때). 그러나 앞에서 언급했듯이 필터 자체의 세부 사항으로 화면을 복잡하게 만들 수는 없습니다.

우리의 현재 구현
기록을 위해 현재 보유하고있는 UI는 다음과 같습니다.

The filter indicator, as it stands

오른쪽의 텍스트 상자가 아니라 "태그 필터 적용"패널입니다 (btw). 가장 성가신 일입니다.

야생의 예
내가 기억할 수있는 이런 종류의 UI의 유일한 예는 Microsoft Outlook 2003 (?)입니다. 상태 표시 줄에 "필터 적용됨"이라는 텍스트가 약간 포함 된 구현이 다소 나빴습니다. 이것은 대부분의 사람들에게 실제로 보이지 않았기 때문에 문제를 해결하지 못했습니다. MS의 경우 사람들이 필터를 거의 편집하지 않았기 때문에 MS와 함께 사라 졌다고 생각합니다. 사용자에게는 해당되지 않습니다.

더 좋은 예를 알고 있습니까? 아니면 자신 만의 좋은 아이디어가 있습니까?

19
Mal Ross

나는 당신이 현재 가지고있는 것이 기능적이라는 @Nir에 동의합니다. 모든 기록을 볼 수있는 것은 아닙니다. 내가 싫어하는 것은 불확실성입니다. 즉, "단백질 may 숨겨 질 것"이라고 말한 방식입니다. 그들은 숨겨져 있습니까?

이 화면 스냅 샷은 몇 가지 다른 방법으로 설명합니다.

alt text

태그 카운트 적용 여부에 대한 정보와 함께 레코드 수가 맨 위에 표시됩니다. 그러나 사용자가 맨 아래로 스크롤하면 실제로 놓칠 수없는 Post-It 노트 스타일 정보도 표시됩니다! 그러나 이것은 과잉 일 수 있습니다. 또한 편집 버튼은 화면 스냅 샷에 있었기 때문에 만 넣었지만 중복되는 것으로 나타났습니다.

상단 부분에 관하여 :

  • 사용자가 "40/150 레코드 등"메시지에주의를 기울일 수 있도록 모든 레코드가 표시 될 때 완전히 숨길 것을 제안합니다. 즉, "150/150 레코드"를 표시하지 마십시오.

  • 기어 메뉴는 "태그 필터 비활성화"및 "태그 필터 다시 적용"과 같은 관련 기능에 사용할 수 있습니다.

이게 도움이 되길 바란다.

12
Hisham

Gmail에 동일한 문제가 있다는 것을 알고 있습니다. 즉, 이메일을 검색하고 화면에있는 사람들에게만 레이블을 적용하면 검색 결과의 100 %에 적용 할 것인지 또는 화면에있는 사람들에게만 적용 할 것인지 묻습니다.

귀하의 경우 "태그 필터 적용, 단백질이 숨겨 질 수 있습니다"대신 "태그 필터 적용, 단백질의 X % 숨기기"라고 말하지 않는 이유는 무엇입니까?

문자열 길이 비교 :

"Proteins may be hidden"
"Hiding XX% of proteins"

적합해야하며 최소한 같은 공간에서 더 많은 정보를 제공해야합니다. Google의 경우와 같이 사용자가 현재 결과에서 데이터를 제외하는 것에 대해 걱정이된다면, 그들이 한 일을 살펴 보겠습니다. 나는 아직도 정말로 신경 쓰지 않습니다.

6
blunders

나는 몇 년 전에 같은 딜레마를 가지고 있었고 편집 할 때 필터의 멋진 문자열 표현을 생성하고 사용자가 필터를 저장할 수있게 한 다음 스택으로 목록에 적용 (원하는 경우 여러 개)하여 약간의 실험을했습니다. 그것들은 비슷한 노란색 모양의 막대가있는 목록의 상단에 시각적으로 나타납니다.

따라서 상단에 1 개의 행 높이 막대가 적용되어 대략 또는 정확히 적용된 각 필터 ( "ABS *로 시작하는 항목 제외"또는 "-카테고리 x")와 X를 제거하는 X 및 기존에 적용 할 메커니즘이 있습니다. 또는 새 필터를 목록에 추가하십시오.

귀하의 경우 필터 편집 대화 상자가 어떻게 보이고 작동하는지 궁금합니다.

1
Oskar Duveborn