「A. 들어가기」에서 확정한 논증형 교안 포맷으로 만든 E장 덱입니다. E1(인지 부하를 낮추는 원칙) → E2(그 힘을 올바르게 쓰는 책임)를 하나의 추론 사슬로 잇고, 다크 패턴을 '힘의 오용' 사례로 다룹니다. 텍스트가 잘리지 않도록 슬라이드 높이는 가변(최소 16:9)입니다.
이 장은 원칙 목록을 나열한 게 아니라 하나의 질문을 끝까지 따라가는 논증이다. 윗줄(E1)은 화면을 한눈에 이해되게 만드는 세 원칙이 모두 인지 부하 낮추기로 수렴함을 보이고, 아랫줄(E2)은 그렇게 강해진 디자인의 힘을 올바르게 쓰는 책임으로 잇는다. 두 줄 사이를 잇는 한 문장이 이 장의 척추다 — "원칙은 힘을 만들고, 윤리는 그 힘을 단속한다."
"버튼·메뉴·옵션을 많이 넣을수록 친절한 앱"이라는 통념이 있다. 그러나 사람의 작업 기억은 한 번에 몇 덩어리밖에 못 담는다. 화면이 정보를 쏟아내면, 사용자는 '쓰는 데' 쓸 머리를 '이해하는 데' 다 써버린다. 이렇게 불필요하게 생긴 머릿속 짐을 인지 부하(cognitive load)라 부른다 — E1의 세 원칙은 전부 이 짐을 덜어내는 기술이다.
교육심리학자 존 스웰러가 제시. 학습/사용에 드는 머릿속 부담은 과제 자체의 어려움(내재적)과 나쁜 제시 방식이 더하는 짐(외재적)으로 나뉜다.
디자이너가 줄일 수 있는 건 외재적 부하 — 헷갈리는 배치·제각각인 규칙·한꺼번에 쏟아내기.
래리 테슬러(제록스 PARC, 1980년대)는 경고했다 — 복잡성은 없애지 못하고, 옮길 수만 있다. 모든 일에는 줄일 수 없는 핵심 복잡성이 있다.
그러니 그 복잡성을 시스템이 떠안을지, 사용자에게 떠넘길지가 디자인의 선택이다. 좋은 원칙 = 짐을 사용자에게서 시스템으로 옮기는 일.
일관성은 닐슨의 10가지 사용성 휴리스틱 중 #4 'Consistency & Standards'다. 핵심은 단순하다 — "사용자가 서로 다른 말·상황·행동이 같은 뜻인지 고민하게 만들지 말라." 버튼 스타일을 한 세트로, 색·간격·아이콘을 통일하면, 사용자는 한 화면에서 배운 규칙을 다음 화면에 그대로 쓴다. 규칙이 페이지마다 바뀌면 매번 다시 학습해야 하고, 그게 곧 인지 부하다.
전 화면 버튼 1세트, 같은 기능엔 같은 색·같은 위치. 한 번 익히면 끝까지 통한다.
교복 비유 — "같은 학교면 같은 교복." 누가 봐도 한 시스템임을 안다.
장바구니=🛒, 저장=💾·✔, 설정=⚙·우측 상단. 이미 사용자가 아는 기호를 따른다.
A장 '야콥의 법칙' 회수 — 사용자의 표준은 '우리'가 아니라 '세상의 다른 앱'이 정한다. 새 기호를 발명하면 사용자가 다시 배워야 한다.
consistency 카드를 띄우고 "버튼 모양이 페이지마다 다른 앱"을 함께 찾아본다. 같은 학교 교복 비유로 디자인 시스템의 역할을 설명한 뒤 퀴즈 탭으로 점검.두 번째 원칙은 그루핑, 그 근거는 게슈탈트 심리학의 근접성 법칙(Law of Proximity)이다 — "서로 가까운 것은 한 무리로 인식된다." 20세기 초 독일에서 시작된 이 원리는, 사람의 뇌가 요소를 따로따로 보지 않고 자동으로 패턴(묶음)으로 본다는 발견이다. 그래서 라벨이나 선이 없어도, 간격만으로 "이건 한 그룹"이라고 알려줄 수 있다 — 가장 값싼 정보 정리법이다.
관련 항목끼리는 가까이(약 8px), 다른 그룹과는 멀리(24px+). 그룹 안 간격 : 그룹 간 간격이 대략 3:1이면, 박스를 안 그려도 묶여 보인다.
전부 16px로 균등하면 어디서 그룹이 나뉘는지 알 수 없다. 사용자는 "무엇이 무엇과 한 세트인지"를 매번 머리로 추론해야 한다 — 인지 부하 발생.
gestalt-grouping classGuide). 답이 곧 근접성 — 거리가 의미를 만든다.세 번째 원칙은 점진적 공개(progressive disclosure)다. NN/g의 정의는 명확하다 — "처음엔 가장 중요한 몇 개만 보여주고, 나머지 전문 옵션은 요청이 있을 때 펼친다." 모든 기능을 첫 화면에 늘어놓으면 인지 과부하가 오지만, 핵심 3~5개만 두고 나머지를 '더보기'에 숨기면 초보는 안 헤매고 숙련자는 자기 것만 빠르게 찾는다.
좋은 게임은 첫판에 모든 기술을 주지 않는다. 기본 조작 → 익히면 다음 능력. 한꺼번에 다 주면 배우다 지친다. 화면 설계도 똑같다.
"숨기면 사용자가 불편하지 않나?" → 아니다. 숨기는 게 아니라 '순서대로 꺼내주는' 것이다. 필요한 사람은 '더보기'로 찾고, 대다수는 핵심에 집중해 안 헤맨다.
E1은 "디자인은 인지 부하를 낮춰 사용자를 덜 헤매게 한다"로 끝났다. 그런데 여기서 질문이 하나 생긴다 — '사용자'는 대체 누구인가? 시력·운동·인지 능력은 사람마다 다르다. 계단만 있는 건물이 휠체어·유모차·짐수레를 막듯, 한 종류의 사용자만 가정한 화면은 나머지를 밀어낸다. 그래서 첫 번째 책임은 접근성(accessibility) — '덜 헤매게'의 대상에 모두를 넣는 일이다.
정보를 감지할 수 있나? 대비 4.5:1, 아이콘+텍스트, 대체텍스트.
누구나 조작하나? 터치 48px, 키보드만으로도 사용.
예측 가능하고 읽기 쉽나? 쉬운 말, 일관된 동작.
접근성으로 모두를 들였다면, 다음은 들어온 사람에게 되돌릴 자유를 주는 일이다. 닐슨 휴리스틱 #3 'User Control & Freedom'은 말한다 — "사용자는 자주 실수한다. 긴 절차 없이 빠져나갈 '비상구'가 분명히 보여야 한다." 실행 취소, 삭제 전 확인, 자동 저장이 그 비상구다. 그리고 그 위에 개인화가 얹힌다 — 자주 쓰는 걸 기억해 더 편하게.
통제감이 있어야 사용자는 겁 없이 시도한다. 되돌릴 수 없으면 그 기능 자체를 회피한다.
자주 쓰는 기능을 위로, 최근 항목을 앞으로. 넷플릭스가 모두에게 같은 목록 대신 내 취향 추천을 주는 것.
단, 개인화는 데이터를 쓴다 — 여기서부터 '편의'와 '감시'의 경계가 흐려진다. 다음 장의 복선.
앞 원칙들을 뒤집으면 그대로 다크 패턴(deceptive pattern)이 된다 — 사용자를 위한 '유도'가 회사만을 위한 '조작'으로 바뀌는 설계다. UX 디자이너 해리 브리널이 2010년 이 현상에 이름을 붙이며 darkpatterns.org(현 deceptive.design)를 열었다. 핵심 정의 — "사용자가 원하는 것을 못 하게 막거나, 해로운 선택으로 몰아가는 설계."
| 유형 | 무엇을 하나 | 뒤집힌 원칙 |
|---|---|---|
| 해지 미로 Hard to cancel | 가입은 1분, 해지는 5단계 깊이로 숨김 | 사용자 제어 ↔ 비상구를 없앰 |
| 숨은 구독 Hidden subscription | 무료체험 뒤 모르게 자동결제로 전환 | 일관성·투명성 ↔ 약속을 어김 |
| 죄책감 유발 Confirmshaming | "아니요, 저는 절약에 관심 없어요" 식 거절 문구 | 존중 ↔ 감정 조작 |
| 가짜 긴박감 Fake urgency | "마감 임박! 2명이 보는 중" 거짓 압박 | 정직 ↔ 거짓 정보 |
윤리는 외워서 되는 게 아니라 스스로 판단해봐야 몸에 붙는다. 그래서 E2는 강의가 아니라 토론 활동으로 닫는다. 다크 패턴은 누군가 '실수'로 만든 게 아니라 누군가 '의도'로 설계했다는 점이 핵심이다 — 그 자리에 있던 디자이너는 거절할 수 있었을까? 이 질문이 학생을 '구경꾼'에서 '책임자'로 옮긴다.
모둠마다 사례 카드(해지 미로 / 숨은 구독 / 죄책감 유발 / 가짜 긴박감) 1장씩. 세 가지를 분석해 발표한다.
"이 설계는 사용자에게 이득인가, 회사에만 이득인가?"
사용자는 손해 보고 회사만 이득이면 다크 패턴을 의심한다. 양쪽 다 이득이면(예: 자동저장) 좋은 설계다.
E1에서 배운 원칙들은 사용자의 행동을 유도하는 힘을 디자이너에게 준다. 그런데 같은 힘으로 사용자를 도울 수도, 속일 수도 있다는 게 E2의 발견이었다. 그래서 윤리는 '하지 말라'는 금지 목록이 아니라, 매 설계 결정 앞에서 던지는 한 문장의 질문이다 — 방향을 가르는 나침반이다.
이 장은 원칙과 윤리를 따로 가르친 게 아니라, 하나의 힘을 두 방향에서 본 추론이었다. E1은 인지 부하를 낮추는 원칙들이 디자이너에게 유도하는 힘을 준다는 걸 보였고, E2는 그 힘을 모두에게 열고(접근성)·되돌릴 자유를 주되(제어)·속이지 않는(윤리) 책임으로 단속했다.
E1은 만들며 익히고, E2는 따지며 익힌다. 아래 두 실습은 이 장의 두 축을 각각 손에 붙인다 — 원칙은 설계 과제로, 윤리는 토론과 O/X 점검으로.
한 화면에 세 원칙을 동시에 적용한다.
design-sense 이론·퀴즈 탭으로 점검.
사례 카드 4장으로 모둠 토론 후, 윤리적으로 고친 버전을 발표(슬라이드 10 활동).
O/X 점검