Empty State(빈 화면)

카테고리: Communication(커뮤니케이션)

Newtudy 단톡방에서 디자인 얘기를 나눌 수 있습니다.

입장코드: newtudy

Newtudy

---

사용자들에게 표시해 줄 정보가 없을 때 보여주는 화면이다.

개인적으로 많은 시간을 투자하지 못하는 스크린 패턴 중 하나이다.

하지만 많은 서비스들이 비어 있는 상태를 채우기 위해 여러 가지 노력을 한다.

문장을 유머 있게 써보기도 하고

물건을 담게 유도하고

글을 쓸 수 있게 소재를 주고

강의를 들을 수 있게 추천해 주고

다음 액션을 유도하는 문장을 신경 써서 쓰고

비어 있는 상태가 허전해 보이지 않게 예쁜 그래픽을 넣고

등등...

주요 상황

- 검색 결과가 없을 때

- 담은 물건이 하나도 없을 때

- 게시글이나, 댓글이 하나도 없을 때

- 플레이리스트가 비었을 때

- 일정 생성을 하나도 안 했을 때

- 메모를 1개도 안 적었을 때

예시

링크드인 / 서브웨이 / 우버

듀오링고 / 그랩

페이스북 메신저 / 노션 / 타임트리

나이키 트레이닝 클럽 / Hulu / 링크드인

월마트 / 타임트리