에러 상태 UI 디자인

문제 설명

다양한 에러 상황에 대한 사용자 친화적인 UI를 디자인하세요.

디자인할 에러 상태

1. 404 페이지
   • 명확한 메시지
   • 홈/검색으로 유도
   • 브랜드 아이덴티티 유지
2. 서버 에러 (500)
   • 재시도 옵션
   • 예상 복구 시간
   • 대안 제시
3. 네트워크 오프라인
   • 오프라인 상태 표시
   • 자동 재연결
   • 캐시된 콘텐츠 표시
4. 폼 검증 에러
   • 인라인 에러 메시지
   • 명확한 수정 방법
   • 접근성 고려
5. 빈 상태 (Empty State)
   • 행동 유도
   • 긍정적 톤

평가 기준

• 메시지 명확성
• 행동 유도
• 브랜드 일관성
• 접근성