Skip to main content
Language한국어
기초4분 읽기2026년 10월

UX에서 빈 상태란 무엇인가요?

짧은 답변

빈 상태는 아직 표시할 항목이 없을 때 화면에 표시되는 상태입니다. 즉, 새 받은 편지함, 빈 카트, 결과가 없는 검색 또는 필터로 삭제된 목록입니다. 좋은 빈 상태는 비어 있는 이유를 설명하고 첫 번째 항목 생성이나 검색 변경과 같은 명확한 다음 단계를 제공합니다.

핵심 포인트

  • 유형: 최초 사용, 사용자 삭제, 결과 없음, 오류 또는 액세스 불가
  • 화면이 비어 있는 이유를 간단한 말로 설명하세요.
  • 그것을 채우는 하나의 명확한 행동을 제공하십시오
  • 일러스트레이션과 애니메이션을 작고 친근하게 유지하되 액션을 방해하지 마세요.
  • 빈 상태 유형별로 다른 사본 작성

디자이너는 일반적으로 샘플 데이터를 사용하여 작업하기 때문에 빈 화면을 잊어버리기 쉽습니다. 실제 제품에서는 모든 신규 사용자가 먼저 만나기 때문에 다른 어떤 화면보다 첫인상을 더 많이 형성합니다.

일반적인 유형은 4가지가 있습니다. 사람이 아무것도 만들기 전에 처음 사용 시 빈 상태가 나타납니다. 사용자가 지운 상태는 빈 할 일 목록과 같은 모든 것을 완료하거나 삭제한 후에 나타납니다. 검색 또는 필터 후에 결과 없음 상태가 나타납니다. 그리고 데이터를 전혀 표시할 수 없는 경우 오류 또는 액세스 불가 상태가 나타납니다.

각 유형마다 다른 단어가 필요합니다. 처음 사용 상태에서는 화면의 용도를 설명하고 첫 번째 작업을 유도해야 합니다. "아직 프로젝트가 없습니다. 첫 번째 프로젝트를 만드세요." 결과 없음 상태는 사람들이 회복하는 데 도움이 되어야 합니다. 검색한 내용을 보여주고 필터를 지우도록 제공해야 합니다. 클리어된 상태는 작은 보상의 순간이 될 수 있습니다.

영상은 선택사항입니다. 작은 일러스트나 부드러운 애니메이션으로 화면을 친근하게 느낄 수 있고, 애니메이션 캐릭터가 처음 사용자를 안내할 수 있습니다. 밝게 유지하고 작업이 가장 눈에 띄는지 확인하고 상태를 설명하기 위해 이미지에 의존하지 마십시오.

빈 상태에 대한 친숙한 애니메이션 캐릭터를 원한다면, 우리가 만드는 ExodeUI에는 ExodeUI 파일로 실행되고 입력에 반응하는 무료 대화형 마스코트 라이브러리가 있습니다.

자주 묻는 질문

빈 상태에는 무엇이 포함되어야 합니까?

짧은 헤드라인, 비어 있는 이유나 화면의 용도를 설명하는 한 문장, 그리고 명확한 조치입니다. 그림은 선택 사항입니다.

제로 상태란 무엇입니까?

빈 상태의 또 다른 이름으로, 일반적으로 누군가 콘텐츠를 추가하기 전에 처음 사용되는 종류입니다.

결과가 없는 상태를 어떻게 설계합니까?

검색어를 반복하고, 철자 수정 또는 더 광범위한 용어를 제안하고, 필터 지우기를 제안합니다. 그 사람에게 빈 공간을 남겨두지 마십시오.

빈 상태에 애니메이션을 적용해야 합니까?

애니메이션이 작은 경우 산만하게 반복되지 않고 모션 감소 설정을 존중할 수 있습니다. 애니메이션보다 액션이 더 중요합니다.

관련 가이드와 예제

빈 화면에 친근한 캐릭터 추가

커서와 탭에 반응하는 무료 대화형 마스코트 중에서 선택하여 앱이나 웹사이트에 놓습니다.

무료 마스코트 찾아보기
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →