본문으로 건너뛰기

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

청킹

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

시에나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 →