it-swarm-ko.com

빵 부스러기 : 페이지 상단에 배치 하시겠습니까?

빵 부스러기가 페이지의 가장 왼쪽 상단에 배치되어야합니까?

이동 경로는 항상 탐색 메뉴 바로 아래 또는 페이지 내용 위에있는 것 같습니다. 1stWebDesigner의 기사는 일부 빵 부스러기 디자인의 창조적 인 예 를 보여줍니다.이 중 99 %가이 형식을 사용합니다.

14
wnathanlee

페이지에서 빵 부스러기를 다른 모든 것 위에 놓으면 잘못된 시각적 계층이 만들어집니다.

보다 자세한 설명을 보려면 Steve Krug의 Do n't Make Me Think 를 읽어보십시오 (6 장 탐색 및 탐색 경로).

요약하면 페이지의 각 섹션에는 일반적으로 제목이 포함 된 헤더가 있지만 특정 섹션에만 영향을주는 작업이 포함될 수도 있습니다.

가장 빵 부스러기 제어는 페이지의 모든 것이이 위치에 고유하며 위치를 변경하고 전체 페이지를 변경한다는 것을 의미합니다.

우리가 일반적으로 사이트에 가지고있는 정신적 이미지는 모든 페이지에 공통적이고 공통적 인 줄 바꿈 요소가 있다는 것입니다. 이 요소에는 일반적으로 제목/로고, 탐색 등이 포함됩니다. 기술적으로 각 페이지와 함께 다시로드 될 수 있지만, 일정하고 변치 않는 것으로 인식해야합니다.

탐색이 탐색 경로 아래에있는 경우 탐색 아래의 컨텐츠 만 변경 (일관된 상태로 유지)하는 대신 다른 페이지로 탐색하는 것이 이상하게 느껴질 수 있지만 대신 계층 구조에서 "위"에있는 내용이 변경 될 수 있습니다.

10
Dan Barak

빵 부스러기를 넣는 가장 좋은 장소는 쓰레기통에 있다고 생각합니다. 그들은 실제로 사이트에 그렇게 많은 가치를 제공하지 않습니다.

당신이 그것들을 가지고 있다고 주장한다면, 사이트 탐색 후 그들을 놓을 가장 좋은 장소입니다. 사이트 맨 위에 배치하는 것은 나에게 매우 나쁜 생각입니다. 검색 엔진 최적화와 접근성을 손상시킬 수 있으며 사이트의 미학을 손상시킬 수도 있습니다. 빵 부스러기는 정확하게 "예쁜"것이 아닙니다.

콘텐츠 바로 위에있는 이유는 콘텐츠와 직접 관련되어 있기 때문입니다. 콘텐츠 및 탐색 경로와 연결되는 탐색/헤더 나누기 위에 배치하면 일부 컨텍스트가 손실됩니다. 나는인지 공명이라고하는 이런 종류의 것을 보았습니다. 비록 그것이 유효한 구는 아니지만, 여기서는 의미가 있습니다.

편집 : 접근성과 SEO에 해가되는 방법에 대한 확장 :

접근성 : 페이지 맨 위에 빵 부스러기를 놓으면 화면 판독기와 같은 보조 기술을 사용하는 사람들이 사이트 탐색 링크로 이동하기 위해 모든 빵 부스러기를 통과해야합니다. 이 때문에 탐색 링크를 클릭하거나 이동 경로 링크를 클릭하여 사용자에게 가장 적합한 대상을 고려해야합니다. 탐색이 유일한 탐색 경로 인 Craigslist가 아닌 경우 탐색 링크가 가장 적합합니다.

SEO : 검색 엔진은 특정 수의 링크 만 따라갑니다 (페이지에서 특정 양의 콘텐츠를 읽지 만 여기서는 덜 중요합니다). 다시 말하지만, 그것은 중요성으로 이어집니다. Google 크롤러, 사이트 이동 경로 링크 또는 기본 사이트 탐색 링크 (가장 크롤러가 사이트 이동 경로보다 훨씬 더 많은 콘텐츠를 가져 오는 것이 이상적임)가 뒤 따르는 것이 더 귀중한 것입니다. 대부분의 크롤러는 탐색 및 사이트 이동 경로보다 페이지를 더 깊게 따라갈 것이기 때문에 이제는 그다지 걱정하지 않아도되지만 이러한 종류의 정보를 사용하는 것이 좋습니다.

또한 사이트 맨 위에 배치하지 않아야하는 또 다른 이유를 생각했습니다. 사이트의 모든 페이지에 빵 부스러기가있는 것은 아닙니다. 따라서 사용자는 특정 방식으로 헤더에 익숙해 질 것이므로 특정 조치를 취하지 않는 한 시간이 지남에 따라 무시하는 법을 배웁니다. 즉, 사이트 이동 경로가 콘텐츠 바로 위에있는 것보다 훨씬 더 무시 될 가능성이 높습니다. 사용자가 콘텐츠 위에있는 경우 콘텐츠를 읽을 때 사용자의 비전에있을 가능성이 높습니다 (다시 말해 빵 부스러기와 콘텐츠 간의 공명).

5
Charles Boyung

Jakob Nielsen 다음과 같은 이유로 빵 부스러기를 권장합니다

  • 빵 부스러기는 사람들에게 높은 수준의 개념과 관련하여 현재 위치를 보여줍니다.
  • 사이트 이동 경로를 통해 한 번의 클릭으로 더 높은 사이트 수준에 액세스 할 수 있습니다
  • 이동 경로는 사용자 테스트에서 문제를 일으키지 않습니다.
  • 빵 부스러기는 공간을 거의 차지하지 않습니다.

그러나 그는이를 '보조 탐색'이라고하며 위치 제안에 대해서는 구체적이지 않지만 사이트의 주요 탐색 후 및 자회사는 강력한 영향을 미칩니다.

출처 http://www.useit.com/alertbox/breadcrumbs.html

1
DaveP

페이지 상단에 이동 경로/탭 하이브리드를 만들고 상단 UI 패턴의 Chrome 탭과 비슷한 기능과 형식을 사용하는 흥미로운 방법이 있습니다.

1
Virtuosi Media

당신이 그들을 사용하는 경우, 나는 그들이 H1 직전에 속할 것을 제안합니다.

그러나 나는 그들이 실제로 그렇게 유용하지 않다는 생각에 동의하는 경향이 있습니다. 한 번은 될 수있는 것은 매우 깊게 중첩 된 매우 구획화 된 항목이있는 사이트가있는 경우입니다. 사람들이 특정 제품 페이지에 방문하고 일반 제품 카테고리 목록으로 쉽게 이동할 수있는 온라인 소매 업체가 그 예입니다.

1
DA01