점진적 공개, 어떤 설정을 먼저 보여 줄까요?

공유 창에서 무엇을 먼저 확인할까요?

동료 두 사람에게 ‘발표 초안’을 공유해 두었습니다. 검토 일정이 바뀌어 링크의 만료일을 10월 9일에서 10월 12일로 늦추려고 합니다. 읽을 수 있는 사람은 윤서와 지훈 그대로이고, 문서를 수정할 수 없도록 보기 권한도 유지해야 합니다.

세부 설정 전에 공유의 현재 범위 읽기

공유 판단에 필요한 현재 조건

발표 초안 · 원문의 초기 공유 조건

자료

발표 초안

받는 사람

윤서 · 지훈

권한·범위

보기 · 지정한 사람만

적용 만료

2026-10-09 18:00 · 한국시간

다운로드

허용 안 함

고정된 초기 예시입니다. 실제 공유 링크가 아니며, 뒤의 체험에서 편집한 현재값을 이 표가 대신 표시하지 않습니다.

기존 도판의 출처와 전체 설명 읽기

두 사람과 발표 자료가 연결된 상황을 보세요. 만료 설정의 사용 빈도가 낮아도 누가 언제 읽을 수 있는지는 지금 공유 판단에 필요할 수 있습니다.

아래는 이 상황을 위해 만든 가상의 공유 창입니다. 날짜는 모두 2026년, 시각은 한국시간(UTC+9) 오후 6시로 고정했습니다. 실제 문서나 계정과 연결되지 않습니다. 먼저 지금 누가 문서를 열 수 있는지, 언제까지 열 수 있는지 읽어보세요.

이 예에서 만료일은 링크로 문서를 열 수 있는 마지막 시점을 뜻합니다. ‘다운로드 허용 안 함’은 이 도구의 파일 받기 기능을 막는 설정입니다. 화면을 다른 방법으로 복제하는 것까지 막는다고 가정하지 않으며, 만료로 이미 받은 파일을 회수하지도 않습니다.

만료일을 바꾼 뒤 접어보세요

만료일을 10월 12일 오후 6시로 바꾸려면 어디를 열어야 할까요? ‘만료일·다운로드 설정’을 펼쳐 날짜를 바꾸고, 다운로드는 허용하지 않은 채 다시 접어보세요. 아직 ‘변경사항 저장’은 누르지 않습니다.

직접 조작했다면 접은 화면의 ‘변경안(저장 전)’과 ‘현재 적용 중’을 각각 읽어보세요. 도판으로 읽고 있다면 10월 12일을 고른 뒤 저장하지 않은 상황을 떠올려보세요. 지금 동료에게 적용되는 만료일은 언제일까요? 예상한 다음 아래 흐름과 비교해보세요. 조작 중이라면 ‘변경사항 저장’을 누르고 현재 적용 중인 날짜를 다시 확인합니다.

이 예의 흐름은 이렇습니다. 날짜를 바꾸면 변경안은 10월 12일이 되지만, 현재 적용 중인 만료는 10월 9일에 머뭅니다. 설정을 접어도 두 표시는 그대로입니다. 저장을 마치면 현재 적용 중인 만료가 10월 12일로 바뀝니다. 윤서·지훈, 보기 권한, 지정한 사람만이라는 범위와 다운로드 제한은 유지됩니다. 이로써 검토 기간을 연장하는 작업이 끝납니다.

접을 것은 편집란, 남길 것은 판단할 정보

점진적 공개(Progressive Disclosure)는 핵심 기능을 먼저 보여 주고, 세부 기능이 필요한 사람은 그 기능을 열어 쓰게 하는 설계 패턴입니다. 사용자가 처음부터 모든 설정을 읽지 않아도 되게 하되, 필요한 설정으로 가는 길은 알아볼 수 있어야 합니다. Jakob Nielsen도 초기 화면에 중요한 선택지를 두고 추가 기능으로 가는 길을 분명하게 만들라고 설명합니다. 먼저 정할 것은 무엇을 접을지가 아니라 무엇을 처음부터 보여 줄지입니다. Nielsen의 원문에서 그 기준을 읽을 수 있습니다.

Initially, show users only a few of the most important options.

Jakob Nielsen · Progressive Disclosure (2006), 도입부의 첫 번째 항목 · 출처 PD1

처음에는 가장 중요한 선택지 몇 가지를 보여 주라는 뜻입니다. 여기서 ‘중요한 것’을 우리 과제에 맞게 풀어야 합니다. 공유 대상과 권한은 설정을 바꾸지 않는 사람에게도 확인할 이유가 있습니다. 누구에게 무엇을 허용하는지 알지 못하면, 공유를 유지할지 판단하기 어렵기 때문입니다.

권한은 문서에서 무엇을 할 수 있는지, 공개 범위는 누가 들어올 수 있는지를 말합니다. ‘보기’라고만 쓰면 낯선 사람도 읽을 수 있는지 알 수 없습니다. 그래서 이 창에서는 ‘윤서·지훈’, ‘보기’, ‘지정한 사람만’을 함께 보여 줍니다. 만료일과 다운로드는 별도 영역에서 고치되, 현재 작동하는 값은 바깥에 요약했습니다.

이 공유 창에서는 만료일을 고치는 편집란을 접어도 현재 날짜의 요약은 남깁니다. 값을 바꾸려는 사람에게는 입력란이 필요하고, 현재 설정만 확인하려는 사람에게는 정확한 요약으로 충분할 수 있기 때문입니다. 편집란을 접는 동안에도 그 설정이 어떤 영향을 주는지 판단할 정보는 읽을 수 있게 한 것입니다. 이 요약 방식은 사례에 적용한 설계 제안이며, 모든 설정을 반드시 같은 두 층으로 나누라는 규칙은 아닙니다.

같은 두 사람, 같은 보기 권한, 같은 만료일을 ‘더 보기’ 안에 모두 넣으면 창은 짧아집니다. 대신 매번 그 안을 열어야 공유 상태를 확인할 수 있습니다. 개선안은 대상·권한·범위를 밖으로 옮기고, 제목을 ‘만료일·다운로드 설정’으로 바꾸며, 현재값 요약을 더한 것입니다. 배치와 이름, 요약을 함께 바꾼 안이므로 결과가 좋아져도 한 가지 요소만의 효과라고 단정할 수는 없습니다.

GOV.UK의 Details 지침도 일부 사용자만 필요한 설명에 접기 기능을 쓰고, 대다수가 필요로 하는 정보는 숨기지 말라고 합니다. 펼침 제목은 안쪽에 무엇이 있는지 짐작하게 해야 합니다. 이 지침은 보충 설명용 구성 요소의 사용 기준이며, 위 공유 창의 저장 방식까지 정해 주지는 않습니다.

드물게 쓰더라도 먼저 알아야 할 때

무엇을 접을지 정할 때는 사용 빈도와 함께 필요한 순간, 놓쳤을 때의 결과를 적어보세요. 만료일을 바꾸는 횟수가 적어도, 검토 기간이 끝나기 전에 링크가 끊기면 업무가 멈출 수 있습니다. ‘잘 쓰지 않는 설정’과 ‘몰라도 되는 정보’를 같은 뜻으로 취급하면 이런 차이를 놓칩니다.

같은 문서를 외부 심사에 제출하며 “심사 종료 직후 접근을 끝내야 한다”는 조건이 붙었다고 해 봅시다. 이 과제에서는 만료일을 정하는 일이 중심이 됩니다. 이미 설정된 날짜를 더 눈에 띄게 보여 주고, 확인이 반드시 필요하다면 날짜 선택을 처음부터 드러내는 편을 검토하세요. 모든 사용자에게 영원히 ‘고급 설정’인 항목은 없습니다.

반대로 모든 편집란을 계속 펼쳐 두면 바꾸지 않을 값을 지나쳐 읽어야 합니다. 실제 과제를 놓고 어느 쪽의 비용이 큰지 비교해야 합니다. 만료일을 매번 수정하는 팀이라면 기본 펼침이나 바로가기 편집을 검토할 수 있습니다. 화면 낭독기 사용, 접근성 설정, 전문 업무 기능을 ‘소수만 쓰는 것’이라며 찾기 어려운 곳으로 미루지 않는 것도 같은 판단입니다.

접기, 저장, 되돌리기를 구분하세요

방금 공유 창에서는 세 가지가 따로 바뀌었습니다. 펼침 상태는 편집란이 보이는지, 변경안은 사용자가 지금 고른 값이 무엇인지, 적용값은 동료에게 실제로 어떤 설정이 작동하는지를 말합니다. 예를 들어 10월 12일을 골라 편집란을 접어도 저장 전에는 동료에게 10월 9일이 적용됩니다. 이처럼 명시적인 저장 버튼을 쓰는 화면에서는 변경안과 적용값이 잠시 다를 수 있습니다.

정적 기록으로 접기·저장·되돌리기 비교

정적 학습도판 · 조작 없는 전체 순서

접기와 저장은 서로 다른 변화

발표 초안 · 윤서·지훈 · 보기 · 지정한 사람만. 모든 시각은 한국시간(UTC+9)입니다. 다운로드는 세 상태 모두 허용 안 함입니다.

1. 설정 열림 · 저장 전

   만료일·다운로드 설정을 펼쳐 만료를 10월 12일로 선택한 상태입니다.

   변경안(저장 전)

   2026-10-12 18:00 한국시간(UTC+9) · 다운로드 허용 안 함

   현재 적용 중

   2026-10-09 18:00 한국시간(UTC+9) · 다운로드 허용 안 함

   편집 영역

   펼쳐짐

   다음: 만료일·다운로드 설정 접기

2. 설정 접힘 · 저장 전

   편집 영역을 접은 상태입니다. 변경안과 적용값은 그대로 남습니다.

   변경안(저장 전)

   2026-10-12 18:00 한국시간(UTC+9) · 다운로드 허용 안 함

   현재 적용 중

   2026-10-09 18:00 한국시간(UTC+9) · 다운로드 허용 안 함

   편집 영역

   접힘

   다음: 변경사항 저장

3. 설정 접힘 · 저장됨

   변경사항을 저장한 상태입니다.

   변경안(저장 전)

   없음

   현재 적용 중

   2026-10-12 18:00 한국시간(UTC+9) · 다운로드 허용 안 함

   편집 영역

   접힘

변경안 되돌리기는 변경안을 현재 적용값으로 되돌립니다. 체험 처음부터는 이 가상 사례의 최초 값인 2026-10-09 18:00 한국시간(UTC+9), 다운로드 허용 안 함으로 적용값과 변경안을 함께 초기화하고 편집 영역을 접습니다.

접기 버튼은 표시만 바꾸도록 정하고, 값을 되돌리려면 ‘변경안 되돌리기’처럼 별도 동작을 제공하세요. 이 사례의 되돌리기는 마지막 적용값을 다시 편집란에 채웁니다. 체험을 처음부터 하는 버튼은 최초 예시로 돌아갑니다. 두 동작의 대상도 구분해야 합니다.

자동 저장을 쓰는 제품이라면 저장 버튼은 없어도 됩니다. 대신 저장 중, 저장됨, 저장 실패를 구분하고, 성공하기 전 값을 이미 적용된 것처럼 요약하지 않아야 합니다. 표시 방식과 저장 방식은 별개의 설계 선택입니다.

저장이 실패했다면 변경안은 보존하면서 이전 적용값과 실패 이유, 다시 시도할 방법을 보여 주세요. 다른 사람이 설정을 바꿨다면 화면의 요약도 최신 상태인지 확인해야 합니다. 최신값을 확인하지 못한 동안에는 ‘마지막 확인값’처럼 범위를 밝히고, 중요한 변경을 오래된 값 위에 그대로 저장하지 않도록 충돌 처리 방법을 정합니다. 단정한 요약이 정확한 요약보다 앞서서는 안 됩니다.

여러 단계로 나누는 일과는 다릅니다

이번 과제에서는 만료일을 고쳐야 하므로 세부 설정을 열었습니다. 하지만 현재 값을 그대로 쓰는 사람은 그 영역을 열지 않아도 됩니다. 반면 신청서의 ‘기본 정보 → 첨부 자료 → 제출 확인’처럼 완료하려면 모두 거치는 순서는 단계형 공개(Staged Disclosure)입니다. 뒤 단계의 내용은 덜 중요해서 숨긴 것이 아니라 나중 순서에 필요하기 때문에 분리한 것입니다. Nielsen은 두 구조를 이처럼 구별합니다.

한 제품에서 두 방식을 함께 쓸 수 있습니다. 신청 단계 안에 선택적인 부가 설명을 두는 식입니다. 다만 동시에 비교해야 하는 값을 여러 화면이나 접힌 영역에 흩어 놓으면 앞에서 본 값을 기억하고 돌아가야 합니다. 공개 범위별 차이를 비교하는 중이라면, 차이를 나란히 읽게 하는 방법부터 검토해보세요.

Nielsen은 단계가 깊어질수록 길을 잃기 쉬운 점도 경고합니다. 이를 ‘정확히 두 층이어야 한다’는 공식으로 외우기보다, 필요한 설정까지 얼마나 쉽게 찾아가고 돌아오는지 살펴보세요. 클릭이 한 번 늘어도 찾을 내용이 분명해질 수 있고, 클릭이 줄어도 읽어야 할 정보가 뒤섞일 수 있습니다.

다른 화면에서는 어디까지 보일까요?

수업자료 1~12쪽을 PDF로 내보내려고 합니다. 외부 제출처는 10MB 이하만 받고, 현재 설정의 예상 파일 크기는 12MB입니다. 압축 품질은 ‘높음’으로 되어 있습니다. 이 정보와 ‘이미지 압축 설정’을 화면에 배치한다면 무엇을 먼저 보여 주겠어요? 먼저 이유를 정해보세요. 숫자는 판단을 위한 가상 예시이며 실제 파일을 만든 결과가 아닙니다.

드문 압축 설정도 제출 조건에 중요합니다

많은 이미지가 담긴 페이지와 내보내기를 검토하는 행동을 함께 보세요. 본문의 예상 12MB와 제출 한도 10MB는 가상 조건입니다. 그림만으로 실제 압축 결과나 제출 성공을 판정하지 않습니다.

한 가지 안은 대상 페이지와 PDF 형식을 먼저 보여 주고, ‘제출 제한 10MB · 예상 12MB · 제한 초과’를 같은 자리에서 읽게 하는 것입니다. 압축을 세밀하게 고르는 편집란은 접을 수 있어도 제출 가능 여부를 판단할 정보는 밖에 남습니다. 현재 품질이 ‘높음’이라는 요약과 ‘이미지 압축 설정’이라는 이름이 있으면 어디서 바꿀지도 알 수 있습니다.

정적 학습도판 · 조작할 수 없는 가상 배치

수업자료를 PDF로 내보내기

대상 페이지

1–12

파일 형식

PDF

외부 제출 제한

10 MB 이하

예상 용량

12 MB · 제한 초과

12 MB는 학습용 예상값입니다. 실제 생성 파일을 측정한 값이 아닙니다.

품질: 높음

이미지 압축 설정

편집 영역: 접힘

압축을 조정해도 10 MB 이하가 된다고 보장할 수 없습니다. 실제 작업에서는 생성된 파일의 용량을 확인해야 합니다.

가상 사례 · 제품 표준이나 실제 압축 성능을 나타내지 않음

설정을 바꾼 뒤에는 예상 크기를 다시 계산하고, 계산하지 못했으면 그 상태를 알리며 실제 생성된 파일의 크기도 확인해야 합니다. 예측값과 최종 결과가 다를 수 있기 때문입니다. 이 과제가 압축을 반복해서 비교하는 일이라면 편집란을 처음부터 펼쳐 두는 선택도 가능합니다. 중요한 것은 ‘압축은 항상 고급’이라는 분류보다 지금 필요한 판단입니다.

펼칠 수 있는지, 찾을 수 있는지 확인하세요

펼침 버튼이 있다는 사실만으로 기능을 찾을 수 있다고 보기는 어렵습니다. GOV.UK는 일부 사용자가 자세히 보기 링크를 다른 페이지로 이동하는 것으로 생각해 누르지 않는 경우를 소개합니다. 일부 음성 제어 소프트웨어로 이 구성 요소를 조작하기 어려울 수 있다는 우려도 알립니다. 이 사례에서도 ‘만료일·다운로드 설정’을 알아보고, 현재 자리에서 열리는 영역이라고 이해하는지 살펴볼 필요가 있습니다.

W3C의 Disclosure 패턴은 펼침 컨트롤을 버튼으로 다루며 Enter와 Space로 조작하고, aria-expanded라는 상태값으로 열림과 접힘을 전달하도록 설명합니다. aria-expanded는 보조기술이 현재 펼침 상태를 알 수 있게 하는 이름입니다. 숨겨진 편집란으로 키보드 초점이 들어가지 않는지, 접고 다시 열었을 때 값과 위치를 잃지 않는지도 실제로 확인하세요.

필수 입력 오류가 접힌 영역 안에 생기면 해당 영역을 열고 어느 값을 고쳐야 하는지 연결해 주세요. 페이지 내 찾기, 특정 항목으로 바로 가는 링크, 인쇄에서도 숨겨진 정보가 어떻게 나타날지 확인해야 합니다. 정상 화면의 닫힌 모습만 보고 끝낼 수 없는 이유입니다.

검증할 때는 현재 설정만 확인하는 과제와 만료일을 찾아 바꾸는 과제를 함께 준비하세요. 대상·권한·범위를 올바르게 설명했는지, 날짜를 도움 없이 찾았는지, 저장 전후를 구별했는지 기록합니다. 완료 시간뿐 아니라 탐색 실패, 되돌아간 이유, 잘못 적용한 값과 복구도 봐야 합니다. 초보자와 자주 쓰는 사람, 키보드와 보조기술을 쓰는 사람의 경로도 비교해보세요.

설정 목록 옆에 세 가지를 적어보면 시작하기 좋습니다. 언제 필요한지, 놓치면 무엇이 달라지는지, 편집란을 닫아도 어떤 정보가 남아야 하는지입니다. 그 답을 바탕으로 처음 보일 내용을 고르고, 펼쳐야 하는 사람의 길까지 확인해보세요.

확인해볼 질문

• 누가 무엇을 할 수 있는지, 결정 전에 알아야 할 조건이 처음부터 보이나요?
• 드물게 바꾸는 설정이라도 놓쳤을 때의 영향을 따로 살폈나요?
• 펼침 제목만 보고 어디서 원하는 설정을 바꿀지 알 수 있나요?
• 접힌 요약에서 변경안과 실제 적용값, 저장 상태를 구별할 수 있나요?
• 기본 과제와 세부 설정 과제를 키보드·보조기술과 정적 읽기 경로에서도 끝낼 수 있나요?

근거를 읽는 방법

이 글은 점진적 공개를 설계 패턴으로 다룹니다. Nielsen의 글은 실무 기준과 단계형 공개의 차이를, GOV.UK 문서는 보충 설명을 접을 때의 사용 기준과 보고된 문제·우려를, W3C APG는 펼침 컨트롤의 구현 방법을 제공합니다. 공유 창의 현재값 요약과 저장 흐름, PDF 과제는 이를 바탕으로 구성한 적용 예시입니다. 오류나 클릭이 일정 비율 줄어든다는 측정 결과는 제시하지 않습니다.