사용자를 끌어들이는 UX/UI의 비밀
책 소개
원제 Designing Interfaces. 제니퍼 티드웰, 찰스 브루어, 아인 발렌시아 공저. 인터페이스 디자인에서 반복적으로 등장하는 패턴을 체계적으로 분류하고, 각 패턴을 언제·왜·어떻게 사용해야 하는지 설명하는 참고서다. 사용자 행동의 심리적 배경부터 콘텐츠 구성, 내비게이션, 모바일 인터페이스까지 폭넓게 다룬다.
핵심 인사이트
1. 사용자의 행동 패턴을 먼저 이해하라
디자인은 화면 그리기가 아니라 사용자 이해에서 시작한다. 책에서 제시하는 13가지 행동 패턴이 인상적이다:
- 안전한 탐색: 실수해도 되돌릴 수 있다는 믿음이 학습을 촉진
- 즉각적 만족: 가입·결제 요구 전에 먼저 가치를 보여줘야 함
- 만족화(Satisficing): 사용자는 “최선”이 아닌 “충분히 좋은” 선택을 함
- 선택 미루기: 필수가 아닌 입력은 나중에 할 수 있게 열어두기
- 습관화: 다른 앱에서 익힌 제스처가 동일하게 작동해야 함
이 패턴들을 알면 “왜 사용자가 이렇게 행동하지?”라는 질문에 구조적으로 답할 수 있다.
2. 정보 구조(IA)를 비주얼과 분리하라
정보 구조는 세 레이어로 나눠 생각해야 한다:
- 데이터 레이어 — 기반이 되는 정보 구조(DB, 카테고리, 분류 체계)
- 기능 레이어 — 검색·필터·정렬 등 사용자가 정보를 다루는 도구
- 표현 레이어 — 시각 디자인과 렌더링
이 분리를 통해 비주얼에 휘둘리지 않고 사용자의 멘탈 모델에 맞는 구조를 설계할 수 있다.
3. 화면 유형 시스템
모든 화면을 4가지 핵심 목표로 분류할 수 있다:
| 유형 | 목표 | 예시 |
|---|---|---|
| 개요 보기 | 목록/항목 탐색 | 검색 결과, 이메일 목록 |
| 집중하기 | 단일 콘텐츠에 몰입 | 영상 재생, 기사 읽기 |
| 만들기 | 창작 도구 제공 | 캔버스와 팔레트 |
| 수행하기 | 태스크 완료 | 마법사, 설정 편집기 |
이 프레임워크로 새 화면을 설계할 때 “이 화면의 본질적 목표가 무엇인가?”를 먼저 정할 수 있다.
4. 핵심 디자인 패턴들
- 추천·검색·탐색: 콘텐츠 사이트의 3종 세트. 검색 상자는 눈에 띄는 곳에, 추천 콘텐츠로 신규 사용자를 사로잡는다
- 스트림과 피드: 시간 역순 배치, 새 콘텐츠가 반복 방문 습관을 형성
- 대시보드: 현황과 주목점을 한눈에, 드릴다운으로 상세 정보 접근
- 마법사: 복잡한 태스크를 단계별로 쪼개되, 태스크 자체가 복잡하다는 신호이기도 함
- 도움말 시스템: 인라인 힌트 → 툴팁 → 전체 가이드까지 단계적으로
5. 내비게이션의 핵심 원칙
- 이동 거리 최소화: A→B까지 클릭/탭 수를 줄이는 것이 최우선
- 글로벌 내비게이션을 넓고 얕게: 계층의 폭은 넓게, 깊이는 얕게
- 컨텍스트 전환 비용: 새 화면을 인지하는 데 에너지가 들므로 불필요한 페이지 전환을 피할 것
내 생각
이 책의 강점은 패턴의 카탈로그로서의 활용성이다. 새 프로젝트를 시작할 때 “어떤 화면 유형이 적합한가?” → “어떤 패턴을 조합할까?”순으로 접근하면 설계 속도가 빨라진다. 특히 행동 패턴 13가지는 디자인 의사결정의 근거로 활용할 수 있어 유용하다.
다만 2021년 개정판임에도 최신 디자인 시스템(Material 3, Human Interface Guidelines 등)의 컴포넌트 설계 관점은 부족하며, 패턴 간의 조합 사례가 더 많았으면 한다.
한 줄 요약
인터페이스 디자인은 패턴의 조합이다 — 사용자의 행동 패턴을 알면 화면 패턴이 보인다.
출처 및 저작권 안내 본 글은 아래 도서를 읽고 핵심 개념을 개인적으로 정리·재구성한 서평 형식의 2차 저작물입니다. 저자: 제니퍼 티드웰, 찰스 브루어, 아인 발렌시아 | 도서명: 사용자를 끌어들이는 UX/UI의 비밀 (Designing Interfaces)