오늘 수업은 디자인의 바탕에 깔린 심리학을 다뤘다. 결론부터 말하면, 사용자는 합리적이지 않다는 전제에서 디자인은 출발해야 한다는 것이었다. 간호사로 일하면서 "사람은 설명한 대로 움직이지 않는다"는 걸 매일 봤던 터라, 이 전제가 유독 와닿았다.
인간은 합리적인가?
전통 경제학이 가정하는 인간은 경제적 인간이다. 완벽하게 합리적이고 논리적인 존재로, 항상 자신에게 최선의 이익을 계산해서 행동한다. 하지만 실제 인간은 그렇지 않다. 행동경제학이 주목하는 인간은 감정과 상황에 휘둘리고, 예측 가능한 오류를 반복하는 비합리적인 존재다.
엄청 할인하면 필요하지 않아도 사고, 배고프면 일단 사고 본다. 이런 행동은 비합리적이지만, 동시에 어느 정도 예측이 가능하다. 그래서 디자인은 완벽한 인간을 기준으로 설계하면 안 된다. 오히려 인간의 비합리적 패턴을 이해하고 보완하는 방향으로 설계해야 한다. UI로 옮기면, 실수를 방지하는 버튼을 만들고 직관적으로 흐르게 하는 식의 고려가 여기서 나온다.
왜 인간의 마음을 공부해야 할까
디자인은 타인의 문제를 해결하는 이성적인 행위다. 그런데 사용자는 자기가 무엇을 불편해하는지, 무엇을 원하는지 언어로 정확히 표현하지 못한다. 실제로 체감하는 지점과 입으로 말하는 게 다를 때가 많다. 그래서 인간 심리를 이해하면, 사용자가 표현하지 못하는 내면의 욕구, 즉 **잠재적 욕구(latent needs)**를 포착해서 더 좋은 경험을 줄 수 있다.
이 흐름의 출발점에 도널드 노먼이 있다. 인지심리학과 인지과학에 뿌리를 두고 인간의 기억·주의력·동기부여 연구를 디자인에 적용한 사람이다. 인간 중심 설계의 시작점이라 할 수 있고, 1993년에 단순한 사용성을 넘어 제품과 상호작용하는 모든 경험을 포괄하기 위해 **사용자 경험(UX)**이라는 용어를 정립했다. 어포던스(affordance), 맵핑(mapping) 같은 개념도 그가 정리한 것으로, 저서 『디자인과 인간 심리(The Design of Everyday Things)』에 잘 담겨 있다.
사용자의 행동을 움직이는 것들
사람의 행동은 세 가지 축으로 설명됐다.
욕구와 동기 — 사람은 불편함을 줄이고 편리함, 즐거움, 의미를 얻기 위해 움직인다. 배고픔, 안전, 소속감, 인정, 성취 같은 욕구가 행동의 에너지가 된다.
자극과 반응 — 특정 상황이나 신호가 자동화된 반응을 부른다. 알림이 울리면 앱을 열고, 퇴근길이면 편의점에 들른다.
환경과 맥락 — 같은 사람도 화면 구조, 정보량, 피드백에 따라 전혀 다르게 행동한다. 그래서 UX에서는 사용자의 행동을 바꾸고 싶을 때, 사람을 바꾸려 하지 말고 환경(인터페이스)을 바꿔서 원하는 행동을 이끌어낸다.
예를 들어 회원가입에서 이탈이 많다면 두 가지 접근이 있다. 하나는 사용자를 설득하는 것, 다른 하나는 가입 단계 자체를 줄여 쉽고 빠르게 끝내게 하는 것이다. 디자인은 후자처럼 환경을 바꿔 행동을 유도한다.
도널드 노먼의 3단계 감성 디자인 모델
이번 수업에서 가장 핵심으로 꼽은 모델이다. 사람이 제품을 경험하는 층위를 세 단계로 나눈다.
| 본능적 | 무의식·첫인상 | 색, 형태, 질감, 타이포, 단순함 | 스플래시 화면, 앱 아이콘, 온보딩 첫 화면 |
| 행동적 | 사용성·조작 경험 | 정보 구조(IA), 플로우, 피드백, 에러 처리 | 짧은 송금 절차, 로딩 인디케이터 |
| 성찰적 | 의미·자기 정체성 | 브랜드 스토리, 상징성, 사용자와의 관계 | "맥북 쓰니 프로답다", 추천하고 싶은 마음 |
본능적 단계는 뇌가 거의 자동으로 반응하는 첫인상의 층이다. 색·형태·질감 같은 감각 정보가 "예쁘다/싫다/멋있다"를 즉시 결정한다. 앱 첫 화면이 깔끔하고 세련되면, 아직 써보지도 않았는데 "좋은 앱 같다"고 느끼는 게 이 단계다.
행동적 단계는 실제로 쓰면서 느끼는 편리함·효율·제어감의 층이다. 버튼이 기대한 대로 작동하는지, 과정이 매끄러운지, 실수해도 복구가 되는지가 여기서 평가된다. 우리가 앞으로 프로덕트를 만들 때 주로 다루게 될 영역이 바로 이 단계라고 한다. 버튼 위치, 입력 폼의 흐름, 에러 메시지를 언제 어떻게 띄울지가 다 여기에 속한다. 버튼을 눌렀는데 아무 반응이 없으면 잘 되고 있는 건지 의심이 들기 마련인데, 로딩 인디케이터나 애니메이션을 적절히 보여주는 것도 행동적 단계의 설계다.
성찰적 단계는 사용을 마친 뒤 그 경험을 곱씹으며 "이 제품은 나에게 어떤 의미인가"를 평가하는 층이다. 이 브랜드를 쓰는 내가 어떤 사람으로 보이는지, 남들에게 추천하고 싶은지가 여기서 작동한다. 맥북이 기능적으로 더 낫든 아니든, 그걸 쓰는 내가 크리에이터답고 프로답게 느껴진다면 그게 성찰적 단계다. 브랜딩이 필요한 이유도 결국 이 단계를 설계하기 위해서다.
흥미로웠던 건 심미적-사용성 효과다. 같은 기능을 예쁜 디자인과 평범한 디자인으로 나눠 써보게 했더니, 예쁜 쪽을 쓴 사람들이 오류를 더 잘 해결했고 사용량도 높았다고 한다. 이미 좋아 보인다는 인상이 긍정적인 마음을 끌어내고, 그게 이후 사용 경험까지 좋게 만든 것이다. 결국 이 세 단계가 모두 충족돼야 사용자가 제품을 지속적으로 쓰게 된다.
UX를 떠받치는 심리학 5가지 법칙
수업 후반에는 더 구체적인 다섯 가지 법칙을 사례와 함께 배웠다.
| 제이콥의 법칙 | 사용자는 익숙한 패턴을 기대한다 | 네이버·카카오·구글 지도 |
| 힉의 법칙 | 선택지가 많을수록 결정이 느려진다 | 당근 동네 설정, TV 리모컨 |
| 밀러의 법칙 | 정보는 의미 있는 덩어리로 묶어라 | 전화번호 하이픈, 넷플릭스 카테고리 |
| 피크엔드 법칙 | 절정과 마지막으로 경험을 기억한다 | 토스 송금 완료 애니메이션 |
| 폰 레스토프 효과 | 다른 것이 기억된다 | 요금제 추천 플랜, CTA 버튼 |
제이콥의 법칙
사용성 전문가 제이콥 닐슨이 제시한 법칙이다. 핵심 문장은 "사용자는 다른 웹사이트에서 축적된 경험을 바탕으로 디자인에 대한 기대치를 형성한다"는 것. 여기서 중요한 개념이 멘탈 모델이다. 햄버거 아이콘을 누르면 메뉴가 열릴 것이고, 장바구니는 우측 상단에 있을 것이며, 하단 탭바엔 홈·검색·프로필이 있을 거라는 사전 기대다.
그래서 창의적이고 독특한 UI가 늘 좋은 게 아니다. 학습 없이 바로 쓸 수 있는 친숙한 패턴이 사용성에는 더 효과적일 때가 많다. 혁신은 인터페이스보다 기능과 가치에서 추구하는 게 현명하다. 네이버·카카오·구글 지도는 회사가 다 다른데도 검색 바 위치, 내 위치 아이콘, 하단 탭바 구조가 거의 같다. 어떤 지도를 켜도 적응 기간 없이 바로 쓸 수 있게 하려는 의도다. 물론 스냅챗처럼 새로운 인터랙션 자체가 브랜드가 되는 예외도 있지만, 드문 사례다.
힉의 법칙
영국 심리학자 힉과 하이먼이 연구한 법칙으로, 선택할 옵션이 많을수록 반응 시간이 늘어난다는 원리다. 선택지가 너무 많으면 결정이 어려워지고, 아예 그 자리에서 이탈해버리기도 한다. 잼을 24종 진열했을 때보다 6종 진열했을 때 판매가 더 많았다는 연구가 유명하다.
리모컨이 좋은 예다. 기능이 늘 때마다 물리 버튼을 늘렸더니 오히려 쓰기 어려워졌고, 실제 쓰이는 버튼은 몇 개 안 됐다. 그래서 요즘 스마트TV 리모컨은 버튼을 확 줄였다. 당근마켓 동네 설정도 마찬가지다. 전국 수천 개 동을 다 보여주는 대신 현재 위치 기반으로 가까운 동네를 우선 제안해서, 몇 개 선택지 안에서 바로 결정하게 한다. 핵심은 무조건 심플하게가 아니라, 사용자가 빠르게 결정하고 다음 행동으로 넘어가게 돕는 것이다.
밀러의 법칙
인지심리학자 조지 밀러가 정의한 법칙으로, 인간의 단기 기억은 한 번에 약 7개 항목을 처리할 수 있다는 것이다. 그래서 정보를 의미 있는 덩어리로 묶으면(청킹) 기억 용량을 효과적으로 쓸 수 있다. 전화번호를 010-1234-5678처럼 세 덩어리로, 카드번호를 네 자리씩 끊어 표기하는 게 대표적이다. 입력 폼에서 시스템이 자동으로 숫자를 적절히 쪼개 보여주는 것만으로도 오류를 줄이고 사용성을 높인다.
넷플릭스도 수만 개 콘텐츠를 가나다순으로 늘어놓는 대신 "오늘의 탑10", "시청 중인 콘텐츠", "선호 장르별 묶음"처럼 분류해서 보여준다. 그래서 디자인 결과물을 점검할 때 두 가지를 자문하면 좋다. 한 화면에서 처리할 정보 덩어리가 7개를 넘지 않는지, 연관된 정보가 시각적·맥락적으로 충분히 잘 묶여 있는지. 복잡한 데이터를 파악하기 쉬운 정보 구조로 재구성하는 능력은 디자이너에게 중요한 역량이다.
피크엔드 법칙
행동경제학자 대니얼 카너먼이 제안한 법칙이다. 인간은 어떤 경험을 평가할 때 전체의 평균이 아니라, 가장 강렬했던 순간(피크)과 마지막 순간(엔드)의 감정으로 판단한다. 그래서 모든 과정이 완벽할 필요는 없다. 중간에 지루하거나 번거로운 구간이 있어도, 정점에서 확실한 만족을 주거나 마무리가 긍정적이면 전체를 좋은 경험으로 기억한다. 반대로 끝이 안 좋으면 앞의 좋았던 과정까지 훼손된다.
놀이공원에서 한두 시간 대기를 견디게 하는 건 단 2~3분의 짜릿한 탑승 경험이다. 토스 같은 뱅킹 앱에서 송금 완료나 대출 상환 때 보여주는 축하 애니메이션, 복잡한 신청을 마쳤을 때 뜨는 따뜻한 피드백 문구가 좋은 엔드포인트가 된다. 그래서 어디에 감성적 하이라이트를 둘지, 마지막 화면에서 어떤 인상을 남길지를 의도적으로 설계하면 전체 만족도를 끌어올릴 수 있다.
폰 레스토프 효과
심리학자 헤드비히 폰 레스토르프가 정의한 효과로, 고립 효과라고도 한다. 사람들은 비슷한 것들 사이에서 유난히 눈에 띄는 항목을 더 잘 기억한다는 원리다. 검은 글씨로 가득한 페이지에 빨간 글씨 한 줄이 있으면 바로 시선이 간다. 한마디로 "다르면 기억된다".
그래서 "지금 시작하기", "구매하기" 같은 CTA 버튼은 색·크기·형태를 주변과 다르게 만들어 두드러지게 한다. 요금제 페이지에서 기업이 가장 밀고 싶은 플랜에만 다른 배경색을 입히고 크기를 키우고 "추천" 딱지를 붙이는 게 전형적이다. 주변을 미니멀하게 두고 핵심 요소 한두 개에만 강한 시각적 임팩트를 주면, 사용자의 시선과 의사결정을 자연스럽게 이끌 수 있다. 여기엔 어제 배운 전경-배경 원리도 함께 들어간다. 팝업이 뜰 때 배경을 어둡게 딤 처리하고 핵심 버튼만 밝은 색으로 두는 식이다.
정리하며
다섯 가지 법칙은 따로따로 작동하지 않는다. 서로 보완하면서 하나의 완성된 경험을 만든다. "나는 제이콥 법칙만 쓸 거야"가 아니라, 여러 법칙을 상황에 맞게 융합해야 사용성 좋은 화면이 나온다는 게 강사님의 정리였다.
오늘 배운 걸 한 줄로 줄이면, 좋은 디자인은 사람을 이상적으로 가정하지 않고 있는 그대로의 사람을 받아들이는 데서 시작한다는 것이다. 환자가 합리적으로만 행동하지 않는다는 걸 알고 환경을 만들어주던 일과, 사용자를 위해 인터페이스를 설계하는 일이 같은 결이라는 게 오늘 가장 크게 남았다. 다음 과제에서는 화면을 그리기 전에 "여기서 사용자는 어떤 비합리적 행동을 할까"부터 먼저 적어봐야겠다.
'오즈코딩스쿨 디자인캠프' 카테고리의 다른 글
| 오즈코딩스쿨 디자인 캠프 - 피그마, 이제 화면이 안 막막하다 — 인터페이스부터 도형까지 (day9) (0) | 2026.06.10 |
|---|---|
| 오즈코딩스쿨 디자인 캠프 - 첫번째 디자인 파트를 마무리 하며.... (0) | 2026.06.09 |
| 즈코딩스쿨 디자인 캠프 - 사람은 전체를 먼저 본다 — 게슈탈트 이론과 레이아웃 (day7) (0) | 2026.06.09 |
| 오즈코딩스쿨 디자인 캠프 - 도구보다 안목 — 캐릭터, 짧은 영상, 그리고 요즘 트렌드 (day6) (0) | 2026.06.09 |
| 오즈코딩스쿨 디자인 캠프 - 모호한 요청 앞에서 당황하지 않는 법 — AI로 클라이언트 읽기 (day5) (1) | 2026.06.09 |