소셜 미디어 새로운 웹 사이트 탐색을 설계

새로운 웹 사이트 탐색을 설계

차례:

비디오: 10 Houseboats and Floating Home Designs that will Inspire You 2025

비디오: 10 Houseboats and Floating Home Designs that will Inspire You 2025
Anonim

시각적 디자인 이외에 사용자가 웹 사이트를 탐색하는 방법을 결정하는 것은 웹 디자이너로서 직면하게 될 더 까다로운 창의적인 작업 중 하나입니다. 주요 목표는 사람들이 사이트를 통제하고 신속하고 효율적으로 돌아 다니는 것을 느낄 수있게 만드는 것입니다. 귀하의 사이트에서 사용자가 느끼지 못하는 것보다 더 나쁜 것은 없습니다.

사람들이 주위를 돌아 다니고 지향을 유지할 수 있도록하기 위해 네비게이션 체계는 전체 사이트의 로드맵이어야하며 "현재 위치"표시가 있어야합니다.

1970 년대 TV 광고의 유명한 줄을 기억하십시오: "Tootsie Pop의 중심으로 가려면 얼마나 많은 릭이 걸리나요? "사탕이 많을수록 핥을수록 좋습니다. 그러나 웹에서는 그 반대가 사실입니다. 사용자는 페이지의 갯수를 탐색하는 데 맛있는 것을 발견하지 못합니다. 목표는 원하는 콘텐츠를 최대한 빨리 얻을 수있게하는 것입니다.

클릭 수를 줄이는 가장 좋은 방법은 사이트의 각 페이지에 1 차, 2 차 및 3 차 탐색 세트를 제공하는 것입니다. 이 전략은

글로벌 네비게이션 이라고 불리며 사람들은 어떤 단계를 거치지 않고도 한 주요 섹션에서 다음 주요 섹션으로 빠르게 이동할 수 있습니다. 또한 이러한 탐색 세트는 항상 같은 위치에 있으며 제공되는 정보는 변경하지 않는 것이 중요합니다 (탐색 옵션의 안팎을 바꿔 놓음). 이 일관성은 사용자에게 정신적 닻을 제공합니다. 섹션 내비게이션

사용자가 1 차, 2 차 또는 3 차 탐색 그룹에서 카테고리를 선택하면 섹션으로 이송됩니다. 섹션에 몇 가지 수준의 콘텐츠가 있다고 가정하면이 섹션을 탐색하는 방법이 필요합니다. 일반적인 방법은 페이지에

섹션 탐색

옵션을 표시하는 것입니다. 이러한 선택 항목은 섹션마다 고유하지만 표시 할 영역은 사이트의 다른 영역에 대한 섹션 탐색을 표시하는 데 사용되는 영역과 동일합니다.

이 섹션 탐색 디자인은 웹 사이트의 제품 영역에서 첫 번째 수준의 페이지를 보여줍니다.

이 섹션 탐색 디자인은 제품 영역의 1 차 및 2 차 레벨 페이지를 나타냅니다.

또는 섹션 탐색을 완전히 열어 표시 할 수 있습니다. 장점은 사용자가 섹션으로 모든 1 차 및 2 차 레벨 컨텐츠를 빠르게 볼 수 있다는 것입니다. 단점은 탐색이 많은 공간을 차지할 수 있으며 사용자에게 혼란스럽고 압도적 인 것처럼 보일 수 있다는 것입니다.

섹션 내비게이션은 종종 페이지 자체와 함께 드롭 다운 메뉴로 표시됩니다.

일반적으로 페이지의 첫 번째 레벨 만 표시되지만

플라이 아웃

메뉴는 두 번째 레벨 페이지에 빠르게 액세스 할 수 있습니다. 중복 된 섹션 탐색 기능은 페이지에 표시하고 글로벌 탐색 시스템의 드롭 다운 메뉴로 포함 시켜도됩니다. 빵 부스러기 흔적 남기기 헨젤과 그레텔이 빵 부스러기를 타고 숲을 통과 할 수 있다면 디지털 방식의 빵 부스러기가 웹 사이트 방문객을 위해 무엇을 할 수 있는지 생각해보십시오.

웹 디자인 업계에서 실제로 부름을받는 빵 부스러기는 섹션으로 깊숙이 들어가는 단계를 나타내는 흔적에 남기는 텍스트 링크입니다.

이 빵 덩어리 흔적은 사이트에서 단계를 추적하는 편리한 방법을 제공합니다. 빵 부스러기는 섹션 내에서 2 단계 이상 진입하는 탐색 기능이있는 사이트를 탐색하는 데 유용합니다. 예를 들어, 섹션 탐색을 사용하여 더 많은 링크가있는 페이지로 이동하면 이제 섹션의 계층 구조 중 세 번째 또는 네 번째 수준으로 다이빙됩니다. 페이지에서 세 번째 및 네 번째 수준의 탐색을 표시하는 것은 실용적이지 않습니다. 따라서 빵 부스러기는 단순히 네 발자국을 기록하고 더 깊이 잠수 할 때 더 길고 길어질 수 있습니다 (바라기 만해도 네 단계가 넘지 않거나 사이트의 카타콤에 들어갈 수 있습니다!). 각 빵 부스러기 링크는 계층을 백업하는 단계를 신속하게 되돌릴 수있는 방법을 제공합니다. 순서대로 링크를 따라갈 필요가 없습니다. 트레일의 링크를 클릭하면 계층 구조의 다른 레벨로 빠르게 이동할 수 있습니다. 흔적은 또한 당신이 사이트에있는 당신의 좋은 생각을 제공합니다. 그러나 글로벌 탐색 체계와 달리

다른

섹션으로 이동할 수는 없습니다.

섹션 내의 레벨로 다시 이동할 수 있습니다. 빵 부스러기 시스템을 스테로이드의 브라우저의 뒤로 버튼으로 생각하십시오. 빵 부스러기 인터페이스의 디자인 규칙은 각 이전 단계를 활성 텍스트 링크와 문자 (화살표, 콜론 또는 파이프) 다음에 모두 간단한 행으로 표시하는 것입니다. 트레일 끝의 마지막 항목은 현재 페이지를 나타내므로 링크가 아닌 링크가되어야합니다. 그것이 링크 인 경우 이상적인 사용자 경험이 아니라 단순히 페이지를 다시로드합니다.

새로운 웹 사이트 탐색을 설계

편집자의 선택

QuickBooks 2009로 직불 카드 및 크레딧을 유지하는 방법 - 모든 회계 시스템에서 인형

QuickBooks 2009로 직불 카드 및 크레딧을 유지하는 방법 - 모든 회계 시스템에서 인형

QuickBooks를 포함하여 자산 계정의 자연스러운 균형은 왼쪽 (차변)에 있고 자연 채무 및 소유자의 자본 계정은 오른쪽 (크레딧)에 있습니다. 예외적으로, 순 금액을 형성하기 위해 다른 계좌를 추가하거나 차감하는 반대 계좌 및 비용 계정이 예외입니다. 다음 도표는 ...

QuickBooks 설치 방법 2014 - 인형

QuickBooks 설치 방법 2014 - 인형

응용 프로그램을 설치하는 것과 같은 방식으로 QuickBooks를 설치합니다. 응용 프로그램을 설치하는 방법은 사용중인 Microsoft Windows의 버전에 따라 다릅니다. 그러나 일반적으로 Microsoft Windows의 최신 버전에서는 QuickBooks CD를 CD-ROM 또는 DVD 드라이브에 넣어야합니다. 이렇게하면 Windows가 보입니다 ...

QuickBooks 2012에서 고객에게 인보이스하는 방법 - 인형

QuickBooks 2012에서 고객에게 인보이스하는 방법 - 인형

을 사용하여 QuickBooks 2012에서 고객에게 인보이스를 보내려면 Invoices 창을 작성하여 고객을 식별하고 고객이 빚지고있는 금액을 지정하십시오. 두 가지 유형의 송장 양식이나 사용자 정의한 양식을 사용할 수 있습니다.

편집자의 선택

Joomla의 사용자 관리 개요 - 더미

Joomla의 사용자 관리 개요 - 더미

Joomla 사이트에는 8 개 수준의 사용자가 있으며 사용자 관리자와 Joomla. 8 개의 레벨은 3 개의 클래스로 그룹화됩니다. 첫 번째 사용자 클래스는 공개 프론트 엔드 클래스의 사용자입니다. 일반 사용자는 사이트의 캐주얼 서퍼입니다. 그들은 사이트를 볼 수 있지만 등록하지 않았습니다 ...

웹 디자인 및 개발 < < Joomla를 알기위한 좋은 방법은

웹 디자인 및 개발 < < Joomla를 알기위한 좋은 방법은

그것이 할 수있는 일을 살펴 보는 것, 즉 Joomla가 작동하는 사이트를 살펴 보는 것입니다. 다음은 몇 가지 예입니다. Oklahoma State University 먼저 Oklahoma State University 웹 사이트를 확인하십시오. 홈 페이지에는 맞춤 로고와 탐색 모음이 있습니다.

10 대 상위 Joomla 템플릿 사이트 - 인형

10 대 상위 Joomla 템플릿 사이트 - 인형

Joomla에는 몇 가지 내장 템플릿이 있지만, 그것들을 고수하라. 대신 인터넷에서 템플릿을 다운로드하고 설치합니다. 무료 사이트가 가장 인기가 있지만 가장 흥미롭고 전문적인 템플릿이있는 유료 사이트를 게을리하지 않습니다. SiteGround SiteGround는 많은 무료 Joomla 템플릿과 클레임을 제공합니다.

편집자의 선택

새로운 웹 사이트 탐색을 설계

새로운 웹 사이트 탐색을 설계

비주얼 디자인 이외의 방법으로 사용자가 웹 사이트를 탐색 할 때 웹 디자이너로서 직면하게 될 더욱 까다로운 창의적인 작업 중 하나입니다. 주요 목표는 사람들이 사이트를 통제하고 신속하고 효율적으로 돌아 다니는 것을 느낄 수있게 만드는 것입니다. 사용자보다 더 나쁜 것은 없습니다 ...

새로운 웹 사이트 용 페이지 템플릿 개발

새로운 웹 사이트 용 페이지 템플릿 개발

디자인 일관성, 사용 편의성, 엔지니어링을보다 실용적으로 만들기 위해 대부분의 웹 사이트에서는 템플릿이라는 작은 디자인 레이아웃을 사용합니다. 새 웹 사이트를 만들거나 기존 웹 사이트를 재 설계 할 때 페이지 템플리트를 개발해야합니다. 이 템플릿은 모든 종류의 컨텐츠, 메시징, ...을 처리하도록 설계되었습니다.

전자 메일 마케팅 메시지 제목 줄 디자인 -

전자 메일 마케팅 메시지 제목 줄 디자인 -

마케팅 전자 메일의 제목 줄은 잠재 고객에게 전자 메일 콘텐츠에 대한 힌트를 제공합니다. 소비자의 약 3 분의 1은 제목 줄을 사용하여 전자 메일을 열지 여부를 결정합니다. 가장 효과적인 제목 줄은 잠재 고객이 특정 정보를 찾기 위해 전자 메일을 열도록하는 것입니다. 끊임없이오고 있습니다 ...