제출 후 한꺼번에 알려주면 생기는 일
긴 가입 양식을 다 채우고 '가입'을 눌렀는데 맨 위로 돌아가 빨간 글씨 다섯 개를 찾아야 했던 경험이 있을 거예요. 로블레프스키(2009)의 사용성 테스트에서는 칸마다 바로 결과를 알려주는 인라인 검사를 쓸 때 완료 시간이 줄고 오류와 만족도가 좋아졌어요. 셀런(1994)이 말한 것처럼 사람은 피드백을 받아야 실수를 알아차리니, 피드백이 실수 바로 옆에 있어야 고치기 쉬워요. 이는 모바일 폼 사용성의 핵심이에요.
언제 검사할까
바르가스-아빌라와 동료들(2007)은 입력하는 도중에 오류를 띄우면 오히려 방해가 된다고 보고했어요. 이메일 첫 글자를 치자마자 '올바른 이메일이 아닙니다'가 뜨면 사용자는 혼난 기분이 들어요. 그래서 보통은 칸을 벗어날 때 검사하고, 이미 오류가 표시된 칸은 입력하는 동안 고쳐지면 바로 오류를 지워 줘요. 비밀번호처럼 규칙이 있는 칸은 조건 목록을 미리 보여주고 충족될 때마다 체크해 주면 좋아요. 이런 방식은 오류 방지 설계와 함께 쓰면 효과가 커요.
좋은 오류 문구와 접근성
크라우스(2019)의 지침처럼 오류는 해당 칸 가까이에, 무엇이 잘못됐고 어떻게 고치는지 구체적으로 적어요. '잘못된 입력' 대신 '생년월일은 8자리 숫자로 입력해 주세요'처럼요. 세클러와 동료들(2014)도 이런 지침이 오류 수정 시간을 줄인다고 보고했어요. 노먼(1983)의 관점처럼 오류를 사용자 탓으로 돌리는 말투는 피해요. WCAG 2.2(W3C, 2023)는 오류를 글로 알리고(3.3.1) 고칠 방법을 제안하라고(3.3.3) 해요. 빨간색만으로 표시하지 말고 아이콘과 글자를 함께 쓰고, 색채 대비도 확인하며, 화면낭독기가 오류를 읽도록 연결해 두세요.
자주 묻는 질문
- 입력할 때마다 검사하는 게 좋지 않나요?
- 대부분의 칸은 칸을 벗어날 때 검사하는 게 좋아요. 입력 중 검사는 비밀번호 조건처럼 진행 상황을 보여줄 때만 써요.
- 성공 표시도 필요한가요?
- 아이디 중복 확인처럼 맞는지 헷갈리는 칸에는 도움이 되지만, 이름처럼 뻔한 칸에는 굳이 필요 없어요.
출처 검토일: 2026-10-27
참고문헌
- Wroblewski, L. (2009, September 1). Inline validation in web forms. A List Apart. 인라인 검사의 효과를 사용성 테스트로 보여준 글이라, 성공 표시와 검사 시점을 정할 때 참고하면 도움이 돼요.
- Bargas-Avila, J. A., Oberholzer, G., Schmutz, P., de Vito, M., & Opwis, K. (2007). Usable error message presentation in the World Wide Web: Do not show errors right away. Interacting with Computers, 19(3), 330–341. 입력 중에 오류를 바로 띄우면 방해가 된다는 실험이라, 검사 시점을 정할 때 참고하면 도움이 돼요.
- Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2014). Designing usable web forms: Empirical evaluation of web form improvement guidelines. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1275–1284). ACM. 폼 지침 효과를 검증해, 오류 메시지 위치와 문구를 다듬을 때 참고하면 도움이 돼요.
- Krause, R. (2019, February 3). 10 design guidelines for reporting errors in forms. Nielsen Norman Group. 폼 오류 표시 10가지 지침이라, 실무 점검표로 참고하면 도움이 돼요.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 오류를 글로 알리고(3.3.1) 고칠 방법을 제안하라는(3.3.3) 기준이 있어, 접근 가능한 오류 표시에 참고하면 도움이 돼요.
- Norman, D. A. (1983). Design rules based on analyses of human error. Communications of the ACM, 26(4), 254–258. 실수 분석에서 설계 규칙을 끌어내, 오류를 사용자 탓이 아닌 설계 문제로 볼 때 참고하면 도움이 돼요.
- Sellen, A. J. (1994). Detection of everyday errors. Applied Psychology, 43(4), 475–498. 사람이 피드백으로 실수를 알아차린다는 연구라, 칸을 떠날 때 검사하는 근거로 참고하면 도움이 돼요.