힘 드는 큰 웹사이트 탐색 디자인을 수행 하는 전통적인 항해 스타일

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

저자: 폴 Boag

소개

대부분의 웹 사이트에 대 한 탐색 도전이 아니다. 수준 2 탐색 지원 플러스 기본 탐색은 일반적으로 충분 합니다.

대부분의 웹 사이트에 대 한 탐색 도전이 아니다. 수준 2 탐색 지원 플러스 기본 탐색은 일반적으로 충분 합니다.

일반적으로, 수준 2 탐색 부모, 형제, 그리고 현재 하위 메뉴를 표시합니다. Changxian의 주요 탐색 모음 메뉴 사이 전환 하려면 사용자가 최상위 메뉴를 보여 줍니다.

그러나,이 전통적인 탐색 스타일 몇 가지 어려움을 견딜 수 있도록 웹 사이트의 수가 있습니다. 이것은 큰 웹사이트를 언급 하 고 싶습니다.

대형 웹 사이트를 정의

대형 웹 사이트는 통합된 서비스와 제품을 결합 하 여 전형적인 큰 조직에 의해 소유 된다. 이 조직에는 또한 일반적으로 사용자의 다양 한을 제공합니다.

마이크로소프트의 기업 유형, 회사, 정부 부처, 교육 및 월드 와이드 기금 자연에 대 한 같은 자선 단체의 활동의 다양 한 BBC 같은 대형 웹 사이트에 사용 하는 조직

이 사이트:

거 대 한

많은 수준 및 깊은

여러 개의 작은 웹 사이트 및 채널의 구성

많은 관객을 수용

많은 입구

이 규모 수준의 복잡 한 사이트 탐색 도전 이다.

대형 웹 사이트에 탐색 과제

우리의 회사에서 우리 작업의 많은에 지출 같은 대형 웹 사이트, 우리가 전통적인 탐색을 사용 하고자 하는 때에 특히.

전통적인 탐색 깊은 수준을 감당할 수 없습니다.

전통적인 탐색 사이트의 깊이 더 어려워집니다. 전통적인 탐색 3 레이어;에 대처 하기 쉽습니다. 부동산 사이트 탐색의 여러 페이지에 확장 하는 경우에 그들은 더 이상 콘텐츠를 탐색 하기 위해 최선을 다하고 있을 것입니다 (대형 사이트 페이지 문제가 더 심각 하 게 너무 많이), 또는 더 많은 최상위 페이지 탐색에 더 이상 표시.

후자의 경우 사용자 사이트의 깊은 수준 페이지에서 사용 하는 경우 그들은 되지 것입니다 상위 하위 관계를 이해할 수 있기 때문에 전체 웹사이트 장소에서 현재 페이지를 볼 수 없습니다.

비록 전통적인 탐색 처리 빵 부스러기와 함께 결합 된 통합된 웹 사이트, 하지만 부동산 사이트를 이렇게, 비용 상승에 맞게 확장할 수 있습니다.

전통적인 탐색 여러 포털을 호스팅할 수 없습니다.

사용자는 작은 웹 사이트 또는 웹 사이트의 메뉴 페이지를 통해 전달, 이동의 전통적인 방법으로 사용자에 게 혼동 될 것입니다.

대학 연구 프로젝트를 고려 하는 학생의 예를 가져가 라. 사람 전체 학교 보다 학부의 세부 사항에 더 관심이 있을 수 있습니다. 그래서 사이트의 부서 페이지, 하지의 학교 홈페이지에 들어가 쉽습니다.

또 다른 예는 단일 엄마 아기 혜택에 대해 알고 싶어요. 그들은 정부 홈페이지 보다 복지를 직접 보조 채널에 가깝다입니다. 이 경우에, 사용자의 초점은 현재 콘텐츠입니다. (예: 항목 페이지 또는 자식 복지 페이지). 그들은 즉시 전체 사이트에 관심이 없습니다.

불행 하 게도, 전통적인 1 단계, 2 단계 탐색 여부 또는 하지 그들은 그것을 원하는 사용자가 전체 사이트 환경을 이해를 얻을 하려고 합니다.

대학 페이지에서 "연구" 메뉴 대학의 연구를 하거나 연구소에만 의미합니다. 두 개의 동일한 메뉴 표시 되 고 다른 장소를 가리킨 하면 어떻게 됩니까?

최악의 경우, 현재 컨텍스트 탐색 콘텐츠 사용자의 이해에 영향을 실제로 수 있습니다. 예를 들어 "회사 소개" 메뉴에 대 한 링크, 학생 회관 생각 하는가 그것은 대학 또는 학교 전체에 대해? 일부 극단적인 경우에, 당신은 현재 콘텐츠를 (같은 "소개") 더 넓은 몸 같은 이름의 탐색 찾을 수 있습니다.

솔루션 탐색

모든 것 들 처럼, 아니 완벽 한 솔루션이입니다. 하지만 여전히 일부 프로그램은 더 나은 탐색 향한 걸음으로 작은 사이트에 적합. 첫 번째 옵션은 가장 급진적.

완전히 제거 하는 탐색

그것은 전통적인 항해에서 침입에 대 한 라스의 연설에서이 접근 방식에 대해 처음 들었을 때 06 처럼 보였다. 그는 웅대한 탐색, 사용자가 사이트를 통해 그들의 자신의 경로 찾을 수 있도록 하는 대신 사용자에 게 거부 했다.

이 방법을 사용 하려면 각 페이지를 별도 문서 되 고 적절 한 키워드 데이터 표시 됩니다. 사용자가 다음 여는 태그와 관련 된 검색을 통해 페이지 간 탐색을 찾을 수 있습니다. 키워드 데이터를 각 페이지와 관련 이미 하는 경우 문서 관계를 설정 하도록 견인 링크 또한 실현 됩니다.

이 접근에 몇몇 이득이 있다:

지원 무제한 웹사이트;

도달; 깊은 링크에서 사용자

그것은 보다 유연한 페이지 사이의 관계를 허용 하 고 페이지 추가 및 삭제 변경;를 쉽게 수용할 수 있습니다.

물론,이 메서드는 또한 그것의 자신의 제한이 있다. 웹사이트의 독립적인 채널 아직도 방문 페이지 있어야 한다 (와 같은: section.bbc.com), 사업에 게 작동 없이 특정 역으로 괴 롭 혀도. 더 중요 한 것은,이 방법은 문서 태깅 및 강력한 검색 기능, 둘 다 큰 웹 사이트에서 구현 하기 어려운 것에 크게 의존 합니다.

즉, 벽돌을 너무 빨리 촬영을 하지만 선택입니다.

사이트 여러 역으로 분하시오

또 다른 옵션은 더 작고, 더 다루기 쉬운 역으로이 큰 웹 사이트를 합니다. 이것은 BBC에 의해 채택 하는 접근입니다.

시간을 절약 하는 대신 BBC 파산 그리고 라디오, 텔레비전, 스포츠, 뉴스 등 여러 보조 역으로 분산. 각 사이트는 독립적인 탐색, 따라서 대형 웹 사이트의 탐색을 피하고 있다.

BBC에 위쪽 탐색에 대 한 일관성 있는 접근 인터페이스, 하위 사이트 간에 전환할 때 사용자 사이의 분리를 방지 합니다.

BBC는 탐색 및 디자인 일관성을 유지 하는 동안 비 대 한 사이트를 피하기 위해 몇 가지 작은 역으로 세분화 했다.

BBC의 하위 역 다양 한 있지만, 그들은 사용 하 여 동일한 지배적인 탐색, 타이포 그래피, 레이아웃, 모듈 같은 일관성 있는 디자인 언어. 이 언어는 고체 사용자 경험 다른 관객과 테마에 맞게 충분히 유연 되도록 BBC 글로벌 경험 언어 정의 일치 합니다.

그것은 좋은 줄입니다. 각 하위 역 너무 다른, 사용자는 UI에 있는 변화에 의해 혼동 하는. 하자 그들 너무 비슷한 사용자가 원래 사이트는 탐색 구조를 찾을 수를 줄 것 이다.

이동 경로 탐색

세 번째 gov.uk에 의해 채택 하는 제도입니다. 그 탐색의 예약을 포기 하 고 자식 콘텐츠는 페이지의 내용을 연결할. 다음 빵 부스러기를 사용 하 여 사용자가 그들의 탐색 레벨을 식별 하 고 필요할 때 우수한 나무 돌아갈 수 있도록.

Gov.uk 빵 부스러기 탐색에 거의 독점적으로 사용 합니다.

이렇게 많은 이점이 있다. 첫째, 그것은 주는 자식 콘텐츠에 더 많은 설명 하는 동안 탐색의 발자국을 최소화 한다. 이것은이 수준을 이해 하는, 청소기, 간단 하 고 쉬운 방법은입니다.

그것은 또한 좋은 모바일 장치 (gov.uk 소통량의 40%)를 마이그레이션할입니다.

뛰어난 부스러기 사용자에 게 페이지에서 무슨의 명확한 그림을 제공 하 고 그것은 분명 다음 할 일을. 가장 중요 한 것은, 탐색 보다 더 강조를 표시 합니다.

그러나,이 방법은 또한 그것의 자신의 결함이 있다

빵 부스러기 및 페이지 링크에 전적으로 의존 하는, 사용자가 그들의 현재 위치에 대 한만이 정보를가지고. 그들은 현재 페이지의 동료와 사이트의 전체 모양을 인식 수 없습니다. (예, 그들은 모 르 겠 최상위 메뉴 내용)

이 사용자 단순히 특정 작업을 수행 하 고 사이트도 동일한 위치에서 모든 콘텐츠를 연결 하 여 작업의 요구를 충족 하는 경우는 문제가 되지 않을 것입니다. 그러나, 사용자가 포괄적인 연구 모델 또는 때 작업 관련 콘텐츠는 여러 페이지에 걸쳐 확산 되는 때,이 이렇게가 충돌.

충돌은 사용자의 메뉴 계층 구조에서 아래로 구동 해야 경로 때문입니다. 메뉴 사이 이동할 수 없습니다입니다.

다행히도, 빵 부스러기를 사용 하 여 탐색 탐색 도구, 전통적인 탐색 개선에 의해 보충 하는 하이브리드 구조가입니다.

내가 선호 하는 계획

프로그램은 젤 전에 BBC 스포츠 역에 의해 영감을.

BBC 세로로 주름 전통 빵 부스러기 가로 그들을 확산 하는 대신. 각 이동 경로 목록의 끝에, 현재 페이지의 하위 페이지도 표시 됩니다. 나무의 바닥을 도달 하면, 탐색 자식 콘텐츠 대신 현재 페이지의 형제 콘텐츠를 표시 하 고 있습니다.

오래 된 영국 BBC 스포츠 역 주요 탐색 도구로 수직 부스러기를 사용합니다. 때 사용자는 축구 또는 다른 모든 스포츠 메뉴를 입력 합니다. 사진 by:i.e. 형제 자매

이 방법은 사용자의 현재 위치, 탐색의 공간 발자국을 줄이는 명확한 감각을 주는 한 곳에서 모든 탐색에 중점을 둡니다. 하지만 문제는 gov.uk와 동일.

나는 브라이튼 대학에서 일하고 있었는데, 우리 BBC 스포츠 역 프로그램을 제안 하지만 중요 한 항목을 연결. 위쪽 탐색 모음 Changxian 권장합니다. 비록이이 페이지에 더 많은 탐색 추가, 사용자는 사이트의 구조에 대 한 개요를 제공 합니다. 신속 하 게 많은 정보 (예를 들어 한 학생 코스와 숙박 정보를 공부)를 해야 하는 사용자가 이러한 메뉴 사이 이동할 수 있습니다.

많은 경우에, 이것은 간단 하 고 강력한 사용자 경험을 만들 정도로입니다. 그러나,이 형제 페이지를 볼 필요를 해결 되지 않습니다.

빵 부스러기와 같은 수준 표시

지금까지, 난이 문제를 두 가지 가능한 솔루션으로 간주.

가설 수준에서 실행 되는 일반적으로 서로 연관 되어, 예를 들면, 그들은 동일한 이야기의 일부. 이에 기초, 단순히 연결 "다음" 및 "이전" 단추 (예: 그 많은 블로그에서 발견) 해결책을 형성 하기에 충분 한 수 있습니다. 사용자가 따라서 한 번의 클릭으로 그들의 동료 사이 전환할 수 있게 됩니다.

또 다른 대안은 그 옵션의 형제 노출 메뉴에서 탐색 하는 빵 부스러기의 각 계층을 것입니다. 이 사용자는 사이트의 레이어에서 모든 수준에서 뛰어가 고 또한 별도 지배적인 탐색 스트립에 대 한 필요를 무시 수 있습니다.

수직 이동 경로를 팝업 메뉴를 추가 하 여 사용자가 신속 하 게 사이트의 어떤 수준 든 지 입력을 허용.

수직 사용 하 여부 전통적인 가로 이동 경로,이 할 수 있습니다.

이 메서드를 테스트 하지 않았습니다, 그리고 모바일 장치를 고려해 야 합니다.

당신은 내게 더 많은 아이디어를 줄 수 있습니다.

당신이 볼 수 있듯이, 통합된 웹 사이트 탐색 문제 까다로운 이며 명확한 솔루션 처럼 보이지 않는다. 이 기사를 쓰고 나를 위해 주된 이유 중 하나는이 주제에 대 한 토론을 열고 더 많은 대안을 그릴 벽돌을 던 질 수 있도록 노력 하겠습니다 것입니다.

그것은이 이유는 정말 감사 의견, 또는 검색할 대체 탐색 경우에 몇 가지 아이디어를 주고.