빈 상태(empty state)는 목록이나 영역에 보여줄 자료가 없는 상태다. 아직 만든 자료가 없는 경우와 검색 결과가 없는 경우는 같은 빈 화면이어도 이유가 다르다.

- 검색 결과가 없다고 소장품이 없는 것은 아니다. 선택한 조건을 보여주고 지울 수 있게 하면 빈 화면이 무엇에 대한 답인지 알 수 있다. 새 포트폴리오라면 첫 작품을 추가하는 행동을 안내한다. [[마이크로카피]]가 빈 이유를 설명한다.
- 자료를 불러오는 중이거나 통신에 실패한 상태를 ‘자료 없음’으로 표시하면 원인을 오해하게 된다. [[인터페이스 상태]]를 구별해 표현한다.
- 빈 화면은 작은 안내만으로 충분할 때도 있다. [[첫 사용 경험]]을 설명한다는 이유로 긴 소개를 매번 보여줄 필요는 없다.

## 참고

- [닐슨 노먼 그룹: 빈 상태의 설계](https://www.nngroup.com/articles/empty-state-interface-design/)

#디자인 #상호작용 #기초