v3의 논증 척추·교안 밀도에 더해, 풀어 쓴 설명 산문을 슬라이드마다 넣었습니다. 불릿이 아니라 강사가 읽고 그대로 말할 수 있는 문장 단위 해설입니다. 텍스트가 잘리지 않도록 슬라이드 높이는 가변(최소 16:9)으로 두었습니다.
이 장은 흩어진 이론을 나열한 게 아니라 한 질문을 끝까지 따라가는 하나의 논증이다. 본론에 들어가기 전, 우리가 지나갈 전체 길을 먼저 펼쳐 둔다. 윗줄(A1)은 '디자인이란 무엇인가'를 6단계로 논증하고, 아랫줄(A2)은 그렇게 정의한 좋은 디자인을 알아보는 눈을 기르는 법으로 잇는다.
학생들에게 "디자인이 뭐냐"고 물으면 거의 예외 없이 색·꾸밈·화려함으로 답한다. 디자인을 일종의 '꾸미기(decoration)', 즉 다 만들어진 것 위에 예쁜 옷을 입히는 마무리 작업쯤으로 여기는 것이다. 이 통념을 깨는 데서 이 강의가 시작된다.
손잡이가 당기게 생겼는데 실제로는 미는 문. 사람들이 매일 헷갈리다 결국 '미시오' 스티커를 붙인다. 그 스티커는 친절이 아니라 디자인이 진 자리에 붙는 변명이다 — 아무리 예뻐도 못 열면 실패다.
이 강의가 증명하려는 한 문장은 이것이다 — 좋은 디자인은 의식되지 않는다. 우리가 화면을 보며 "예쁘다"라고 감탄하는 부분(UI)은 빙산의 일각일 뿐이고, 정작 그 앱의 성패는 눈에 보이지 않는 경험의 흐름(UX)에서 갈린다. 표면이 예쁜지보다, 사용자가 헤매지 않고 원하는 일을 해냈는지가 디자인의 진짜 성적표다.
버튼·색·글씨·아이콘·간격처럼 눈에 띄고 손에 닿는 모든 것. "예쁘다"는 평가는 거의 여기서 나온다. 토스의 파란 버튼과 둥근 모서리가 UI다.
송금까지 몇 번을 누르는지, 실수해도 되돌릴 수 있는지, 다 쓰고 난 기분이 어떤지 같은 여정 전체의 느낌. 눈에 안 보이지만 만족을 좌우한다.
디자인이 '안 보이는' 비결은 단순하다. 모양 자체가 사용법을 설명하면, 사용자는 따로 '생각'하거나 '배울' 필요가 없어진다. 노먼은 이를 두 개념으로 나눠 설명했다 — 무엇이 가능한지를 정하는 어포던스, 그것을 어떻게 알리는지를 맡는 시그니파이어.
사물이 할 수 있게 해주는 것. 버튼은 '누르기'를, 의자는 '앉기'를, 손잡이는 '쥐기'를 어포드한다. 사물의 물리적 성질이 가능한 행동을 규정한다.
그 행위가 가능하다고 알리는 신호. 둥근 손잡이는 당기기를, 평평한 판은 밀기를, 밑줄 친 파란 글씨는 누르기를 알려준다.
사용자가 "이 앱 짜증나"라고 말할 때, 그 짜증은 막연한 게 아니라 정확히 두 지점 중 하나에서 생긴다. 노먼은 사람이 무언가를 할 때 '목표→실행→결과 확인'의 과정을 거친다고 봤고, 디자인이 무너지는 두 틈을 이렇게 이름 붙였다.
내가 하려는 행동과 시스템이 허용하는 행동 사이의 거리. "하고 싶은데 어떻게 하는지 모르겠다."
→ 명확한 시그니파이어로 좁힌다.
시스템이 한 일을 내가 알아채는 정도. "했는데 됐는지 안 됐는지 모르겠다."
→ 즉각 피드백으로 좁힌다.
"예쁨이 그렇게 안 중요하냐"는 반론은 절반은 맞다. 실제로 예쁨은 사용성에 대한 인식을 바꿀 만큼 강력하다. 이를 보여준 유명한 연구가 있다.
참가자가 느낀 '쓰기 쉬움'은 실제 사용성보다 화면의 아름다움과 더 강하게 연관됐다. 즉 사람은 예쁜 것을 더 잘 작동한다고 믿는다(심미적 사용성 효과). 그래서 예쁜 디자인은 ① 첫인상이 좋고 ② 작은 불편에 더 너그러워지며 ③ 전문성·신뢰로 읽힌다.
지금까지의 논증을 한 그림으로 정리한 것이 피터 모빌의 UX 허니콤(2004)이다. 좋은 경험은 일곱 개의 면으로 이루어지는데, 중요한 건 그 사이에 순서가 있다는 점이다. 매력(예쁨)은 일곱 중 하나일 뿐 아니라, 토대가 선 다음에야 의미를 갖는 마지막 관문이다.
| 순서 | 면 (모빌의 7면) | 통과 질문 |
|---|---|---|
| 1 | Useful 유용 | 애초에 내 문제를 푸는가? |
| 2 | Usable 사용 | 헤매지 않는가? (= 두 간극이 좁은가) |
| 3·4·5 | Findable · Accessible · Credible | 금방 찾히고 · 누구나 쓰고 · 믿을 만한가? |
| 6 | Valuable 가치 | 쓰는 쪽·만든 쪽 모두에게 득인가? |
| 끝 | Desirable 매력(예쁨) | ← 토대가 선 다음에 얹는다 |
A1은 "좋은 디자인은 안 보인다"로 끝났다. 그런데 여기서 역설이 생긴다 — 안 보이는 것을 배우려는 사람은 그것을 의식적으로 보는 법부터 익혀야 한다. 그냥 쓰기만 하면 평생 안 보인다. 감독이 영화를 볼 때 줄거리가 아니라 카메라·조명·편집을 보듯, 디자이너는 화면에서 네 개의 렌즈로 숨은 규칙을 읽는다. 이건 재능이 아니라 훈련된 패턴 인식이다.
몇 개 썼나?
보통 3개 이내
크기·굵기 단계?
2~3단계
여유로운가?
8의 배수
줄이 맞나?
기준선 하나
관찰의 대상을 정해주는 원칙이 야콥의 법칙이다. 사용자는 우리 앱만 쓰는 게 아니라 대부분의 시간을 다른 수많은 앱에서 보낸다. 그래서 우리 앱에 처음 들어와도 "여기도 그 앱들처럼 작동하겠지"라고 기대한다. 사용자의 '표준'은 우리가 아니라 세상이 만든다는 뜻이다.
잘 만든 앱을 관찰하는 건 디자인을 훔치는 게 아니라, 사용자가 이미 학습한 공통 언어를 익히는 일이다. 그 언어를 알아야 사용자를 헤매게 하지 않는다.
관찰에는 함정이 있다. 대부분의 사람은 "예쁘다 / 별로다"로 끝낸다. 그런데 이유가 없는 감상은 다음에 써먹을 수 없다. 게다가 앞서 본 심미적 사용성 효과 때문에, 예쁨은 종종 우리 눈을 속여 진짜 문제를 못 보게 한다. 그래서 디자이너는 본 것을 반드시 언어로 옮긴다 — 언어화되지 않은 관찰은 그대로 증발한다.
"카톡 예쁘다."
이유가 없으니 내 디자인으로 옮길 수 없다.
"카톡은 노랑 1+회색조로 색을 절제하고, 채팅 글씨는 1단계, 시간은 작고 연하게 처리해 정보 위계를 만들었다."
이 장은 흩어진 이론을 모은 게 아니라, 하나의 질문을 끝까지 따라간 추론이었다. 출발점은 "디자인=예쁨"이라는 통념이었고, 도착점은 "좋은 디자인은 안 보인다"는 주장이었다. 그 사이를 노먼·모빌·닐슨·심미효과 연구가 각자의 역할로 이어주었다.