메일 주소 복사
보물창고로
PERSONAL ARCHIVE

필요한 설정만 펼치기 · Progressive disclosure

기본 기능부터 보여주고 고급 옵션은 필요할 때 펼치는 방식. 아코디언은 구현 수단 중 하나

조회 1추천 0
화면 직접 조작하기화면 직접 조작하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Progressive disclosure · 점진적 공개
기본 기능부터 보여주고 고급 옵션은 필요할 때 펼치는 방식. 아코디언은 구현 수단 중 하나

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 설정 화면을 간단하게 해줘.

필수 이름은 항상 표시 · 재시도와 알림 옵션은 고급 설정 안으로

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

모든 옵션을 한 번에 읽어야 하는 부담을 줄입니다. 아코디언이라는 모양뿐 아니라 무엇을 숨겨도 되는지까지 정해줍니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

기존 가이드와 자세한 사용법 읽기
목차

필요한 설정만 펼치기 · Progressive disclosure

안녕하세요 mouseco 입니다. :)

Progressive disclosure · 점진적 공개은 기본 기능부터 보여주고 고급 옵션은 필요할 때 펼치는 방식. 아코디언은 구현 수단 중 하나입니다.

막연한 요청을 구체적인 문구로

기존 요청: 설정 화면을 간단하게 해줘.

[설정 화면]에 점진적 공개를 적용해줘. 자주 쓰는 옵션은 바로 보여주고 고급 설정은 아코디언으로 접어줘. 필수 입력과 오류 메시지는 접힌 영역에 숨기지 마.

적용하면 보이는 차이

필수 이름은 항상 표시 · 재시도와 알림 옵션은 고급 설정 안으로

직접 만든 예시 열기

예시는 위 기법을 보여주기 위해 직접 제작했습니다. 수치와 업무 상황은 가상이며 특정 모델의 성능 비교 결과가 아닙니다.

유용한 이유

모든 옵션을 한 번에 읽어야 하는 부담을 줄입니다. 아코디언이라는 모양뿐 아니라 무엇을 숨겨도 되는지까지 정해줍니다.

적용할 때 확인할 점: 단순한 옵션 수 감소가 목적입니다. 동의, 요금, 필수 조건처럼 의사결정에 필요한 정보는 접지 않습니다.

용어·기법 참고 문서 · 확인일 2026-10-18