웹사이트의 메뉴는 오래된 사용성 문제 중의 하나입니다. 특히 메뉴 항목이 많은 웹사이트에서는 더더욱 문제가 됩니다.

 
이 케이스를 대하는 가장 중요한 태도는 완벽한 정답을 찾지는 말라는 것입니다. 왜냐면 아직 해결하지 못한 오래된 문제이기 때문입니다. 

가장 먼저 정리할 것은 홈택스 웹사이트를 써보면서 As-Is 문제를 파악하는 것입니다. 

첫 화면에서만 메뉴를 눌러보지 말고, 다른 기능(증명서 발급 등)을 사용해 보면서 여러 페이지를 통해 목표를 달성하는 과정을 수행해 보세요. 메뉴가 화면을 덮으면서 생기는 문제는 두 번째 세 번째 화면에서 더 많이 생깁니다.

 
두 번째로는 ‘메뉴 펼침 중지' 버튼이 효과적인지 파악해 보세요. 이 버튼이 있다는 것은 많은 사용자 불만이 있었다는 증거입니다.

 
고려 사항에 설명된 대로 메뉴 항목이 많은 웹이나 소프트웨어를 벤치마킹해보세요. 가장 잘 알려진 사례는 아마존 웹사이트입니다. (쿠팡닷컴도 유사) 메뉴 항목이 많을 때에 어떻게 해결하고 있는지 벤치마킹해보세요.

 
아이디어를 내보세요. 다양한 시도를 하는 아이디어를 내는 것이 좋습니다. 

예로 첫 번째 레벨 메뉴만 보여준다거나, 아마존처럼 왼쪽에 보여준다거나, (이렇게 할 수 있는 이유는 검색이 잘되기 때문에 메뉴는 보조적인 수단으로 했기 때문입니다.) 메뉴를 첫 화면이 아닌 경우에는 보여주지 않는 방식을 시도해 보세요.

 
가장 바람직하다고 생각하는 안을 선택해서 설명하세요. 이 케이스는 문제 해결을 어떤 방식으로 하는지가 더 중요합니다. 과정을 설명하고 이 디자인안을 선택한 이유와 좋아지는 점을 기술하세요. 

👍 잘한 점 

메뉴 사용성에 대해 파악하고 메뉴 항목이 많은 서비스의 벤치마킹을 수행해서 현재 UX의 문제를 해결하기 위한 다른 방안을 찾았습니다.

 
메뉴 항목을 재구성하는 시도가 아니라 (실제로 항목이 많을 수록 재구성이 어려우며 그 결과도 별로 티가 나지 않습니다), 자주 사용하는 메뉴와 특정 기간에 많이 사용되는 메뉴를 제공하는 다른 방식을 고안하였습니다. (실제로 홈택스 사용자들은 많은 기능 중 본인이 자주 사용하는 메뉴를 반복 사용하며, 특정 기간에 많이 사용되는 메뉴가 있습니다.)

📌 부족한 점 

디자인안에서 2뎁스 메뉴와 3뎁스 메뉴가 1뎁스 자리에 나타는 방식을 선택했습니다. 1뎁스의 항목 구분이 명확한 경우에는 사용할 수 있지만, 그렇지 않은 경우에는 추천되지 않는 방식입니다. 오히려 1뎁스 오른쪽에 2뎁스, 3덱스가 같이 보이는게 메뉴 탐색에 나은 방식입니다.

 
해당 홈페이지에는 이미 방문자별 맞춤 메뉴와 최근 인기 메뉴가 첫화면에 나오고 있습니다. 현재 안 대로라면 이들을 메뉴 안으로 옮기자는 것으로 보이는데 이게 더 나은 생각이라고 보이지는 않습니다.

 
결과물 정리를 As-Is 문제 > 인사이트 > 아이디어 > UX 프로토타입의 체계로 하고 이들 사이의 연결을 잘 보여주면 (문제와 인사이트의 연결, 인사이트와 아이디어의 연결 등) 더 체계적으로 보입니다.

 
참고로 메뉴 문제는 실무에서 계속 지속되어온 문제입니다. 메뉴 자체로 해결은 거의 불가능합니다. 그런데 메뉴를 사용하는 이유는 원하는 기능을 찾기 위해서이므로 검색이 더 잘되게 하는 방식으로 해결하고 있습니다. 예로 쿠팡에서 메뉴로 상품을 찾는 사용자는 많지 않습니다. 그 이유는 검색이 잘되기 때문이죠. 

📘 총평 

이 케이스는 오래되었으며 어려운 사용성 문제를 해결하는 사례입니다. 그래서 아이디어가 나와도 이미 적용되어있거나 과거에 사용되었거나 하는 경우가 많습니다. 

그래서 메뉴 자체 보다는 메뉴를 왜 사용하는지(원하는 기능을 찾기 위해서)로 문제를 재정의하고 이를 검색이나 바로가기 등의 다른 방식으로 해결하는 접근법이 좋습니다. 그리고 나서재정의한 문제와 이를 해결한 디자인안을 설명하시면 좋습니다. 

문제를 재정의해야 하는 다른 케이스를 Faith’mkr에서 해보시면서 문제해결역량을 키우세요.

전문가의 평가: C
S: 감탄할 만한 수준입니다.
A: 실제 상품에 바로 적용할 수 있어요.
B: 부족함이 조금 있습니다.
C: 노력이 필요해요.