본문으로 건너뛰기

우리는 사람들이 무언가를 경험하는 방식을 공부합니다.

청킹

청킹은 인지 심리학에서 유래한 개념으로, 정보를 작고 의미 있는 덩어리(청크)로 나누어 사람들이 더 쉽게 이해하고 기억할 수 있도록 돕는 기법입니다.

시에나UX Designer2025.04.13읽는 데 약 2분
청킹

🧠 청킹(Chunking)이란?

청킹은 인지 심리학에서 유래한 개념으로, 정보를 작고 의미 있는 덩어리(청크)로 나누어 사람들이 더 쉽게 이해하고 기억할 수 있도록 돕는 기법입니다.


📌 UX에서의 청킹 개념

  • UX 디자인에서는 청킹을 통해 텍스트와 멀티미디어 콘텐츠를 구분된 단위로 나눔

  • 이렇게 하면 사용자가 정보를 더 빠르게 스캔하고 기억할 수 있음

  • 관련된 정보는 가까이, 시각적으로 구분되도록 배치해야 효과적


✍️ 텍스트 콘텐츠 청킹 방법

  • 짧은 단락 & 충분한 여백

  • 한 줄에 50~75자 이내

  • 제목, 소제목, 키워드 강조, 리스트 활용

  • 예시:

  • 카드 번호 4111 1111 1111 1111

  • 전화번호 010-1234-5678

  • 날짜 2025-04-13

청킹
  • 입력 시 사용자가 형식을 입력하지 않아도 되도록 자동 포맷팅 제공 필요

청킹

🖼 멀티미디어 콘텐츠 청킹 방법

  • 텍스트, 이미지, 영상 등을 의미 단위로 묶고 정렬

  • 게슈탈트의 근접성의 법칙 활용 → 가까이 붙은 요소는 관련된 정보로 인식됨

  • 배경색, 구분선, 여백 등으로 시각적 경계 구분

예시

  • Mailchimp: 같은 폭으로 정렬된 텍스트/이미지 청킹

청킹
  • TED.com: 영상 전체를 챕터별로 구분한 인터랙티브 자막

청킹
  • HP.com: 제품 리스트에서 각각을 청크 단위로 구분

청킹

🧠 매직 넘버 세븐(Magical Number 7)

  • 사람의 단기 기억은 평균적으로 7±2개 정도의 청크만 처리 가능 (조지 밀러 이론)

❗️ 오해 금지 (오해해서 GNB를 7개로 제한하는 사람..)

  • 메뉴 항목을 꼭 7개로 제한할 필요는 없음

  • 메뉴는 기억보다 인식(Recognition)이므로 항목이 많아도 구조적으로 잘 나누면 OK


✅ UX 디자이너를 위한 핵심 정리

  1. 사용자의 인지 부하를 줄이기 위해 정보는 덩어리로 나눠라

  2. 텍스트뿐 아니라 이미지, 버튼, 영상 등도 청킹 대상

  3. 중요한 정보는 시각적으로 강조하고, 덜 중요한 정보는 숨기거나 뒤로 미뤄라

  4. 사용자의 단기 기억 용량은 제한적이므로 기억보다 인식 중심의 UI 설계가 필요함

References

  1. 01원문 보기 — Notion

Written by

시에나

UX 법칙과 인지 원리를 정리합니다. 화면 위의 결정을 설명할 수 있는 언어를 찾는 일에 관심이 있어요.

Profile →

Discussion

00 comments
  • 아직 의견이 없습니다. 첫 번째로 생각을 남겨주세요.

댓글은 스터디 멤버만 남길 수 있습니다.

Sign in →
All articles →