사이트를 최적화할 때 이러한 사용자 환경에 관한 원칙에 유의하세요.
사용자가 어떤 페이지에 도달하든, 첫 화면의 스크롤 없이 볼 수 있는 공간에 가장 핵심적인 콘텐츠를 게재하여 몇 초 안에 사용자의 시선을 사로잡아야 합니다. 간단한 계층 구조를 도입하면 사용자를 안내하고 사용자에게 제공하려는 정보를 강조하는 명확한 구조의 사이트를 구축할 수 있습니다.
또한 사이트의 정보 구조에도 신경을 써야 합니다. 사용자는 사이트에서 정보를 구성하고 표시하는 방식에 일관성이 있는 페이지를 친숙하게 느낍니다. 웹사이트 구조가 합리적이지 않거나 사용자의 기대와 다른 경우, 사용자는 사이트 탐색에 불편을 겪게 됩니다. 그리고 불편을 겪은 사용자는 사이트를 이탈하게 됩니다.
팁:아래의 간단한 디자인 팁을 활용하여 사이트 구조를 설계하세요.
- 대비: 색상, 채도 또는 투명도를 적용하여 페이지의 구성요소에 대비 효과를 줍니다.
- 크기: 크기는 사용자를 안내하기 위해 가장 쉽게 활용할 수 있는 디자인 요소 중 하나입니다. 크고 진한 글씨체를 적극적으로 활용하여 페이지의 핵심정보에 사용자의 관심을 유도해보시기 바랍니다.
- 정렬: 공통점이 있는 구성요소들이 함께 표시되도록 정렬합니다.
- 공백: 특정 요소에 시선을 끌기 위해 주위 공간을 공백으로 남겨 둡니다. 공백을 활용한 디자인은 시각적으로도 더 편안한 느낌을 줍니다.
- 그리드: 페이지의 레이아웃 구성요소에 간단한 그리드를 사용하면 체계적인 질서가 있어 보입니다.
예:
일반적으로 계층 구조를 통해 구조를 생성하는 사이트의 좋은 예는 신문 사이트입니다. 속보나 가장 중요한 뉴스는 사용자의 시선을 가장 먼저 사로잡을 수 있도록 스크린에서 가장 큰 공간을 차지하게 배열합니다. 다른 섹션의 주요 제목 역시 손쉽게 사용자의 시선을 끌기 위해 크고 진한 글씨체로 되어 있습니다. 사진과 제목의 크기와 대비는 사용자에게 페이지 전반을 안내하는 데 도움이 됩니다.
