좋은 UI는 왜 힘들이지 않아도 읽히는가

Nielsen Norman Group의 Kelley Gordon이 커머스 사이트 Ritual.com의 화면을 3분짜리 분석 영상으로 해부했습니다. 특별한 신기술도, 화려한 인터랙션도 아닙니다 — 보색을 절제해서 쓰고, 시각적 위계를 분명히 세우고, 이미지를 군더더기 없이 정돈한 것이 전부입니다. 그런데 그 셋이 동시에 지켜지면 사용자는 화면을 ‘읽는다’는 감각조차 느끼지 않습니다.

"보색, 시각적 위계, 정돈된 이미지가 함께 작동해 Ritual.com의 UI를 애쓰지 않은 듯 느껴지게 만든다."Kelley Gordon, Nielsen Norman Group

왜 중요한가

‘쉬워 보이는 화면’은 대개 가장 비싼 결과물입니다. 사용자가 무엇을 먼저 볼지, 어디서 멈출지, 어떤 색이 행동을 유도할지를 미리 결정해 둔 화면만이 사용자에게 판단 비용을 떠넘기지 않기 때문입니다. AI가 레이아웃 초안을 몇 초 만에 뽑아내는 지금, 오히려 희소해지는 능력은 ‘무엇을 덜어낼지’를 정하는 감각입니다.

실무 적용

화면을 만들 때 다음 세 가지를 순서대로 점검해 보시기 바랍니다 — 첫째, 눈을 반쯤 감고 봤을 때 가장 먼저 튀는 요소가 실제로 가장 중요한 요소인가. 둘째, 강조색이 한 화면에 몇 번 등장하는가(대개 한 번이면 충분합니다). 셋째, 이미지가 정보를 더하는가 아니면 공간만 차지하는가. 커머스라면 이 점검 한 번이 A/B 테스트 여러 번보다 전환에 더 크게 작용하는 경우가 많습니다.

교차 참고

• A List Apart: Good Designers, Bad Websites — a Proposal — Alan Dalton은 좋은 디자이너도 인지 과부하 탓에 누군가를 배제한다며, 접근성 페르소나와 ‘지정 반론자’ 역할을 팀 워크플로에 심자고 제안합니다.
• Smashing Magazine: Rethinking Data Visualisation — 대시보드에서도 결국 승부는 ‘무엇을 먼저 보게 할 것인가’라는 위계 설계에서 갈린다고 짚습니다.

Wemeet의 관점

Wemeet은 홈페이지 제작에서 ‘예뻐 보이는 화면’과 ‘편해 보이는 화면’을 구분합니다 — 전자는 스크린샷에서 강하고, 후자는 실제 매출에서 강합니다. 색을 하나 더 쓰는 결정보다 색을 하나 빼는 결정이 어렵고, 그 어려운 쪽을 감당하는 것이 디자인 값어치라고 봅니다.