메뉴에 아이콘이 어디에나 – 도와 주세요
Source: Hacker News
개요
저는 “기본적으로 모든 메뉴 항목에 아이콘을 넣는다”는 철학을 별로 좋아하지 않았습니다.
예를 들어 Google Sheets는 이렇게 합니다. 파일, 편집, 보기 로 이동하면 옵션 목록이 있는 메뉴가 보이고, 각각 모두 아이콘이 있습니다(우클릭 컨텍스트 메뉴도 마찬가지).
저에게는 불필요한 잡음입니다. 메뉴 항목에 아이콘을 절대 넣지 말아야 한다는 뜻은 아닙니다—아이콘은 매우 유용할 수 있습니다(아래에서 자세히 다룹니다). 다만 “각 메뉴 항목에 아이콘을 넣는다”는 것이 기본 접근 방식이라는 점이 마음에 들지 않을 뿐입니다.
이러한 태도는 디자이너가 “이 공간을 채우려면 아이콘이 필요하다”는 태도를 갖게 만들고, “여기에 아이콘을 추가하고 그것을 파싱하고 이해하는 인지 부하가 사용자가 이 메뉴 시스템을 사용하는 데 도움이 되는가, 해가 되는가?”라는 질문을 놓치게 합니다.
전자는 생각이 필요 없습니다. 그냥 템플릿을 적용하는 것이죠—모두 아이콘이 있으니 무언가를 넣어야 합니다. 후자는 각 사용 사례와 그 맥락에 대해 신중하고 사려 깊게 고민해야 합니다.
제 주장을 뒷받침하기 위해 제가 자주 언급하는 예는 macOS입니다. 오랫동안 Apple의 OS‑레벨 메뉴는 모든 메뉴 항목에 아이콘을 넣는 기본 방식을 피하는 듯했습니다. 하지만 macOS Tahoe가 출시될 때까지는 그렇지 않았습니다.
macOS Tahoe의 메뉴
Tahoe에서는 모든 메뉴에 아이콘이 들어갑니다. 예를 들어 Apple 메뉴를 보면:
Safari
Safari 메뉴를 살펴보면:
대략 절반 정도의 항목에 아이콘이 있습니다. 예를 들어, “설정”(위에서 세 번째) 항목에는 아이콘이 있지만, 인접한 “개인정보 보고서”에는 아이콘이 없습니다—하지만 Safari의 도구 모음 사용자 지정 UI에서는 개인정보 보고서에 아이콘이 표시됩니다:
파일 메뉴
Safari의 파일 메뉴는 혼합된 패턴을 보입니다:
일부 그룹은 아이콘이 있고 들여쓰기 되어 있으며, 다른 그룹은 아이콘이 없고 플러시 상태로 남아 있습니다. 이유는 명확하지 않습니다.
보기 메뉴
보기 메뉴는 토글(체크마크)과 아이콘이 함께 나타나는 복잡성을 추가합니다:
Mail 앱의 보기 메뉴도 다음과 같은 혼합을 보여줍니다:
- 텍스트만
- 텍스트 + 토글
- 텍스트 + 아이콘
- 텍스트 + 아이콘 + 토글
텍스트 라벨을 제거한다면, 얼마나 많은 사람들이 여전히 올바르게 탐색할 수 있을지 실험해 보는 것도 재미있을 것입니다:
많은 경우 왜 일부 항목에만 아이콘이 있고 다른 항목에는 없는지 직관적으로 파악하기 어렵습니다. 추가적인 시각적·인지적 파싱 비용을 감수하고 이 아이콘이 제공하는 이점은 무엇일까요? 저는 모릅니다.
유용한 아이콘
일부 메뉴는 아이콘이 실제로 도움이 됩니다. Finder에서는 모든 메뉴 항목에 아이콘이 있어 창 배치를 시각적으로 전달합니다. 이는 “좌상단”, “하단 & 상단”, “사분면” 등을 읽는 것보다 훨씬 쉽게 처리됩니다.
이런 아이콘은 메뉴에서 좋은 예입니다—저는 마음에 듭니다.
Apple이 자체 가이던스를 버리다
흥미로운 점은 Apple의 변화가 자체 Human Interface Guidelines와 모순된다는 것입니다. Peter Gassner가 지적했듯이, 2005년(그리고 이전인 1992년, 2020년) 가이드라인에는 **“메뉴에서 기호 사용하기”**라는 섹션이 포함되어 있습니다:
메뉴에서 추가 정보를 나타내기 위해 사용할 수 있는 몇 가지 표준 기호가 있습니다…
임의의 다른 기호를 메뉴에 사용하지 마세요. 시각적 혼란을 초래하고 사람들을 혼동시킬 수 있습니다.
Apple은 심지어 “하지 말아야 할” 예시도 제공하는데, 이는 macOS Tahoe 메뉴와 정확히 동일합니다:
결론
제가 느끼는 바는 아주 명확합니다: 메뉴에 있는 모든 시각적 잡음에 지쳤습니다. Apple이 이제 “아이콘을 어디든”이라는 흐름에 동참하면서, 보다 절제된 기본값을 주장하기가 그 어느 때보다 어려워졌습니다. 제 제안은 간단합니다—아이콘에 대한 강력한 이유를 명확히 제시할 수 없는 한, 기본 자세는 메뉴에 아이콘을 넣지 않는 것이어야 합니다.
그래서 지금 제가 살고 있는 세상은 이렇습니다: 메뉴에 아이콘이 있다. 어디든 아이콘이 있다.
도와 주세요.