사용 가이드로 건너뛰기
Error Handling UX작성자 Owl-Listener

Error Handling UX 스킬.

실패가 발생했을 때 무슨 일이 있었는지 설명하고, 작업 내용을 잃지 않은 채 다음 단계로 나아갈 길을 제공하세요.

  • UX
  • 디자인 가이드
소스 검토 · Error Handling UXSKILL.md
작업 UX 산출물 • 플로우 전반의 오류 상태 목록 • 맥락별 메시지와 표시 위치 • 복구, 재시도, 실행 취소, 데이터 보존 요구사항 시작하기 전에 영향을 받는 플로우, 알려진 실패 사례, 그리고 제품이 실제로 지원하는 복구 동작을 읽을 수 있는 에이전트가 필요합니다.
편집 요약 · 검토한 소스 2026-10-07 · 생성된 예시 아님

01 기능 소개

Error Handling UX: 전체 플로우에 걸친 복구 설계

제품 플로우 전반에서 오류를 어떻게 예방하고, 설명하고, 복구할지 계획합니다.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

Error Handling UX는 여러 제품 플로우에 걸쳐 적용됩니다. 모든 실패를 메시지 작성 문제로만 다루지 않고, 예방, 감지, 안내, 복구로 나누어 정리합니다.

소스는 폼, 페이지, 네트워크, 빈 결과, 권한 맥락을 구분합니다. 입력 보존, 재시도, 대체 경로, 실행 취소도 설계에 포함됩니다. 정확한 메시지도 제안한 복구 방법이 제품에서 실제로 가능할 때만 도움이 됩니다.

예상 산출물

  • 플로우 전반의 오류 상태 목록
  • 맥락별 메시지와 표시 위치
  • 복구, 재시도, 실행 취소, 데이터 보존 요구사항
예시 브리프 보기

브리프에서 검토까지

  1. 01
    실패 맥락 정리

    예방 가능한 실수, 일시적 실패, 권한 제한 등 관련 상태를 파악합니다.

  2. 02
    유용한 메시지 작성

    사용자를 탓하지 않으면서 발생한 일, 도움이 되는 맥락, 실제로 가능한 다음 행동을 설명합니다.

  3. 03
    복구 방식 명세

    실패 유형에 맞춰 작업 내용을 보존하고 재시도, 대체 경로, 실행 취소를 정의합니다.

02 활용 상황

사용 시점

여러 플로우의 실패에 일관된 메시지와 복구 동작, 작업 손실 방지가 필요할 때 사용하세요.

적합한 경우

  • 일관되지 않은 실패 처리여러 제품 플로우의 오류 처리를 일관되게 맞춥니다.
  • 작업 손실 문제동작이 실패해도 입력과 맥락이 유지되는 방식을 정의합니다.

확인할 한계

  • 백엔드 안정성 해결책이 아님이 설계는 네트워크 복구를 구현하거나 서비스 가용성을 보장하지 않습니다.
  • 폼 유효성 검사만을 위한 것이 아님단일 폼의 필드 단위 유효성 검사는 form-design 작업에서 다룹니다.

준비할 입력

  • 실패 목록알려진 오류와 실제 원인을 제공하세요.
  • 복구 기능실제로 가능한 재시도, 실행 취소, 대체 채널을 알려주세요.
  • 사용자 맥락각 실패 상황에서 어떤 데이터나 진행 상태가 유지되어야 하는지 명시하세요.

03 핵심 결정

핵심 결정

  1. 메시지와 행동의 일치

    시스템이 수행할 수 없는 복구를 오류 메시지가 제안해서는 안 됩니다.

  2. 실패가 진행 상황을 지우지 않게 하기

    맥락을 보존하면 사용자의 복구 부담이 줄어듭니다.

04 예시 브리프

집중 브리프로 시도하기

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

설정 검토

designer-skills 저장소에서 이 작업의 SKILL.md를 에이전트가 지원하는 스킬 위치에 불러오세요. 진입 파일에는 범용 설치 명령이 정해져 있지 않습니다.

업스트림 소스 파일
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/error-handling-ux/SKILL.md

실제 실패 사례와 사용 가능한 복구 동작을 제공하세요. 이 워크플로는 경험을 명세할 뿐 백엔드 복구를 구현하지 않습니다.

하나의 산출물로 시작하기

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
error-handling-ux를 사용해 업로드, 저장, 권한 실패를 검토하세요. 각 사례마다 예방, 메시지 위치, 보존할 데이터, 실제 복구 동작을 명세하세요. 재시도 가능한 네트워크 실패와 접근 거부를 구분하고, 존재하지 않는 백엔드 기능을 만들어 내지 마세요.

결과 점검

실제 출력이 아래의 관찰 가능한 기준을 충족하는지 확인하세요.

  • 메시지가 유용한 다음 행동을 알려줍니다.
  • 적절한 실패 경로에서 사용자 입력이 유지됩니다.
  • 재시도와 권한 복구가 혼동되지 않습니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 해당 스킬이 번들로 포함되어 있다거나 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻이 아닙니다.

05 출처 및 라이선스

소스 및 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구사항은 변경될 수 있습니다.

소스 소유자
Owl-Listener
라이선스
MIT
검토한 스냅샷
2026-10-07 · 9a6930cf84a8
편집 소스 요약
제품 플로우 전반에서 오류를 어떻게 예방하고, 설명하고, 복구할지 계획합니다.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 질문

모든 오류에 토스트를 써야 하나요?

아니요. 소스는 인라인, 전체 페이지, 배너, 권한 상태 등 맥락에 따라 표시 위치를 정하도록 합니다.

재시도로 접근 오류를 해결할 수 있나요?

자동으로는 해결되지 않습니다. 복구는 실제 권한 요구사항에 맞아야 합니다.

자동 저장을 구현하나요?

아니요. 설계 요구사항을 정리할 뿐이며, 구현과 테스트는 별도입니다.

OpenDesign

다음 디자인 반복을 위한 공간을 만드세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/error-handling-ux/SKILL.md