[6월 TIL #19] 지각된 가치와 인지적 비용에 대한 고찰

사용성 피드백과 문제 인식
오늘 연구실 교류 프로그램의 일환으로 건국대학교를 방문하여, 현재 담당하고 있는 '문라이트(Moonlight)' 서비스를 소개하는 시간을 가졌다. 이때 한 사용자로부터 "UX/UI가 복잡하다"는 피드백을 받았다. 처음 사용하는 입장에서 기능의 존재와 사용법을 한 번에 알아차리고 익히기 어렵다는 것이었다. 내가 처음부터 설계한 화면이 아니기에 어디서부터 손을 대야 할지 막막하다는 방어적인 생각도 들었지만, 현재 담당자로서 책임감을 가지고 문제를 하나씩 해결해 나가야겠다고 생각을 고쳐먹었다.

처음에는 사용자의 인지적 부담을 줄이기 위해 '기억(Recall)보다 재인(Recognition)을 우선하라'는 원칙에만 집중했다. 사용자가 기능을 스스로 떠올리게 하지 않으려면 화면에 UI 요소들을 적극적으로 노출해야 한다고 생각했다. 하지만 모든 힌트와 선택지를 화면에 꺼내두면 오히려 화면이 난잡해지고 복잡해지는 모순이 발생했다. 이 딜레마를 해결할 방법을 찾던 중, UX 연구 기관인 닐슨 노먼 그룹(NN/g)의 아티클 '사용자 인터페이스에서의 지각된 가치(Perceived Value in User Interfaces)'를 접하고 이를 깊이 있게 학습했다.

---

기대 효용과 정보 취식 이론을 통한 사용자의 가치 판단
NN/g의 아티클에 따르면, 사용자가 웹사이트나 제품에 계속 머물지 여부는 '기대 효용(Expected Utility)'에 의해 결정된다. 기대 효용은 사용자가 사이트에서 얻을 수 있다고 예상하는 이점인 '지각된 가치(Perceived Value)'와, 그 이점을 얻기 위해 치러야 하는 노력인 '지각된 비용(Perceived Cost)'을 저울질하여 산출된다. 이는 동물이 야생에서 먹이를 찾을 때 얻을 수 있는 에너지와 소모되는 에너지를 계산하는 '정보 취식 이론(Information-foraging theory)'과 동일한 맥락이다.

여기서 지각된 가치란 제품이나 서비스가 사용자의 특정 목표 달성에 기여할 것이라 믿는 주관적인 가치를 뜻한다. 사용자는 웹사이트의 첫 페이지에 나타난 시각적 요소(콘텐츠 양, 그래픽 등)를 통해 단 몇 초 만에 가치를 판단한다. 만약 화면이 너무 많은 정보로 난잡(Cluttered)하게 구성되어 있으면, 사용자는 후광 효과(Halo Effect)에 의해 기업이 디테일에 신경 쓰지 못한다고 판단하며 비즈니스 전체의 수준까지 평가절하하게 된다.

또한, 디자인이 전달하는 지각된 가치는 비즈니스의 실제 가치 제안과 일치해야 한다. 예를 들어, 싱가포르 항공은 차분한 디자인으로 '높은 비용과 훌륭한 서비스'라는 가치를 전달하는 반면, 저가 항공사인 타이거에어는 밝은 색상과 빽빽한 할인 정보 배치로 '저렴한 가격'이라는 정체성을 명확히 한다. 타이거에어의 항공권이 고급스러운 디자인을 취한 싱가포르 항공보다 비싸다면, 사용자는 웹사이트 디자인이 준 기대감과 실제 결과가 충돌하여 이탈할 것이다.

지각된 비용 감소와 인지적 균형을 위한 UX 전략
기대 효용을 높이기 위해서는 지각된 가치를 높이는 것뿐만 아니라 '지각된 비용'을 낮추는 것이 필수적이다. 지각된 비용은 사용자가 사이트를 이용할 때 얼마나 수고스러울 것이라고 예상하는지를 의미하며, 한눈에 보기에 사용하기 쉽다는 인상(convey ease of use)을 주지 못하면 사용자는 즉시 탐색을 포기한다.

그렇다면 화면의 난잡함을 없애 지각된 비용을 낮추면서도, 필요한 시점에 기능을 직관적으로 알아차리게 하는 '재인' 원칙을 어떻게 동시에 만족시킬 수 있을까? NN/g가 강조한 '정보의 요약과 난잡함 제거' 원리를 바탕으로, 외부의 실무 UX 지식을 더해 다음의 두 가지 구체적인 UI 전략을 도출했다.

- 점진적 공개(Progressive Disclosure)
복잡성을 낮추는 가장 대표적인 방법이다. 초기 화면에는 사용자가 가장 자주 사용하는 핵심 기능만 노출하여 지각된 비용을 최소화한다. 나머지 세부 기능은 직관적인 레이블이 달린 버튼이나 메뉴 안에 숨겨두어, 사용자가 필요할 때 스스로 기억(Recall)해 내는 대신 명확한 단서를 보고 찾아갈 수 있도록(Recognition) 설계한다.
- 적시(Just-in-Time)의 컨텍스트 기반 UI
평소에는 보조 UI 요소들을 숨겨두어 시각적 난잡함(Clutter)을 방지한다. 대신, 사용자가 특정 행동을 수행하거나 오류에 직면하는 바로 그 맥락에만 관련 툴팁이나 설정 버튼을 노출한다. 이를 통해 사용자는 인지적 과부하 없이 당면한 문제를 시각적으로 확인하고 해결할 수 있다.
- 정보의 의미 있는 청킹(Chunking)과 시각적 그룹화
정보를 의미 있는 형태로 요약하는 것이 중요하다. 수십 개의 메뉴를 텍스트로만 쭉 나열하면 인지적 과부하와 난잡함을 유발한다.

---

문라이트 UI 개선 적용: 강제적 모달 제거와 적시 노출
학습한 개념과 UX 전략을 종합하여, 문라이트 서비스에서 즉시 변경할 UI 요소를 하나 선정했다. 번역 언어와 논문의 원문 언어가 동일하게 설정되었을 때 화면 중앙을 가로막는 경고 모달(Modal) 창이다.

기존의 모달은 사용자의 작업 흐름을 강제로 차단하고 창을 닫는 추가 행동을 요구하므로, 사용자가 겪는 실제 상호작용 비용과 지각된 비용을 모두 급증시키는 원인이었다.

이를 개선하기 위해 모달을 완전히 제거하고, 앞서 정리한 '점진적 공개'와 '적시(Just-in-Time) 노출' 방식을 결합하여 적용할 계획이다. 오류가 발생한 상황에서 사용자의 시선이 가장 먼저 향하는 '번역 결과' 영역 바로 근처에 작은 툴팁이나 설정 버튼을 띄우는 것이다. 평소에는 버튼을 숨겨두어 화면의 복잡도를 낮추고, 문제가 발생한 순간에만 해결책을 제공함으로써 사용자의 탐색 흐름을 끊지 않고 자연스럽게 문제를 재인(Recognition)하도록 개선할 것이다. 굿!

*참고 문헌: Aurora Harley, "Perceived Value in User Interfaces", Nielsen Norman Group (2016)