나의 최대 숙적은 집에서 불과 1.5블록 떨어진 곳에 산다. 커피숍 문이다. 더 정확히는 그 문에 붙은 표지판이다.

이런 일이 민망할 정도로 자주 일어난다. 안에 있다가 나가려 할 때, 내 뇌는 반대편에 쓰인 PUSH를 읽어버린다. 그러다 보니 당연히 바보처럼 당겨야 할 문을 밀어버리고 만다.

물론, 형편없는 디자인이다. 하지만 걱정하지 마시라, 여러분에게 돈 노먼식 분석을 늘어놓을 생각은 없다. Pixelmator Pro에서 발견한 다른 사례를 보여주고 싶었다.

겉보기엔 전혀 위협적이지 않은 메뉴 같지만, 이런 식으로 처리된 걸 보면 내 뇌는 실제로 이렇게 인식한다…

…그리고 내가 지금 어디에 있는지, 어디로 가야 하는지 파악하려면 약간의 추가적인 사고가 필요하다.

이는 UX 디자인에서 반복해서 등장하는 불리언 문제 중 하나다. 선택지가 주어졌을 때, 현재 상태의 명사/형용사를 보여줘야 할까, 아니면 미래 동작의 동사를 보여줘야 할까? 현재 상태를 보여주는 다른 방식이라면 이렇게 될 수도 있다:

내게는 이 방식이 모호하지 않다. 굳이 생각하지 않아도 시각적으로 상태를 쉽게 이해할 수 있고, 암시된 전환 동작도 꽤 자연스럽게 느껴진다. 더 나아가 이렇게 할 수도 있다:

여기 맥락을 많이 알지 못하는 상태에서는 이것이 내가 추천하는 방식이다. 물론 이 마지막 구성은 토글을 암시할 뿐만 아니라 보여주기를 암시하기도 하지만, 주변의 모든 맥락을 고려하면 아마 괜찮을 것이다?

이제, 여기서 다루는 많은 주제와 마찬가지로, 나에게는 사용자 테스트나 리서치의 뒷받침이 없다. (사실 이런 사소한 것에는 어차피 그런 게 잘 마련되어 있지도 않다.)

또한, 이는 보편적인 권장 사항이 아니다. 이 문제가 UX에서 단골로 등장하는 데는 이유가 있다. 주변에 다른 명령이 있었다면 표시/숨기기 동사가 등장해야 했을 수도 있다. 기본적으로 체크 표시가 하나도 없는 경우도 마찬가지다. (체크 표시가 한두 개 있으면 해당 섹션 전체에 “표시/숨기기”라는 동사가 암시되지만, 하나도 없으면 명사로만 가득한 어색한 메뉴처럼 느껴질 수 있다.)

다른 관습들도 있다 — “Turn X On”처럼 쓰기, 두 가지 옵션을 모두 보여주기, 서브메뉴 사용하기 등 각각 장단점이 있다. 모든 방식을 알아두는 것이 좋다. 여러분의 툴이 한 가지 방식을 일관되게 사용하더라도, 사용자는 다른 방식을 기본적인 처리 방식으로 삼고 있을 수 있기 때문이다. 하지만 Pixelmator 메뉴에서 가장 최악인 점은 관습을 혼용하고 있다는 것이다:

이 스크린샷은 맨 위의 첫 번째 스크린샷처럼 실제로 존재하는 것이다. 여기서 어떤 논리로 이렇게 했는지 이해하기 어렵고, 그래서 이 메뉴를 이해하는 일은 더 어려워진다. 동네 커피숍에 가서 커피를 더 마셔야 할지도 모르겠다…