빈 상태

빈 상태 (Empty Status)

빈 상태는 사용자가 빈 상태의 이유를 이해하도록 도와주는 프롬프트를 제공하고, 빈 상태에서 벗어나도록 권장 행동 팁을 제공해요.

출처: 문서

본문

디자인 목표 (Design Goals)

빈 상태는 사용자가 빈 상태의 이유를 이해하도록 도와주는 프롬프트를 제공해서, 혼란과 오해를 피하게 해요;
사용자가 빈 상태에서 벗어나도록 도와주는 권장 행동 팁을 제공해요.

디자인 원칙 (Design Principles)

명확성 (Clarity)

명확한 언어와 일러스트레이션 등으로 빈 상태의 구체적인 이유를 사용자에게 알려줘요.

초대 제공 (Provide Invitation)

도움말 텍스트와 권장 행동, 기타 해결책을 제공해서 다음 화면에서 무엇을 할 수 있는지 보여주고, 사용자가 행동하도록 안내해요.

해야 할 것과 하지 말 것 (Do & Don’t)

사용 사례 (Use Cases)

신규 사용자 안내 (New User Guidance)

일반적으로 신규 사용자는 빈 상태에 설명 메모와 권장 행동이 있기를 기대해요. 빈 상태는 애플리케이션이나 기능을 처음 사용하는 시나리오에서 아주 유용한데, 사용자에게 기능과 프로세스를 보여줘 빠르게 시작하도록 도와주기 때문이에요. 신규 사용자의 첫 사용을 돕기 위해 빈 상태에 기능 가이드, 도움말 문서 등을 채울 수 있어요.

가이드 변형 사용하기 (Using Guide Variations)

가이드는 상태 프롬프트(state prompt), 도움말 가이드(help guide), 권장 행동(suggested actions) 세 부분으로 구성돼요. 디자인할 때는 비즈니스 프로세스에 따라 모듈을 골라 페이지와 변형을 구성할 수 있어요. 복잡한 프로세스 안의 빈 상태 페이지라면, 프로세스 가이드 모듈을 제공해서 사용자가 운영 프로세스를 전체적으로 이해하도록 돕고, 프로세스와 관련된 빠른 작업용 텍스트 버튼을 제공할 수도 있어요.

완료 또는 정리 (Completion or Clearance)

이 빈 상태는 사용자가 기능에서 데이터를 자발적으로 삭제했을 때 발생해요. 예를 들어 고객이 작업 목록의 모든 항목을 완료했거나 모든 공지를 읽은 경우예요. 일반적으로 이런 유형의 시나리오는 행동 안내가 필요하지 않아요. 그래픽 요소나 프롬프트 정보만으로 빈 상태를 설명하면 돼요.

데이터 없음 (No Data)

콘텐츠 영역에 데이터가 없는 시나리오는 그래픽 요소, 프롬프트 정보, 권장 행동의 조합으로 표시돼요. 권장 행동을 제공할지는 사용 사례에 따라 달라요.