확인 대화 상자 대신 실행 취소: 방해가 덜한 UI 디자인

일상적인 확인이 작동하지 않는 이유

확인 대화 상자에 대한 Nielsen Norman Group의 지침은 명확합니다. 심각한 결과를 초래하는 작업 전에 사용하고 일상적인 작업에는 사용하지 마십시오. 사람들은 동일한 대화 상자를 여러 번 볼 때 습관적으로 확인하게 되고 대화 상자는 잡아내려고 했던 오류를 방지하는 것을 멈춥니다. 같은 기사에서는 경고에 의존하는 대신 가능하면 실행 취소를 제공할 것을 권장합니다.

확인 또는 실행 취소: 간단한 규칙

한 가지 질문을 해보세요. 이것을 되돌릴 수 있습니까? 그렇다면 조치를 취하고 실행 취소를 제안하십시오. 아니요인 경우 먼저 확인하고 구체적으로 확인하세요.

• 보관, 이동, 읽음으로 표시, 목록에서 제거: 지금 실행하고 실행 취소를 제안하세요.
• 메시지 보내기: 많은 제품에서 취소할 수 있도록 전송이 잠시 지연됩니다. Gmail를 사용하면 사람들이 5초, 10초, 20초 또는 30초의 실행 취소 기간을 선택할 수 있습니다.
• 영구적으로 삭제, 비용 지불, 공개 게시: 먼저 확인하고 항목 이름과 영향을 지정합니다("파일 142개 삭제").
• 더 나은 방법은 휴지통이나 복구 기간을 지정하여 삭제를 되돌릴 수 있게 만든 다음 실행 취소를 사용하는 것입니다.

실행 취소 메시지 디자인

Material Design는 이 구성 요소를 스낵바라고 부릅니다. 즉, 응답이 필요한 대화 상자와는 달리 단일 작업을 포함할 수 있는 간단하고 방해가 최소화되는 메시지입니다. 무슨 일이 일어났는지 몇 마디로 적고, 실행 취소를 단일 작업으로 설정하고, 사람들이 반응할 수 있을 만큼 오랫동안 화면에 표시하세요. 2초 후에 사라지는 메시지에 중요한 실행 취소 작업을 숨기지 마십시오.

접근성 세부정보

저절로 사라지는 토스트 메시지는 스크린 리더 사용자나 시간이 더 필요한 사람들이 놓칠 수 있습니다. 정중한 라이브 영역을 통해 메시지를 알리고, 키보드 사용자가 실행 취소 버튼을 누를 수 있도록 하고, 메시지에 마우스를 올리거나 초점이 맞춰진 동안 타이머를 일시 중지하고, 기록 목록이나 휴지통과 같은 작업을 되돌릴 수 있는 다른 방법을 제공합니다.

실행 취소 모션

화면 가장자리에서 짧고 차분한 입구와 명확한 출구를 통해 사람들이 방해받지 않고 메시지를 알아차릴 수 있습니다. 실행 취소를 누르면 반전이 표시되도록 항목을 다시 제자리로 애니메이션합니다. 간단한 페이드로 모션 감소 설정을 존중합니다.