국세청 홈택스(www.hometax.go.kr)는 연말 정산 및 증명서를 받기 위해 많이 사용하는 사이트이다.
현재 이 사이트의 메뉴는 상단 GNB (Global Navigation Bar)에 커서를 올리면 오른쪽 그림처럼 메뉴가 화면을 덮는 방식으로 만들어져 있다. 이 방식은 GNB아래의 Body 영역에서 텍스트 입력, 버튼 클릭을 하다가 커서가 GNB 영역을 침범하면 메뉴가 화면을 덮어서 Body 부분이 보이지 않는 사용성 문제가 있어서 추천되지 않는 방식이다. 홈택스도 이 문제를 아는 것인지 “메뉴 펼침 중지/사용" 버튼을 달아놓았다. 홈택스 사이트의 메뉴는 어떻게 개선되어야 할지 UX를 기획해 보세요. (바뀐 메뉴 동작 방식을 설명하면 됩니다.)
케이스 풀이시 고려사항
익숙하게 사용하는 UX 콤포넌트들이 특정 사이트에서는 사용성 문제를 일으킵니다. 이 케이스의 경우는 메뉴 항목이 너무 많기 때문에 화면을 거의 모두 가리는 문제로 나타났습니다. UX 디자이너는 이런 문제를 미리 예측하고 해결하는 역량이 필요합니다.
서비스에서 지원하는 기능이 너무 많다보니 메뉴가 많아진 사이트입니다. 기능(메뉴)이 너무 많을 때의 UX 문제를 다른 서비스들은 어떻게 해결했는지 찾아보세요. 예로 휴대폰이나 마이크로소프트 오피스, 쿠팡 같은 오픈 마켓 등이 많은 기능/컨텐츠를 담기 위한 UX를 가지고 있습니다.
문제
국세청 홈택스(www.hometax.go.kr)는 연말 정산 및 증명서를 받기 위해 많이 사용하는 사이트이다.
현재 이 사이트의 메뉴는 상단 GNB (Global Navigation Bar)에 커서를 올리면 오른쪽 그림처럼 메뉴가 화면을 덮는 방식으로 만들어져 있다. 이 방식은 GNB아래의 Body 영역에서 텍스트 입력, 버튼 클릭을 하다가 커서가 GNB 영역을 침범하면 메뉴가 화면을 덮어서 Body 부분이 보이지 않는 사용성 문제가 있어서 추천되지 않는 방식이다. 홈택스도 이 문제를 아는 것인지 “메뉴 펼침 중지/사용" 버튼을 달아놓았다. 홈택스 사이트의 메뉴는 어떻게 개선되어야 할지 UX를 기획해 보세요. (바뀐 메뉴 동작 방식을 설명하면 됩니다.)
케이스 풀이시 고려사항
익숙하게 사용하는 UX 콤포넌트들이 특정 사이트에서는 사용성 문제를 일으킵니다. 이 케이스의 경우는 메뉴 항목이 너무 많기 때문에 화면을 거의 모두 가리는 문제로 나타났습니다. UX 디자이너는 이런 문제를 미리 예측하고 해결하는 역량이 필요합니다.
서비스에서 지원하는 기능이 너무 많다보니 메뉴가 많아진 사이트입니다. 기능(메뉴)이 너무 많을 때의 UX 문제를 다른 서비스들은 어떻게 해결했는지 찾아보세요. 예로 휴대폰이나 마이크로소프트 오피스, 쿠팡 같은 오픈 마켓 등이 많은 기능/컨텐츠를 담기 위한 UX를 가지고 있습니다.
모범답안
다른 회원이 풀어본 모범답안을 참고하며,
더 나은 솔루션을 고민해보세요.
김XX 회원님이 제출하신 케이스 모범답안입니다.
답안 제출을 망설이지 마세요. 디자인에 정답은 없습니다.
머뭇거리는 것 보다는 전문가의 1:1 피드백을 받는 것이 역량 향상에 훨씬 도움이 됩니다. 일곱시로 실무 UX 역량을, 특히 채용 과정에서 중요한 문제해결 역량을 쌓아가세요.