가로 메뉴의 장단점은 세로입니까?

가로 방향 탐색 메뉴 또는 세로 방향 메뉴를 사용하기위한 환경 설정이 필요한지 오랫동안 궁금했습니다. 나는 여러 웹 사이트에서 이전에 사용했으며 각각 장단점이있는 것을 볼 수 있습니다.

이 주제에 관한 구체적인 자료가 있습니까? 접근성 및 사용성 문제에 관심이 있습니다.

공간 문제 및 스캔 용이성 외에도 고려해야 할 몇 가지 다른 요소가 있습니다.

수평으로 정렬 된 메뉴 (수평으로 정렬 된 언어)는 한 항목에서 다음 항목으로 더 많은 마우스 이동을 의미합니다.

그러나 세로 메뉴 항목에서 해당 플라이 아웃 메뉴로 이동하는 것보다 가로 메뉴의 최상위 메뉴 항목에서 해당 드롭 다운 메뉴로 이동하는 것이 더 쉽습니다. 공유 에지가 너무 작기 때문에 드롭 다운에 비해 플라이 아웃에서 대각선 문제가 크게 확대됩니다.

그리고 타겟팅 속도 문제가 있습니다. 수직 정렬 메뉴는 수평 메뉴보다 "깊이"가 더 큽니다. 즉, 사용자는 마우스를 오버 슈트 할 경우 더 큰 버퍼를 가지고 있기 때문에 마우스를 메뉴쪽으로 더 빠른 속도로 움직일 수 있습니다. 물론, 가로 메뉴가 문서의 위쪽 또는 아래쪽 가장자리를 따라 배치 된 경우 (즉, 무한 깊이), 이것이 문제가됩니다.

결국, 나는 그것이 세척이라고 생각합니다. 디자인에 가장 잘 맞는 것을 사용하고 거기서 사용성을 최적화하십시오. 페이지의 나머지 부분에 대해 큰 빈 열을 만드는 것을 의미하는 경우 세로 메뉴를 사용하지 않으려는 경우 레이아웃이 2000px 너비 여야하는 경우 가로 메뉴를 사용하고 싶지 않습니다.

글쎄, 나는 개발자 / 프로그래머 / 코딩 사람입니다.

즉, 나는 항상 그러한 질문에 대답하기 전에 디자인에 대한 정보를 찾습니다. 나는 Jakob Nielsen의 기사를 좋아합니다. 게시하기 전에 조사하기 때문입니다.

• http://www.useit.com/alertbox/mega-dropdown-menus.html
• http://www.useit.com/alertbox/navigation-menu-alignment.html
• http://www.useit.com/alertbox/alpha-sorting.html

그 링크가 도움이 될 수 있다고 생각합니다.

이제 내 의견. 메가 드롭 다운 사용을 고려할 경우 가로 메뉴를 사용하는 것이 기본 탐색의 첫 번째 옵션입니다.

또한 가로 탐색 경로를 보조 탐색으로 사용하여 사용자가 신속하게 자신을 찾을 수 있습니다.

세로 탐색 메뉴는 마음에 들지만 광고와 같은 경향이있어 사용자가 눈을 멀게하므로 먼저 세로 메뉴가 배너 나 Google 광고와 같지 않아야합니다.

둘째, "컨텍스트"탐색, 관련 컨텐츠 또는 하위 섹션 항목 표시에 수직 메뉴를 사용하고 싶습니다.

하나 이상의 단어로 된 메뉴 항목이있는 경우 스크롤이 필요하기 전에 가로 메뉴에 몇 개가 들어갈 지에 대한 물리적 한계가 있습니다. 따라서 이러한 이유로 나는 주 / 최상위 항목에 대한 가로 메뉴를 선호하는 경향이 있습니다.

접근성에 관해서는 (시각적으로 괜찮다고 가정 할 때) 동일하게 표시 될 수 있기 때문에 큰 차이는 없을 것입니다. 예를 들어 정렬되지 않은 링크 목록.

나는 실수에 대한 답변의 반대편을 게시 할 것입니다 ...

왼쪽에서 오른쪽으로 읽지 만 위쪽에서 아래쪽으로 스캔하는 경향이 있습니다. 메뉴 항목을 세로로 배열하면 항목이 서로 위에 있으면 항목을 빠르게 비교하는 것이 더 쉽습니다.

소수의 링크 만있는 경우 가로가 좋습니다. 이름은 짧지 만 명확하게 유지하고 6-7 자 이하 여야합니다. 물론, 다른 옵션은 그 범주에있는 모든 항목의 호버 드롭 다운이있는 수평으로 몇 개의 '헤더'가 조합 된 것입니다.

대답은 아마도 둘 다를 사용해야 할 때가 있지만 눈 추적 연구에서 알 수 있듯이 눈은 페이지를 F 모양의 패턴 으로 스캔 하므로 탐색을 왼쪽 상단 또는 상단.

탐색 링크 (홈, 회사 소개, 연락처 등)의 상단 가로 메뉴와 카테고리, 기사 등의 왼쪽 메뉴와 같이 둘 다 함께 사용할 수도 있습니다.

드롭 다운 메뉴와 관련하여 고려해야 할 또 다른 사항은 SEO에 영향을 줄 수 있다는 것입니다. Search Engine Land의 Danny Sullivan은 드롭 다운 메뉴가 모든 페이지에 많은 링크를 제공함으로써 링크 권한을 희석시킬 수 있으며 계층 메뉴가 링크 주스를 더 잘 전달할 수 있다고 제안합니다. 또한 사용자가 원하는 것을 놓칠 수있는 드롭 다운에서 탐색 요소를 사용자에게 숨기는 이유는 무엇입니까?

IMHO, 나는 주요 섹션을 수평 메뉴로 분류하는 경향이 있습니다. 여기서 수직 메뉴에서 활성 주요 섹션의 설명 섹션으로.

예를 들어 :

------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------

|      About Us          | |                                            |
|      Mission           | |      Here is describing content            |
|      Contact Us        | |                                            |

홈, 뉴스 및 제품이 주요 범주로 작동함에 따라 수평 레이아웃으로 유지했습니다. 회사 소개, 미션, 연락처는 홈 페이지의 가장 설명적인 섹션이므로 컨텐츠 표시 부분 옆에 세로 메뉴로 표시하여 쉽게 액세스 할 수 있습니다. .

아주 간단합니다, 당신은 무엇을 읽고 쉽게 말해 : ABCDEFGHIJKLMNOP...Z또는

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z

읽을 때 눈이 어떻게 움직이는 지 생각해보십시오. 첫 번째 예에서는---등입니다. 두 번째 예에서는 ZZZ 등입니다. 눈이 Z 패턴으로 움직이는 것을 의미합니다. Z 패턴을 사용하면 눈이 첫 번째 정보보다 다음 정보에 대해 더 많이 생각해야합니다. 정보가 마지막 정보에 가까울수록 사용하기 쉬워집니다. 정보가 작을수록 좋습니다. 공간을 늘릴 수 있지만 일부 정보는 지금까지만 압축됩니다. 예를 들어, 이와 같이 더 많은 공간을 추가 할 수 있지만 측정 값이 예 2로 끝이 길면 여전히 길이가 짧습니다. ABCDEFGHIJKLMNOPQRSTU VWXYZ

나는 누군가가 연구 나 무언가를 게시 할 것이라고 확신하지만, 내가 틀렸다고 말할 수도 있지만, 사실 내 논리는 내가 이해할만큼 충분히 간단하고 나에게 의미가 있으며, 나에게 말을하기 위해 멋진 보고서가 필요하지 않습니다. 멋진 보고서가 의미가 없으며, 주어진 테스트의 구조를 기반으로 한 데이터 샘플 일 뿐이라고 생각하기 때문에 옳고 그름입니다 ...

그래서 당신은 어떻게 생각하십니까?