예상되는 동작:페이징 테이블의 열 정렬
-
07-07-2019 - |
문제
사용자가 페이징된 테이블을 보고 특정 열을 기준으로 정렬하도록 요청하면 어떤 페이지가 표시됩니까?
이 시나리오에 대해 예상되는 표준 동작이 있습니까?여러 가지 가능한 결과를 상상할 수 있지만 표준이 있는지 알고 싶습니다.
해결책
당신은 어떤 페이지를 보여줄 페이지를 의미합니다 N 테이블에있는 페이지? 좋은 옵션은 없습니다 - 다른 옵션을 선택할 표준이없고 특별한 이유가 없기 때문에 사용자에게 정확하게 방향 감각이 있고 좌절 할 가능성이 있습니다. 당신이 사용자를 테스트한다면, 나는 그들이 일관된 기대를 가질 것이라고 의심합니다. 같은 사용자조차도 다른 시간에 다른 것을 기대할 수 있습니다. PAGED 테이블은 또한 테이블의 현재 위치에 대해 상대적으로 약한 피드백을 제공하므로 사용자가 사용하는 옵션을 정렬 한 후 어디에 있는지 이해하기가 어렵습니다. 사용 가능한 정렬은 페지 테이블이 스크롤 테이블보다 열등한 이유 중 하나입니다.
가능성의 :
테이블에 현재 선택되거나 집중된 항목 (행)을 표시 할 수있는 방법이 있다면 사용자가 다른 항목을보기 위해 해당 순간에 정렬하기로 선택한 가정하에 해당 항목이있는 모든 페이지로 이동할 수 있습니다. 그들이보고있는 아이템처럼. 이것은 스크롤 테이블의 일부 구현과 일치합니다. 그러나 대부분의 웹 앱 페이징 테이블은 항목 선택을 지원하지 않습니다.
당신은 그것을 보여줄 수 있습니다 나사용자가 정렬 할 때 켜져있는 페이지 (예 : 세 번째 페이지에 정렬 된 경우 새 정렬 순서로 세 번째 페이지를 표시하십시오). 이것은 스크롤 테이블의 다른 구현과 일치합니다. 또한 테이블이있는 경우도 지원합니다 거의 올바르게 정렬되었습니다 (예 : 수신 날짜가 필요한 경우 보내기 날짜에). 표시 나이 페이지는 사용자에게 이전의 "동일한 페이지"에 대해 설명합니다. 그러나 이것은 가장 일반적인 사용 사례가 아니며 사용자는 위치 피드백이 약한 경우 임의의 페이지에 던져 졌다고 생각할 것입니다. 이 옵션은 아마도 가장 큰 혼란을 일으킬 것입니다.
새로운 정렬 순서로 첫 번째 페이지를 표시 할 수 있습니다. 작업에 따라 사용자가 테이블을 정렬 할 때 대부분의 시간에 따라 사용자는 정렬 한 속성의 가장 높거나 가장 낮은 값을 가진 항목에 관심이 있습니다. 첫 번째 페이지를 보여 주면 옳은 확률이 50%에 접근 할 수 있습니다. 사용자가 정신적 앵커 포인트 (시작)로 돌아온 것을 느끼기 때문에 가장 혼란스럽지 않습니다. 반면에, 사용자는“시작”이라고 느끼면 좌절감을 느낄 수 있습니다. 전반적으로 이것은 아마도 최선의 선택 일 것입니다.
일반적으로 정렬을 따라 사용자는 정렬 한 속성에 특정 값이있는 항목으로 점프하려고합니다. 페이징이 느리고 사용자는 어떤 페이지 번호가 어떤 값에 해당하는지 모르기 때문에 페이징 테이블에는 어렵습니다. 페이지의 링크에 발견 된 값 범위가있는 링크에 레이블을 붙일 수 있지만 많은 부동산을 소비 할 수 있습니다. 최소한, 당신은 항상 테이블의 첫 번째 및 마지막 페이지에 대한 링크를 제공해야하지만, 많은 페이지가 있으므로 사용자가 한 번의 클릭으로 가장 높고 가장 낮은 값을 가진 항목을 얻을 수 있습니다.
또는 지원을 고려하십시오 필터링 동일한 목적을 달성하기 위해 분류하기보다는. 사용자의 작업에 따라 훨씬 더 잘 작동하고 덜 혼란스럽고 노력할 수 있습니다.
다른 팁
Michael Zuschlag의 답변은 매우 훌륭하지만, 그가 제시하는 사례 #1과 #2는 정말 흔하지 않으며 그렇게 하면 유용하기보다는 혼란스러울 수 있다고 생각합니다.
제 생각에는 항상 새로운 정렬 순서로 첫 번째 페이지를 표시합니다..사용자가 항목을 선택한 경우 일반적으로 원하는 항목을 이미 찾았기 때문에 아무 것도 정렬하고 싶지 않습니다.
목록에 정렬 순서를 지정하려는 경우 일반적으로 실제 전체 순서를 확인하려고 합니다.
전형적인 시나리오는 토렌트 사이트일 수 있습니다:
키워드를 입력하는 토런트를 검색합니다.
검색 후 I A에는 페이지 당 50 개의 항목이없는 목록이 있습니다.
두 번째 페이지로 이동합니다.
이제는 시더 수가 가장 많은 항목부터 시작하여 결과를 정렬하고 시드 열의 헤더를 클릭하는 것이 더 낫다고 생각합니다.
액션 4 이후에는 시더 수가 가장 많은 항목이 보일 것으로 예상하므로 정렬 후 첫 번째 페이지를 보여주어야 합니다.그리고 저는 이것이 어떤 분류 상황에서도 마찬가지라고 생각합니다.
우선, Amen은 이전 답변 (및 +1)으로, 사용자가 익숙하고 기대할 수있는 실제 사례에 대해서는 Yahoo Mail이 #3 (정렬 후 1 페이지로 이동)을 수행합니다. 다른 많은 웹 사이트도 마찬가지입니다.
구현하기 쉬운 경우 개인 권장 사항은 위의 #1입니다 (현재 선택된 요소가 포함 된 페이지로 점프 할 수 있음). 요소가 여전히 선택되어 있는지 확인하십시오.
그것은 다소 직관적이고 예상치 못한 것이 아니며 사용자가 무슨 일이 일어나는지 신경 쓰는 경우 가장 유용합니다. 또한 옵션 #3 (첫 번째 페이지로 점프)은 페이징 컨트롤이 "1 페이지로 이동"이라고 가정 할 때 사용자의 경우 1 번의 클릭만으로도 1 번 클릭하면 이전 답변에서 언급 한 바와 같이 첫 번째 페이지를 수행하는 것처럼 사용자에게는 어렵고 길어집니다. 현재 항목을 가지고 머물고 싶어하는 사람.
실행 가능한 경우 "필터링 추가"아이디어를 확실히 지원합니다. 필터링 및 정렬의 예외적 인 조합으로 인해 모든 앱/웹 사이트에서 시작된 테이블/목록이있는 작업의> 50%에 대한 Excel을 사용합니다. 아마도 YUI는 UI가 HTML이라고 가정 할 때 괜찮은 여과 가능한 테이블 요소를 가지고 있습니까?