사이트 구조, 레이아웃, 디자인 정의

중요한 이유는 무엇일까요?

작성을 시작하기 전에 사이트의 구조, 레이아웃, 디자인을 계획하면 실행할 항목의 우선 순위를 지정할 수 있습니다. 사이트의 범위를 좁히고 시작할 명확한 중대 사건을 설정하면 됩니다. 계획이 마련되면 사이트를 더욱 빠르고 쉽게 구축할 수 있습니다.

유의해야 할 사항은 무엇입니까?

사용자 환경:

사이트를 사용자를 위해 설계하는 제품으로 생각하십시오. 사용자가 사이트에서 원하는 것과 기대하는 것을 알아보려면 조사 및 인터뷰를 비롯한 사용자 환경 이니셔티브를 실행하십시오. 조사 내용을 개인 정보 및 구축한 여정과 통합한 후 사이트의 구조, 레이아웃, 디자인을 계획합니다. 가능한 경우 사용자 환경 및 사용자 인터페이스 디자이너를 참여시킵니다.

구조 및 정보 아키텍처:

사이트의 구조는 정보를 구성하는 방법에 따라 다릅니다. 사용자의 기대 및 요구를 고려하십시오. 콘텐츠를 찾기 위해 어떤 직관적인 경로를 따를 수 있습니까? 이러한 경로에 맞게 콘텐츠를 구성하고 콘텐츠를 쉽게 찾을 수 있게 하려면 어떻게 해야 합니까? 사용자 환경 조사를 실시한 경우 조사 결과를 참조하십시오.

계획된 사이트 콘텐츠를 레이블이 지정된 범주로 구성합니다. 레이블이 지정된 범주를 통해 사이트의 탐색 시스템 및 메뉴를 구성할 수 있습니다. 레이블은 간결하고 의미 있으면서 너무 포괄적이거나 구체적이지 않게 만드십시오. 예를 들어, 소개 레이블이 지정된 범주에서 비즈니스 위치, 운영 시간, 직원, 강령을 그룹화할 수 있습니다. 이 범주는 탐색 메뉴의 항목이 될 수 있습니다. 사용자가 원하는 최상위 범주가 탐색 메뉴에서 최상위 레이블이 될 수 있습니다. 그런 다음, 각 최상위 메뉴에 정보 하위 범주를 추가할 수 있습니다.

페이지 레이아웃:

사이트 구조에 대해 고안한 범주를 사용하여 콘텐츠가 포함된 페이지 및 하위 페이지를 구성하는 방법을 결정합니다. 사용자가 탐색 메뉴 또는 검색을 통해 쉽게 찾을 수 있도록 의도적으로 페이지의 제목을 지정하고 정보 아키텍처에 따라 순서를 지정합니다. 페이지를 개발할 때 탐색을 조정할 수 있습니다. 기본 페이지를 최상위 메뉴 범주와 일치시키고 하위 페이지를 하위 범주와 일치시킵니다.

페이지 레이아웃에 미리 구성된 Experience Cloud 템플릿을 사용하여 페이지를 디자인합니다. 사용 가능한 템플릿에는 파트너 웹 사이트 또는 도움말 센터를 호스팅하거나 고객 서비스를 제공하는 등 사용 사례에 맞게 고안된 레이아웃이 포함되어 있습니다.

사용자에게 중요한 콘텐츠 및 기능을 사용하여 페이지를 사용자 정의할 수 있습니다. 예를 들어, 사용자 환경 조사를 수행하는 동안 고객이 가장 많이 한 질문을 기반으로 사이트에 섹션을 추가합니다. 사용자가 필요로 하는 사항에 우선 순위를 지정하려면 가능한 경우 사용자 환경 및 사용자 인터페이스 디자이너와 긴밀하게 협력하십시오.

대상 그룹을 정의한 다음, 이를 작성하고 사용자 정의하는 페이지 변형과 연결할 수 있습니다. 대상 그룹에 속하는 사용자만 콘텐츠가 개인 설정되도록 페이지 변형을 볼 수 있습니다. 예를 들어 대상 그룹을 미국 서부 해안지에 거주하는 사용자로 정의합니다. 태평양 제도와 해안 지형의 사진을 사용하여 홈페이지의 변형을 만듭니다. 그런 다음, 페이지에 서부 해안 대상 그룹을 적용하여 해당 사용자만 볼 수 있도록 합니다. 다른 사용자에게 기본 페이지가 표시됩니다.

페이지 구조 및 구성 요소:

각 페이지 유형의 특정 구성 요소와 구조를 고려합니다. 가능한 경우 사용자 환경 디자이너와 협력하여 페이지의 기능 및 구성 요소 구성 스케치인 와이어 프레임을 만듭니다. 조기에 와이어 프레임에 대한 사용자 의견을 요청하고 설계 시 사용자의 요구를 통합하는지 확인할 수 있습니다. 또한 템플릿 중 하나를 사용하여 익스피리언스 빌더에서 사이트를 구상하고, 빌더에서 미리 보기 모드로 사이트를 보게 할 수 있습니다.

일부 웹 디자인 기능은 일관되고 표준화되어 있습니다. 예를 들어 페이지 머리글에는 오른쪽 상단의 회사 이름 또는 로고, 왼쪽 상단의 검색 창 및 중간의 메뉴 모음이 포함됩니다. 사용자가 해당 규칙에 익숙하므로 설계 시 해당 규칙에 유의하십시오.

브랜드를 통합합니다. 조직 이름을 배치할 위치와 적용할 색상, 글꼴, 이미지를 고려합니다. 해당 디자인 구성 요소는 브랜드 이미지를 반영합니다. 홈페이지에서 포럼, FAQ 페이지 등에 이르기까지 하위 페이지 전반에서 브랜딩을 일관되게 유지합니다.

추가 검색

익스피리언스 빌더에서 사이트의 페이지 및 속성 관리

익스피리언스 빌더에서 페이지 및 구성 요소 편집

Aura 사이트의 대상 그룹 타겟팅 사용자 정의