메뉴가 열두 개씩 늘어서 손님이 정작 찾던 연락처 하나를 놓치고 화면을 떠난다 — 작은 회사 웹사이트 내비게이션(메뉴) 설계의 5가지 원칙

홈페이지를 열자마자 손님이 가장 먼저 눈으로 더듬는 곳은 화면 맨 위 메뉴입니다. 그런데 정작 많은 작은 회사 사이트는 이 메뉴에 "회사소개·연혁·비전·인재상·CI·오시는길·공지사항·갤러리·자료실…"을 한 줄에 욱여넣습니다. 항목이 많을수록 친절해 보일 것 같지만, 손님 입장에선 이정표가 열두 개씩 늘어선 갈림길 앞에 선 셈입니다. 결국 자기가 찾던 전화번호 하나를 놓치고 뒤로가기를 누릅니다. 내비게이션은 디자인의 장식이 아니라 손님이 길을 찾는 지도입니다. 작은 회사 웹사이트라면 이 다섯 가지만 지켜도 길 잃는 손님이 확 줄어듭니다.

1. 메뉴는 다섯 개 안팎으로 줄인다

사람이 한눈에 훑고 기억하는 항목은 대략 다섯에서 일곱 개입니다. 항목이 그보다 많아지면 손님은 읽지 않고 그냥 넘겨버립니다. 회사소개·서비스·후기·블로그·문의처럼 손님이 실제로 찾는 것 위주로 추리세요. 연혁이나 CI처럼 덜 중요한 내용은 별도 메뉴로 두지 말고 회사소개 페이지 안으로 넣으면 됩니다.

2. 메뉴 이름은 업계 용어가 아니라 손님의 말로 쓴다

"솔루션", "포트폴리오", "인사이트" 같은 단어는 만든 사람에겐 익숙해도 손님에겐 낯섭니다. "이런 일을 합니다", "작업 사례", "블로그"처럼 손님이 머릿속으로 떠올리는 단어를 그대로 적으세요. 메뉴 이름 하나가 곧 그 페이지에 무엇이 있는지 알려주는 약속입니다.

3. 가장 중요한 행동은 버튼으로 따로 강조한다

모든 메뉴를 똑같은 글자색으로 나열하면 손님은 어디를 눌러야 할지 헷갈립니다. 문의·예약·견적처럼 매출로 이어지는 핵심 행동은 메뉴 맨 오른쪽에 색이 들어간 버튼으로 도드라지게 두세요. 나머지가 안내판이라면, 이 버튼은 "여기를 누르세요"라고 손을 내미는 자리입니다.

4. 모바일에서는 햄버거 메뉴에만 의존하지 않는다

손님 대부분은 휴대폰으로 들어옵니다. 작은 화면에서 메뉴를 줄 세 개(햄버거 아이콘) 안에 모두 숨기면, 가장 중요한 전화·문의까지 한 번 더 눌러야 보입니다. 전화 걸기나 문의 버튼만큼은 메뉴를 펼치지 않아도 화면에 늘 보이도록 빼두세요. 통화 한 통이 곧 계약인 업종일수록 효과가 큽니다.

5. 지금 어디에 있는지, 어떻게 돌아가는지 늘 알려준다

손님은 사이트 안에서 자기 위치를 잃기 쉽습니다. 현재 보고 있는 메뉴 항목은 색이나 밑줄로 표시해 "지금 여기"를 알려주고, 로고는 어느 페이지에서든 눌러 첫 화면으로 돌아가는 비상구 역할을 하게 하세요. 위치는 항상 같은 자리에 고정해, 손님이 페이지를 옮길 때마다 메뉴를 새로 찾지 않게 합니다.

메뉴는 적게, 말은 쉽게, 핵심은 또렷하게

좋은 내비게이션은 손님이 그 존재를 의식하지 못한 채 원하는 곳에 도착하게 합니다. 항목을 줄이고, 손님의 언어로 이름 붙이고, 가장 중요한 버튼 하나를 또렷하게 세우는 것만으로도 "길 잃고 떠나는 손님"이 눈에 띄게 줄어듭니다. CYAN은 작은 회사의 웹사이트를 만들 때 화려한 메뉴보다 손님이 헤매지 않는 동선을 먼저 그립니다. 메뉴가 너무 많아 정작 중요한 게 묻혀 있다면, 지금 우리 사이트의 첫 화면을 손님의 눈으로 한 번 천천히 따라가 보시길 권합니다.