양식은 항상 나누는 게 좋은가요?

아니요. 입력이 몇 개뿐이면 한 화면이 더 빨라요. 입력이 많고 순서가 있을 때 나누는 게 효과적이에요.

단계 수는 몇 개가 적당한가요?

보통 3~5단계가 무난해요. 단계가 너무 많으면 묶거나 생략할 항목이 없는지 먼저 살펴봐요.

다단계 양식

⚙️ 공학·기술 작성 캠퍼스다운 위키 편집부 최종 수정 2026년 10월 27일

다단계 양식은 회원가입, 대출 신청, 주문처럼 입력이 많은 양식을 여러 단계로 나누고, 각 화면에서 몇 가지 항목만 입력하며 다음으로 넘어가게 하는 양식 구조예요.

1. 왜 나눌까
2. 단계 표시와 끝이 보이는 느낌
3. 뒤로 가기, 저장, 접근성
4. 자주 묻는 질문
5. 참고문헌

왜 나눌까

작은 화면에 스무 개의 입력란이 한꺼번에 보이면 시작하기도 전에 지쳐요. 밀러(1956)가 보인 정보 처리의 한계처럼, 비슷한 항목끼리 묶어 한 화면에 몇 개씩만 보여주면 부담이 줄어요. 이건 청킹과 같은 원리예요. 부디우(2017)는 순서가 분명하고 처음 해 보는 사람이 많은 과정에 단계형이 잘 맞는다고 정리했어요. 프리드먼과 프레이저(1966)의 '문간에 발 들여놓기'처럼, 이메일 같은 쉬운 항목을 먼저 받으면 이어서 진행할 가능성이 높아져요.

단계 표시와 끝이 보이는 느낌

키베츠와 동료들(2006)의 목표 기울기 연구처럼 사람은 끝이 가까워질수록 더 힘을 내요. '3/4단계'처럼 남은 단계를 보여주면 이 효과를 살릴 수 있어요. 다만 콘래드와 동료들(2010)은 초반에 진행이 느리게 보이면 오히려 포기가 늘 수 있다고 보였어요. 그래서 단계 수는 정직하게 보여주되 첫 단계는 짧게 만드는 게 좋아요. 셔윈(2014)이 정리한 진행 표시기 중에서는 단계 이름이 붙은 스테퍼가 모바일에서 무엇이 남았는지 알려 주기 좋아요.

뒤로 가기, 저장, 접근성

이전 단계로 돌아가도 입력한 내용이 그대로 남아 있어야 하고, 기기의 뒤로 가기도 양식의 '이전'처럼 동작해야 해요. 긴 과정은 중간 저장을 지원하면 좋아요. 각 단계의 오류는 다음으로 넘어가기 전에 인라인 유효성 검사로 알려 주고, 마지막에 전체를 검토하는 요약 화면을 둬요. W3C 튜토리얼(n.d.)처럼 페이지 제목과 단계 표시에 '2/4단계: 배송 정보'를 넣으면 화면낭독기 사용자도 위치를 알 수 있어요.

자주 묻는 질문

양식은 항상 나누는 게 좋은가요?: 아니요. 입력이 몇 개뿐이면 한 화면이 더 빨라요. 입력이 많고 순서가 있을 때 나누는 게 효과적이에요.
단계 수는 몇 개가 적당한가요?: 보통 3~5단계가 무난해요. 단계가 너무 많으면 묶거나 생략할 항목이 없는지 먼저 살펴봐요.

출처 검토일: 2026-10-27