메시지와 피드백

메시지와 피드백 (Message and Feedback)

사용자가 한 행동의 결과에 대해 피드백을 주거나, 필요할 때 메시지를 전달하는 데 사용해요. 상황과 긴급도에 맞는 합리적이고 효과적인 커뮤니케이션을 목표로 해요.

출처: 문서

본문

사용자의 행동 결과에 대해 피드백을 제공하거나, 필요할 때 메시지를 전달하는 데 사용돼요.

디자인 목표 (Design Goals)

사용자가 다양한 시나리오에서 자신의 행동의 맥락과 긴급도에 맞는 피드백이나 메시지를 받아, 합리적이고 효과적인 커뮤니케이션을 이루는지 보장해요.

피드백 방식 (Feedback Methods)

디자인할 때 사용자가 완료하려는 작업과 필요한 주의 방식을 고려해요. 피드백 방식은 아래와 같아요:

언제 사용하나요 (When to Use)

성공 (Success)

현재 위치 유지 (Stay in Place)

모달 다이얼로그 (Modal Dialog)

사용자의 워크플로우를 방해하지 않으면서 중요한 성공 결과를 알려줘요.

전역 메시지 (Global Message)

사용자가 진행 중인 작업을 방해하지 않고 간단한 성공 메시지를 표시해요.

리다이렉트 (Redirect)

인라인 텍스트 & 일러스트레이션 (Inline Text & Illustration)

  • 긴 프로세스의 끝에서 사용자에게 성공을 알려요;
  • 상세한 보충 정보(예: 구성 세부 정보)를 제공해요.

전역 메시지 (Global Message)

사용자가 진행 중인 작업을 방해하지 않고 간단한 성공 메시지를 표시해요.

실패 (Failure)

현재 위치 유지 (Stay in Place)

모달 다이얼로그 (Modal Dialog)

현재 워크플로우 밖의 중요한 행동(예: 안전 경고)을 사용자에게 알려줘요.

알림 (Alert)

즉시 주의가 필요한 중대한 오류를 사용자에게 알려줘요.

폼 검증 (Form Validation)

  • 사용자 입력이 필드나 폼 요구사항을 충족하지 못함;
  • 사용자가 필수 필드를 건너뜀;
  • 시스템이 폼 데이터에서 오류를 감지함.

공지 (Notification)

  • 즉시 결정이 필요한 중요한 이슈나 실패 상태를 사용자에게 알려줌;
  • 백엔드 프로세스 실패와 알람에 대한 피드백.

리다이렉트 (Redirect)

인라인 텍스트 & 일러스트레이션 (Inline Text & Illustration)

  • 제3자 원인으로 인해 긴 프로세스의 끝에서 실패를 사용자에게 알려요 (예: 애플리케이션 엔진 생성 실패);
  • 상세한 실패 정보를 제공해요.

백그라운드 작업 (Background Operations)

공지 (Notification)

  • 즉시 결정이 필요한 중요한 이슈나 실패 상태를 사용자에게 알려줌;
  • 백엔드 프로세스 결과에 대한 피드백.

공지 센터 (Notification Center)

관련 활동 정보를 사용자에게 알려줘요 (예: 사용자 승인이 필요한 항목 또는 사용자가 제출한 승인의 진행 상황).

더 알아보기 (Learn more)