2009-11-05 4 views
1

모든 미국 상태를 알파벳순으로 정렬하여 두 열로 표시하려고한다고 가정합니다. 어떤 접근 방식이 유용성의 관점에서 더 낫습니까?정렬 된 데이터를 여러 열로 표시

은 같은 수평으로 정렬되어

Alabama | Alaska 
Arizona | Arkansas 
Colorado | Connecticut 
Delaware | Georgia 

나처럼 수직이다 : 나는 몇 가지 테스트를 바탕으로 신뢰할 수있는 답변을 인터넷 검색을 시도

Alabama | Montana 
Alaska | Nebraska 
Arizona | New Hampshire 
Arkansas | New Jersey 

있지만, 모든 나는 발견했습니다 의견입니다.

개인 취향의 것이고 다른 옵션보다 나은 옵션은 없습니까?

답변

5

그것은 사용자가 특정 대상 단어를 검색하는 경우 특히, 단어의 행에 걸쳐보다 단어 중 하나 열을 아래로 스캔하는 빠르고 쉽게 (예, "내 상태입니다 이 목록? "). Parkinson SR, Sisson N, & Snowberry K, 1985를 참조하십시오. 광범위한 컴퓨터 메뉴 디스플레이 구성, International Journal of Man-Machine Studies, 23, 689-697. 열을 주문하는 것은 아마도 인간의 성능상의 이유로 미국 국방성 설계 기준 표준 - 인간 공학 (MIL-STD-1472-F)의 등재 (5.14.3.5.6.5)입니다.

이 경우 눈 방향 변경이 적기 때문에 수직 정렬에 특히 큰 성능 이점이 기대됩니다. 세로로 정렬 된 경우 사용자는 두 번째 열의 맨 위로 가려면 한 번만 방향을 바꿔야하며, 가로로 정렬 된 경우 반전의 수는 항목을 2로 나눈 수와 같습니다. 나는 이러한 반전이 스캔 속도와 눈의 피로를 예측한다고 생각합니다.

그래픽 디자인을 사용하여 목록이 세로로 정렬되었음을 알리십시오 (예 : 사용자의 예와 같이 세로 규칙을 포함).

사용자가 전체 목록을 읽으려면 아래로 스크롤하지 않고 아래로 스크롤 할 필요가 없도록 목록이 창 전체에 들어가는 것이 중요합니다. 스크롤링은 시간과 노력을들입니다. 더 나쁜 것은 일부 사용자는 목록이 볼 수있는 것보다 아래로 계속된다는 것을 깨닫지 못할 수 있습니다 ("아, 내 상태가이 목록에없는 것 같아요"). 열을 추가하거나 열 하나만 사용하는 것이 더 좋으며 다중 열 수직 정렬 목록의 수직 스크롤이 필요합니다.

0

두 열로 나뉘어있는 신문 기사를 읽는 것이 더 일관되므로 두 번째 것을 선호합니다. 끝까지 읽은 다음 끝내고 다음 열로 이동하십시오.

고려해야 할 또 다른 사항은 각 항목 간의 근접성입니다. 첫 번째 예에서는 텍스트 길이가 다르기 때문에 첫 번째 항목과 두 번째 항목 사이에 수평 간격이 더 길어 시각적으로 연결이 덜 끊어집니다.

알래스카 [많은 공간] 알래스카

VS.

알라바마

[적은 공간]

알래스카

0

나는 그것이 당신이 뭘 하려는지에 따라 생각하지만, 나를 위해 내가 다음 첫 번째 선택이 읽기 쉽게 생각하지만, 그것은 실제로 두 개의 기둥이 아닙니다.

할당이 두 개의 열로 정렬되는 경우 두 번째 열이 더 정확할 수도 있지만, 멋지기를 원하면 두 가지 사이를 전환 할 수 있도록 확인란을 제공 할 수 있습니다.

당신이 직업을 위해 이런 일을했다면, 나는 당신이 체크 박스를주고 응용 프로그램의 가장 잘 작동하는 것이 무엇인지에 관해 사람들과 이야기 할 것을 제안합니다.

0

간단히 말해서 솔루션에 대한 주관적인 접근 방식 인 경우 더 나은 것을 좋아할 수 있습니다.

당신은 항상 디자인 원칙을 적용하여 작업을 할 수 있습니다.

그러나 웹 및 인쇄물 간행물에서보다 일반적인 점에 대해서 생각해 보려면 일반적인 사용자/방문자가 상호 작용하는 데 사용되는 수직 접근 방식이 가장 좋습니다. 일일 기준.

이 나의 5C

3

또 다른 방법은 데이터/구성 요소를 배치하는 방법을 결정합니다 :

밖으로 인쇄 종이의 UI/패널 (또는 김프 나 포토샵 같은 이미지 편집기로 화면을 캡처)

사용 형광펜은 요소에서 요소로 눈이 가져 오는 패턴을 그립니다. 예를 들어

:

alt text

이 모두인지하고 눈에 간단하고 쉽게 어느 명백하다.

+0

매우 유용합니다. 감사 – Zo72

관련 문제