접근성 있는 양식 및 복구 가능한 오류 설계

이 가이드가 달성하는 목표

• 필드 제한
• 이름 지정 및 안내
• 오류 설명
• 복구 테스트

빠른 확인

• 모든 필드에 알아보기 쉬운 이름이 있습니까?
• 입력 전에 예상 형식을 설명합니까?
• 오류 발생 시 해당 필드와 수정 방법을 명시합니까?
• 유효한 값이 유지됩니까?
• 키보드 입력 및 확대/축소를 통해 작업을 완료할 수 있습니까?

단계별 방법

1. 1

   작업 시작

   작업을 완료하는 데 필요한 데이터와 사용자가 이해해야 하는 단계만 나열합니다. 거래에 도움이 되지 않는 요청은 제거합니다.

   최종 결과물: 최소한의 양식 및 필드 설명

2. 2

   레이블 지정 및 그룹화

   각 컨트롤에 눈에 잘 띄는 레이블을 연결하고, 관련 선택 항목을 그룹화하고, 도움말을 가까이에 배치합니다. 읽기 쉽고 탭 순서가 올바른지 확인합니다.

   결과물: 테스트된 구조 및 레이블.

3. 3

   오류 방지

   제출 전에 형식 예시와 상태 제약 조건을 제공합니다. 필드가 필수 항목임을 나타내기 위해 색상만 사용하지 마십시오.

   결과물: 지침 및 입력 상태.

4. 4

   각 오류 설명

   유효성 검사 후 요약을 안내하고, 각 문제를 해당 필드와 연결하고, 해결 방법을 설명합니다. 올바른 값과 컨텍스트를 유지합니다.

   결과물: 수정 가능한 오류 시나리오.

5. 5

   장애 처리

   입력 오류, 비즈니스 거부, 시간 초과 및 서버 장애를 구분합니다. 요청이 성공한 것처럼 가장하지 않고 다음 단계를 안내합니다.

   결과물: 상태별 메시지 및 복구 방법.

6. 6

   실제 작업 테스트

   키보드, 확대/축소, 모바일 및 적절한 지원을 사용하여 성공 및 실패 재현. 방해 요소를 측정하고 수정 후 재테스트.

   결과물: 작업 완료 증거.

관리 지표

일반적인 실수

• 레이블 대신 자리 표시자 사용
• "오류가 발생했습니다"만 표시
• 오류 발생 후 전체 양식 삭제
• 마우스를 사용하여 정상 경로만 테스트