본문으로 건너뛰기

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

단계적 공개 (Progressive Disclosure)

단계적 공개란 정보를 한 번에 전부 제공하는 것이 아니라, 사용자 경험(UX)의 이유로 일정한 순서에 따라 점진적으로 공개하는 방식을 의미합니다.

시에나UX Designer2025.02.16읽는 데 약 5
단계적 공개 (Progressive Disclosure)

🔹 정의

단계적 공개란 정보를 한 번에 전부 제공하는 것이 아니라, 사용자 경험(UX)의 이유로 일정한 순서에 따라 점진적으로 공개하는 방식을 의미합니다.

🔹 주요 개념

사용자 경험(UX) 측면

  • 사용자가 한 번에 너무 많은 정보를 접하면 인지적 과부하(cognitive overload)가 발생할 수 있기 때문에, 필요한 순간에 맞춰 정보를 제공하는 방식입니다.

  • 예) 회원가입 절차에서 모든 입력 필드를 한 번에 노출하는 대신, 단계별로 하나씩 보여주는 방식.

🔹 관련 실험

🔍 Nielsen Norman Group (2006) - Progressive Disclosure 연구

📌 연구 개요

Nielsen Norman Group(NNGroup)은 UX 및 사용성(Usability) 연구로 유명한 기관으로, 2006년 ‘Progressive Disclosure (단계적 공개) 연구’를 통해 사용자의 정보 처리 방식과 인터페이스 디자인에 미치는 영향을 분석.

🔹 연구 목적

  • 한 번에 모든 정보를 제공하는 방식(All-at-once disclosure)과 단계적 공개 방식(Progressive Disclosure)의 효과 비교

  • 사용자 인지 부하(Cognitive Load) 감소 여부 평가

  • UI 설계 시 단계적 공개가 유용한 경우 확인

🔹 연구 방법

  • 다양한 웹사이트와 소프트웨어 UI를 대상으로 사용자 테스트 진행

  • 2가지 방식 비교:

  1. 즉각적인 전체 정보 공개: 사용자가 한 번에 모든 정보를 확인하는 방식

  2. 단계적 공개(Progressive Disclosure): 사용자의 행동에 따라 점진적으로 필요한 정보만 노출하는 방식

  • 참가자의 작업 수행 속도, 오류율, 만족도 등을 측정

🔹 연구 결과

  • 단계적 공개가 사용자의 성공률을 높이고, 인지적 부담을 줄임

  • 사용자가 필요하지 않은 정보까지 한 번에 제공하면, 주요 정보 파악이 어려워짐

  • 단계적 공개로 정보를 정리하면, 사용자가 더 쉽게 목표를 달성함

  • 전문가용 기능 제공 시 유용함

  • 초보자에게는 기본 옵션만 제공하고, 전문가 모드에서는 추가 기능을 공개하는 방식이 효과적

  • 사용자의 탐색 의지를 높임

  • 필요할 때만 정보를 제공하면 사용자는 더 적극적으로 정보를 찾고 활용하려는 경향이 있음

🔹 사례 예시 (연구에서 분석한 사례)

  • 소프트웨어 설정 화면

  • 모든 설정 옵션을 한 번에 보여주는 방식보다, "기본 설정"과 "고급 설정"을 구분하는 방식이 사용성 향상

  • 헬프 및 튜토리얼

  • 긴 설명을 한 번에 제공하는 것보다, 단계별로 ‘더 보기(Expand)’ 기능을 제공하면 사용자 만족도가 증가

🔹단계적 공개 유형

  1. 단계별 안내

프로필을 설정할 때, 사용자는 현재 단계만 볼 수 있으며, 진행함에 따라 다음 단계가 순차적으로 나타납니다. 이는 사용자가 한 가지 작업에 집중할 수 있도록 도와주며, 과부하를 방지하는 데 효과적입니다.

단계적 공개 (Progressive Disclosure)
  1. 확장 가능한 섹션 (Expandable sections)

  • 드롭다운(dropdowns)

  • 더 보기(read more)

  • 아코디언(accordions)과 같은 확장 가능한 섹션

→ 사용자가 원하는 정보를 선택적으로 볼 수 있도록 하면서도 인터페이스가 복잡해지는 것을 방지할 수 있습니다.

이 방식은 특히 반응형 웹 디자인(responsive web design)에서 효과적인데, 화면 공간이 제한적이며 깔끔한 레이아웃이 중요한 경우에 유용합니다. 즉, 단순함을 유지하면서도 깊이 있는 정보를 제공할 수 있는 방법이라고 볼 수 있습니다.

단계적 공개 (Progressive Disclosure)
  1. Hover 또는 클릭하여 세부 정보 표시

마우스를 올리거나 클릭했을 때 나타나는 툴팁(tooltips)팝업(pop-ups)은 화면을 복잡하게 만들지 않으면서도 추가적인 컨텍스트를 제공하는 효과적인 방법.

예를 들어, 반응형 웹사이트의 가격표(pricing table)에는 각 기능 옆에 작은 아이콘이 있을 수 있습니다. 사용자가 해당 아이콘을 클릭하거나 마우스를 올리면 설명이 나타나며, 이를 통해 사용자는 처음부터 너무 많은 텍스트에 압도되지 않고도 필요한 정보를 얻어 더 나은 결정을 내릴 수 있습니다.

단계적 공개 (Progressive Disclosure)

4. Progressive navigation

처음에는 최상위 카테고리(top-level categories)만 보여주고, 사용자가 탐색을 계속하면 점점 더 하위 카테고리(subcategories) 또는 추가적인 옵션이 나타나는 방식.

최고의 반응형 웹사이트 중 일부는 이 방식을 활용하여 직관적인 내비게이션(navigation)을 제공합니다. 이를 통해 사용자는 불필요한 정보에 방해받지 않고도 원하는 내용을 쉽게 찾을 수 있습니다.

단계적 공개 (Progressive Disclosure)

📌단계적 공개(Progressive Disclosure) 적용할 때 유용한 경우

  1. 회원가입 / 결제 과정: 한 번에 많은 정보를 입력하게 하면 이탈 가능성이 높음

  2. 설정 메뉴: 초급자와 전문가를 구분해 UI 제공

  3. 헬프/튜토리얼: 사용자의 학습 속도에 맞춰 정보 제공

  4. 모바일 UI: 작은 화면에서 한꺼번에 많은 정보를 제공하면 가독성이 떨어짐

이처럼 단계적 공개는 사용자 경험(UX) 향상, 이탈률 감소, 전환율 증가에 효과적인 전략으로 활용!

References

  1. 01원문 보기Notion
  2. 02Progressive Disclosurenngroup.com
  3. 03Progressive disclosure for responsive websitesjustinmind.com

Written by

시에나

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

Profile →

Discussion

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

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

Sign in →
All articles →