결과 페이지

결과 페이지 (Result Page)

결과 페이지는 작업의 결과에 대한 피드백을 제공하는 페이지예요. 피드백 방식 중에서 가장 강력한 형태예요.

출처: 문서

본문

결과 페이지는 작업의 결과에 대한 피드백을 제공하는 페이지예요. 피드백 방식 중 가장 강한 형태의 피드백 모드예요.

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

작업 프로세스가 완료되고 사용자에게 명확한 피드백이 필요할 때, 예를 들어 단계 폼(step form)의 마지막 단계일 때.
결과 페이지에 많은 양의 정보를 표시해야 할 때.

디자인 목표 (Design Goals)

사용자에게 작업 완료 결과를 전달하고, 사용자를 다음 작업으로 안내하며, 효과적인 피드백을 통해 시스템에 대한 사용자의 신뢰를 구축해요.

디자인 원칙 (Design Principles)

신중하게 사용하기 (Use Cautiously)

결과 페이지는 무거운 피드백 방식으로, 사용자의 강한 주의가 필요하고 정보량이 많으며 페이지가 영구히 유지되는 시나리오에만 적합해요. 다른 시나리오에는 권장되지 않아요.

즉시 종료 (End Instantly)

결과 상태가 성공이면 몇 초 후(3-5초 권장) 자동으로 이동할 수 있어요.

정보 단순화 (Simplify Information)

결과 페이지의 정보는 제출 행동이 일으킨 결과여야 해요. 예를 들어 검증은 폼 안에서 완료되어야 해요. 결과 페이지의 정보는 간결해야 하고 결과 관련 내용만 표시해요. 특별한 시나리오에는 추가 정보를 넣을 수 있어요.

디자인 제안 (Design Suggestions)

제목은 "객체 + 행동 + 결과/상태" 또는 "행동 + 결과/상태"로 구성해야 해요.

안내 작업은 2개 이하로 제한하는 걸 권장해요. 작업이 너무 많으면 사용자에게 혼란을 줄 수 있어요.

가벼운 피드백에는 결과 페이지를 사용하지 않는 걸 권장해요. 전역 팁, 경고 팁, 공지 박스 등을 사용하세요. 자세한 내용은 피드백 디자인 가이드라인을 참고해요.

결과 상태가 성공이라면, 메인 버튼에 몇 초 후 자동으로 이동한다는 것을 사용자에게 알려줘요.

어떻게 디자인할까 (How to Design)

기본 레이아웃 (Basic Layout)

결과 페이지는 다음 내용을 제공할 수 있어요:

결과 피드백(Result Feedback): 사용자에게 제출 결과를 명확히 알려줌;
결과 설명(결과 설명, 선택 사항): 필요하면 결과에 대한 간단한 설명에 사용;
제안된 행동(Suggested Actions): 사용자가 후속 작업을 계속하도록 안내;
추가 정보(Additional Information, 선택 사항): 결과와 함께 사용자에게 보충 정보를 제공; 마케팅 모듈.

템플릿 - 기본 결과 페이지

결과 상태를 표시하고 사용자를 다음 작업으로 안내해요.

템플릿 - 복잡한 결과 페이지

결과 상태와 안내 작업 같은 기본 정보 외에도 관련 추천, 프로세스 진행 상황, 오류 세부 정보 등을 표시해요.

결과 페이지