둘이 섞이면 방문자가 길을 잃습니다
사이트의 메뉴는 정보를 찾아 읽는 길이고, 예약이나 신청 버튼은 구체적인 행동을 시작하는 입구입니다. 두 요소가 비슷한 모양과 이름으로 섞여 있으면 방문자는 설명을 읽으려다 신청 화면으로 넘어가기도 하고, 예약하려고 눌렀는데 소개 글만 만나기도 합니다. 의도와 다른 화면을 만난 방문자는 같은 사이트에서 다시 시도하기보다 떠나는 쪽을 택하기 쉽습니다.
그래서 화면 설계에서는 무엇이 탐색이고 무엇이 행동인지를 분명히 나누는 일이 필요합니다. 이름과 위치, 시각적 비중을 달리하되 서로 어긋나지 않도록 관리해야 합니다.
이름과 도착 화면이 맞는지 하나씩 눌러 보기
먼저 모든 메뉴와 버튼의 목적지를 확인합니다. 안내라는 이름의 메뉴는 해당 정보를 보여 주어야 하고, 예약하기라는 버튼은 실제로 예약 절차로 이어져야 합니다. 예약 방법을 설명하는 페이지만 열리는데 곧바로 예약이 가능한 듯이 적으면 방문자의 기대와 실제가 어긋납니다. 반대로 예약 전에 꼭 확인해야 할 조건이 있다면 버튼 가까이에 관련 안내를 연결해 두어야 합니다.
같은 이름이 서로 다른 목적지로 이어지는 경우도 흔합니다. 상단과 본문, 하단에 있는 같은 이름의 버튼이 같은 곳으로 가는지 표로 정리해 대조하면 이런 불일치를 쉽게 찾을 수 있습니다.
메뉴 이름을 정할 때에는 운영 부서가 쓰는 내부 용어보다 방문자가 실제로 쓰는 말을 우선합니다. 같은 기능을 어떤 화면에서는 접수, 다른 화면에서는 신청, 또 다른 곳에서는 예약이라고 부르면 서로 다른 절차로 오해할 수 있으므로 용어표를 만들어 통일해 두면 좋습니다.
모든 페이지에 강한 버튼이 필요한 것은 아닙니다
예약 버튼을 모든 화면에 크게 반복해서 놓는 것이 언제나 도움이 되지는 않습니다. 처음 정보를 접하는 단계의 방문자에게는 선택을 도와주는 설명이 먼저 필요합니다. 상세 페이지에서 조건을 충분히 확인한 뒤 다음 행동으로 예약을 제시하는 흐름이 자연스럽습니다.
중요한 예외 조건을 페이지 하단에 숨겨 둔 채 고정된 버튼만 강조하면, 방문자가 충분히 읽지 않고 신청 화면으로 이동할 위험이 있습니다. 이 경우 접수 후 불만이나 취소 문의가 늘어날 수 있으므로, 버튼의 강조 정도는 그 페이지에서 방문자가 확인해야 할 정보의 양과 함께 정해야 합니다.
시각 구분은 색상에만 의존하지 않기
탐색 요소와 행동 요소를 구분할 때 색상 하나에만 기대면 색을 구별하기 어려운 사용자에게는 전달되지 않습니다. 위치, 글자 이름, 아이콘의 의미를 함께 고려하고, 화면 낭독 프로그램에서도 링크와 버튼의 목적이 구별되어 읽히는지 확인합니다.
모바일에서는 화면 아래에 고정된 예약 버튼이 하단 메뉴와 겹치지 않는지, 키보드로 이동할 때 같은 이름의 버튼이 지나치게 반복되지 않는지도 살펴봅니다. 고정된 버튼이 본문 일부를 가려 읽기를 방해하지는 않는지도 실제 기기에서 시험해야 합니다.
버튼을 눌렀을 때 곧바로 개인정보 입력이 시작되는지도 구분해서 알려 줍니다. 입력이 시작되기 전에 필요한 준비물이나 소요 과정을 짧게 알리면 중간에 포기하는 일이 줄어듭니다.
예약 채널이 여럿일 때
전화, 온라인 신청, 외부 예약 서비스처럼 채널이 여러 개라면 각 채널이 어떻게 다른지 방문자에게 분명히 알립니다. 지점을 선택해야 하는 경우에는 고른 장소가 예약 화면에서도 유지되는지 확인합니다. 실제로 제공하지 않는 당일 예약이나 확정된 시간을 버튼 주변 문구에서 약속하지 않도록 주의합니다. 채널마다 처리 시간과 확인 방식이 다르다면 그 차이도 짧게 적어 둡니다.
과업을 주어 이동 경로 비교하기
마지막으로 처음 방문한 사람에게 두 가지 과업을 각각 줍니다. 하나는 필요한 정보를 찾는 것이고, 다른 하나는 예약을 시작하는 것입니다. 각 과업이 몇 번의 이동으로 끝나는지, 어디에서 망설이는지를 관찰하면 문제가 선명해집니다. 잘못된 화면으로 가는 사례가 나온다면 디자인을 손보기 전에 이름과 연결부터 고치는 편이 효과적입니다. 메뉴와 예약 버튼을 구분하는 목적은 클릭 수를 늘리는 것이 아니라 필요한 설명을 읽은 사람이 의도한 행동으로 정확히 이어지게 하는 데 있습니다.