홈페이지 문의 버튼, 왜 우측에 있을까? > 인사이트

안녕하세요 :) 에이전시원 입니다.

​

홈페이지를 많이 찾아보신 분들은 대부분 눈치채셨을 텐데요,

거의 모든 홈페이지의 오른쪽 상단에 '문의하기' 또는 '상담하기' 버튼이 있습니다.

​

이건 우연이 아닙니다.

오랜 연구를 바탕으로 만들어진 설계 방식이에요.

오늘은 그 이유를 아주 쉽게 설명해드리겠습니다.

​

시선의 원리

사람의 시선은 왼쪽에서 오른쪽으로 흐릅니다.

​

책을 읽을 때도, 화면을 볼 때도 자연스럽게 왼쪽에서 오른쪽으로 흐르죠.

​

그래서 홈페이지 상단 왼쪽에는 처음 마주치는 부분이기 떄문에 '어떤 사이트인지 알 수 있는 로고'를

오른쪽 끝에는 가장 중요한 행동 유도 버튼(결론)을 배치하는 거에요.​

시선의 마지막 도착지에 버튼을 두는 방식

이것이 많은 홈페이지들이 문의버튼을 오른쪽에 두는 핵심 이유입니다.

​

이런 원리를 구텐베르크 법칙 이라고 부릅니다.

F자로 읽는다는 연구 결과

홈페이지를 볼 때 사람들의 시선이 어떻게 움직이는지 추적한 연구가 있습니다.

결과는 알파벳 'F' 모양이었어요.

​

1. 상단 왼쪽 -> 오른쪽으로 훑고

2. 조금 내려와서 다시 왼쪽 -> 오른쪽으로 훑고

3. 이후 왼쪽 세로 방향으로만 빠르게 스캔

​

그래서 상단 오른쪽은 사람들이 가장 먼저, 가장 확실하게 보는 자리입니다.

이걸 모르고 만든다면 어떻게 될까요?

트렌디한 디자인을 만들고 싶어서 메뉴 위치를 임의로 바꾸거나,

방문자의 가독성을 고려하지 않은 형태로 제작하는 경우가 있어요.

​

홈페이지는 예쁜 것도 중요하지만,

방문자가 자연스럽게 행동하도록 설계되어야 진짜 역할을 할 수 있습니다.

에이전시원은 이렇게 제작합니다.

홈페이지를 제작할 때 디자인, 기능, 콘텐츠 등 여러 요소를 모두 고려하지만,

그중에서도 '방문자가 어떤 순서로 이 페이지를 보게 될까' 를 가장 중요하게 생각합니다.

​

버튼의 위치, 색상, 크기도 그냥 정하지 않습니다.

사소해 보이는 디테일이 결국 문의 한 통의 차이를 만들기 때문입니다.