내용 + 사이드 바에 대한 스크롤 막대 하나 또는 두 개?
웹 사이트 디자인을 작업 중이며 페이지 내용과 독립적으로 사이드 바를 스크롤할지 또는 하나의 스크롤 막대를 사용하여 두 div를 모두 제어할지 여부를 결정하려고합니다. 결정을 안내하기 위해 어떤 원칙을 사용해야합니까? 어떤 상황에서 사용자가 메인 콘텐츠를 스크롤하는 동안 사이드 바 콘텐츠를 고정 상태로 유지 하시겠습니까?
하나의 스크롤바
- 사용자는 페이지의 위치를 알고 있습니다
- 사이드 바의 내용은 다른 내용과 비교하여 같은 위치에 있습니다.
- 페이지의 아무 곳이나 마우스를 잡고 있으면 막대가 스크롤됩니다.
- 대부분의 웹 사이트는 하나의 스크롤 막대를 사용하여 사용자의 기대에 부응합니다.
- 페이지 중간에 추악한 스크롤 막대없이 고정 너비 사이트를 가질 수 있습니다.
두 개의 스크롤바
- 메인 컨텐츠를 탐색하는 동안 사이드 바에서 정보를 볼 수 있습니다. 이는 메인 컨텐츠 길이가> 4000px이거나 스크롤 막대와 메인 컨텐츠 막대에 동시에 정보가 필요한 경우에 좋습니다.
- 사이드 바에는 페이지의 전체 왼쪽 또는 기본 콘텐츠의 중요도, 사이드 바 및 기본 콘텐츠의 세로 높이를 줄이는 고정 헤더가 필요합니다
- 내용을 스크롤하려면 사이드 바 안에 마우스를 배치해야합니다.
- 동일한 회사와 다른 결정을 내리는 두 가지 예는 고정 너비, 하나의 스크롤 막대 사이트 인 Google 코드와 두 개의 스크롤 막대가있는 Google 리더입니다. Google 리더에서는 콘텐츠가 동적으로 생성되므로 스크롤 막대가 필요하다고 생각합니다.
도움을 주셔서 감사합니다. 특히 어느 쪽이든 데이터가 기울어지면 알려주십시오.
귀하의 질문에 열거하지 않은 옵션은 플로팅 사이드 바를 사용하여 내용을 스크롤하는 것입니다 (이 위치는 내용 가장자리가 아닌 항상 창 가장자리에서 고정 된 거리입니다).
두 열을 스크롤해야하는지 신중하게 생각합니다. 강조 표시 한 경우, 메인 컨텐츠와 사이드 바 사이의 사용자 전환 컨텍스트는 페이지에서 위치를 잃어야합니다 (메인 컨텐츠의 맨 아래로 스크롤되어 사이드 바의 맨 위 근처에 액세스해야하는 경우). 독립적으로 스크롤 프레임을 찾아야하고 스크롤 동작을 가져올 열을 선택하려면 더 많은 마우스 이동이 필요합니다.
개발중인 응용 프로그램의 범위를 알지 못하면 첫 번째 권장 사항은 사이드 바 내용을 창 높이보다 작게 제한하는 것입니다. 여유 공간이 더 필요한 경우 사이드 바에 탭을 사용하거나 사이드 바에 가로로 페이지가 매겨진 섹션이있을 수 있습니다.
스크롤을 피하고 사이드 바 탐색을 다른 방법으로 해결하려고합니다. 예를 들어 페이지 매김 및 사이드 바의 아약스와 같은 변경이 있습니다.
당신은 이미 각 유형의 장단점을 알고있는 것처럼 보이므로 너무 많은 것이 없습니다. 말했듯이 일부 사이트에는 두 개의 스크롤 막대가 필요하지만 대부분의 사이트에는 하나의 스크롤 막대가 필요합니다.
나는 당신이 언급 한 2 사이의 십자가 인 또 다른 아이디어를 추가 할 것입니다. 정적으로 배치 된 사이드 바 (css, position : fixed)를 만들면 여전히 하나의 스크롤바만으로 사이드 바가 그대로 유지됩니다. 이것은 사용자에게 다소 덜 혼란스럽고 사이드 바 내용이 페이지보다 짧으면 좋습니다.