입력 오류를 색깔만으로 알리지 않는 양식 만들기

빨간 테두리의 뜻 설명하기

예약 양식에서 잘못된 칸을 빨갛게 표시해도 무엇을 고쳐야 하는지 모를 수 있습니다. 오류가 생긴 항목과 이유를 글로 안내하고, 사용자가 입력한 다른 내용은 가능한 한 유지합니다. 형식이 맞지 않는 연락처와 비어 있는 연락처는 필요한 조치가 다릅니다.

오류 위치로 돌아가기

제출 뒤 화면 상단에 안내가 뜬다면 해당 입력 칸으로 찾아갈 수 있어야 합니다. 화면 확대 상태나 키보드 조작에서도 안내가 보이고 읽히는지 시험합니다. 입력 칸의 설명과 오류 문구가 서로 다른 형식을 요구하지 않는지도 확인합니다.

정상 상황보다 실패 상황

이름과 연락처를 모두 채운 시험만으로 양식을 검수하지 않습니다. 필수 항목 누락, 형식 오류, 서버 접수 실패를 구별해서 재현합니다. 방문자가 고칠 수 없는 서버 문제라면 같은 내용을 계속 입력하게 하지 않고 다른 접수 방법을 안내합니다.

실무 확인표

• 오류 원인을 문장으로 쓰기
• 입력 칸으로 돌아가는 동작 확인하기
• 서버 실패와 입력 오류 나누기

같은 주제의 글