모바일 내비게이션 패턴 비교

모바일 내비게이션은 몇 가지 익숙한 패턴이 있습니다. 새로운 방식을 만들기보다 익숙한 것을 쓰는 편이 사용성에 유리합니다.

방문자가 처음 보는 방식이면 학습이 필요하고, 그 과정에서 이탈합니다.

햄버거. 일반 기업 홈페이지 대부분.

하단 탭 바. 서비스형 사이트에 적합.

상단 스크롤 탭. 쇼핑몰 카테고리 등.

우선 노출 + 더보기.

햄버거 + 하단 문의 버튼. 실무에서 가장 많이 쓰입니다.

메뉴 방식과 별개로, 문의나 전화 같은 핵심 행동은 화면 하단에 고정해 두는 것이 좋습니다. 엄지가 가장 쉽게 닿는 위치입니다.

스크롤을 아무리 내려도 버튼이 보이므로 전환에 직접 기여합니다.

1뎁스만 표시

깔끔하지만 여러 번 눌러야 함 · 전체 구조를 파악할 수 없음 · 뒤로 가기가 번거로움

하위까지 표시

한 번에 구조 파악 · 원하는 곳으로 바로 이동 · 목록이 길어지므로 접기 기능 병행

□  익숙한 내비게이션 패턴을 쓰고 있는가

□  메뉴 수와 사용 빈도에 맞는 방식인가

□  하단 고정 바에 핵심 행동이 있는가

□  하단 바 항목이 2~4개인가

□  아이콘과 글자를 함께 쓰는가

□  페이지 하단 내용이 바에 가리지 않는가

□  메뉴를 열었을 때 하위 구조까지 볼 수 있는가