국세청 홈택스(www.hometax.go.kr)는 연말 정산 및 증명서를 받기 위해 많이 사용하는 사이트입니다. 

현재 이 사이트의 메뉴는 상단 GNB(Global Navigation Bar)에 커서를 올리면 오른쪽 그림처럼 메뉴가 화면을 덮는 방식으로 만들어져 있습니다. 

이 방식은 GNB 아래의 Body 영역에서 텍스트 입력, 버튼 클릭을 하다가 커서가 GNB 영역을 침범하면 메뉴가 화면을 덮어서 Body 부분이 보이지 않는 사용성 문제가 있어서 추천되지 않는 방식입니다. 

홈택스도 이 문제를 아는 것인지 “메뉴 펼침 중지/사용" 버튼을 달아놓았습니다. 

홈택스 사이트의 메뉴는 어떻게 개선되어야 할지 UX를 기획해 보세요.

문제 풀이 시 고려사항

• 익숙하게 사용하는 UX 컴포넌트들이 특정 사이트에서는 사용성 문제를 일으킵니다. 이 케이스의 경우는 메뉴 항목이 너무 많기 때문에 화면을 거의 모두 가리는 문제로 나타났습니다. UX 디자이너는 이런 문제를 미리 예측하고 해결하는 역량이 필요합니다.
• 서비스에서 지원하는 기능이 너무 많다 보니 메뉴가 많아진 사이트입니다. 기능(메뉴)이 너무 많을 때의 UX 문제를 다른 서비스들은 어떻게 해결했는지 찾아보세요. 예로 휴대폰이나 마이크로소프트 오피스, 쿠팡 같은 오픈 마켓 등이 많은 기능/컨텐츠를 담기 위한 UX를 가지고 있습니다.