문서를 인쇄하려고 버튼을 누르면 보통 매수, 인쇄할 쪽, 프린터 정도만 담긴 작은 창이 뜹니다. 확대·축소나 역순 인쇄 같은 설정은 ‘자세히’ 버튼 뒤에 숨어 있죠. 처음부터 모든 선택지를 한 화면에 쏟아 놓았다면 어땠을까요? 대부분은 매수 칸 하나를 찾느라 한참 헤맸을 겁니다. 이렇게 꼭 필요한 것만 먼저 보여 주고 나머지는 원할 때 펼치는 설계, 그것이 바로 ‘점진적 공개(Progressive Disclosure)’입니다.

점진적 공개란 쉽게 말해 ‘가장 중요한 몇 가지 선택지만 처음 화면에 보여 주고, 드물게 쓰는 고급 기능은 사용자가 요청할 때 두 번째 화면에서 드러내는 인터랙션 디자인 원칙’을 의미합니다. 오래전부터 응용 프로그램 설계의 주요 지침으로 쓰여 온 원칙으로, 사용성 전문가 제이콥 닐슨(Jakob Nielsen)이 2006년 글에서 이 원칙을 정리하며 인쇄 대화 상자를 고전적인 예로 들었습니다. 기능을 원하는 마음과 단순함을 원하는 마음, 서로 부딪히는 두 요구를 함께 채우는 방법으로 꼽힙니다.

본 자료에서는 점진적 공개가 풀려는 딜레마, 실제로 얻는 이득, 잘 설계하기 위한 세 가지 조건, 그리고 단계적 공개와의 차이까지 차례로 살펴보겠습니다.

다 보여 주지 않아서 더 쓰기 쉬운 화면

점진적 공개란 무엇인가?

사용자는 늘 두 가지를 동시에 원합니다. 자기 상황에 맞는 기능이 빠짐없이 있기를 바라면서도, 그 많은 기능을 하나하나 익힐 시간은 없습니다. 기능을 줄이면 불만이 생기고, 다 늘어놓으면 화면이 복잡해지는 셈입니다.

(1) 첫 화면에는 핵심만
처음 보이는 영역에는 대부분의 사람이 대부분의 경우에 쓰는 기능만 둡니다. 인쇄 창이라면 매수와 쪽 범위 정도입니다.

(2) 나머지는 요청할 때
고급 설정은 ‘더 보기’, ‘고급 옵션’ 같은 버튼 뒤로 미룹니다. 지우는 것이 아니라 한 걸음 뒤에 두는 것이죠.

(3) 웹과 모바일로 넓어진 쓰임
처음에는 기능이 많은 응용 프로그램의 지침이었지만, 정보가 많은 웹사이트와 화면이 좁은 모바일에서도 기본 원칙이 되었습니다. 쇼핑몰 상품 페이지가 핵심 특징 몇 개만 보여 주고 전체 사양은 따로 펼치게 하는 것도 같은 생각입니다.

숨겨서 얻는 세 가지 이득

기능을 감추면 오히려 헷갈리지 않을까 걱정할 수 있습니다. 닐슨은 반대로, 처음 화면에 무엇이 놓였는지 자체가 ‘이것이 중요하다’는 신호가 된다고 설명합니다.

(1) 배우기 쉬워진다
처음 쓰는 사람은 쓸모 있을 가능성이 큰 기능에만 주의를 쏟게 됩니다. 필요 없는 기능을 두고 고민하는 시간도 줄어듭니다.

(2) 실수가 줄어든다
낯선 고급 설정을 건드릴 기회 자체가 적어집니다. 잘못 눌러 엉뚱한 결과가 나오는 일을 미리 막는 효과입니다.

(3) 숙련자도 빨라진다
자주 쓰는 사람에게도 짧은 첫 화면은 이득입니다. 거의 쓰지 않는 긴 목록을 매번 훑고 지나갈 필요가 없으니까요.

• 학습 용이성(Learnability): 처음 접한 사람이 기능을 얼마나 빨리 익히는지입니다.
• 사용 효율성(Efficiency of Use): 익숙한 사람이 일을 얼마나 빨리 끝내는지입니다.
• 오류율(Error Rate): 사용 중 실수가 얼마나 자주 생기는지입니다.

닐슨은 점진적 공개가 사용성의 다섯 요소 가운데 이 세 가지를 함께 끌어올린다고 보았습니다. 핵심 기능부터 익히게 하면 전체 구조를 좁게 이해할 것이라는 우려도 있지만, 우선순위를 잡아 주면 오히려 시스템을 더 잘 이해한다는 연구 결과가 있다고 덧붙였습니다.

잘 숨기려면 지켜야 할 세 조건

원리는 단순해도 실제 설계는 쉽지 않습니다. 어디까지 보여 주고 어디부터 미룰지, 그리고 미룬 것을 어떻게 찾게 할지가 성패를 가릅니다.

(1) 나누는 선을 정확히 긋는다
자주 필요한 것은 모두 첫 화면에 있어야 합니다. 그래야 두 번째 화면으로 가는 일이 드물어집니다. 반대로 첫 화면에 선택지가 너무 많거나 헷갈리는 기능이 섞이면 원칙의 의미가 사라집니다. 무엇을 앞에 둘지는 과업 분석, 현장 관찰, 기능별 사용 빈도 같은 자료로 정합니다.

(2) 다음 층으로 가는 길이 분명해야 한다
고급 옵션 버튼은 눈에 잘 띄는 자리에 두고, 이름만 보고도 무엇이 나올지 짐작할 수 있게 붙여야 합니다. 누르기 전부터 기대가 맞아야 사용자가 망설이지 않습니다.

(3) 층은 둘을 넘기지 않는다
이론상 세 번째, 네 번째 층도 만들 수 있지만, 닐슨에 따르면 공개 단계가 둘을 넘는 설계는 대개 사용성이 낮았습니다. 층 사이를 오가다 길을 잃기 쉽기 때문이죠. 세 층이 필요할 만큼 기능이 많다면 설계 자체를 단순하게 다듬거나, 고급 기능을 의미 있는 묶음으로 나누는 편이 낫습니다.

단계적 공개와 무엇이 다를까?

비슷해 보이는 방식으로 단계적 공개(Staged Disclosure)가 있습니다. 설치 마법사처럼 한 단계에 일부 선택지만 보여 주며 차례로 넘어가게 하는 방식입니다. 둘 다 한 번에 보이는 양을 줄이지만 쓰임은 꽤 다릅니다.

(1) 무엇을 나중에 보여 주는가
점진적 공개는 덜 중요하거나 드물게 쓰는 기능을 뒤로 미룹니다. 단계적 공개는 중요도와 상관없이 과업 순서상 나중에 필요한 것을 뒤에 둡니다.

(2) 사용자가 끝까지 가는가
점진적 공개에서는 대부분의 사람이 첫 화면에서 일을 마칩니다. 단계적 공개에서는 중간에 그만두지 않는 한 모두가 마지막 단계까지 거쳐 갑니다.

(3) 오가는 방식과 주의할 점
점진적 공개는 첫 화면과 두 번째 화면을 위아래로 오가는 계층 구조이고, 단계적 공개는 앞으로 한 걸음씩 나아가는 직선 구조입니다. 그래서 단계끼리 서로 얽혀 자주 앞뒤로 오가야 하는 과업이라면 단계로 쪼개는 것이 오히려 불편을 낳습니다. 탐색과 비교가 필요한 정보는 한 화면에 모으고, 결제처럼 나중에 필요한 정보만 뒤로 미루는 식의 판단이 필요합니다.

모두에게 필요한 것은 앞에, 일부에게만 필요한 것은 한 걸음 뒤에 두는 것, 그것이 점진적 공개 이해의 첫걸음입니다.