빈 화면은 기능의 일부다
작은 웹 도구에서 빈 화면은 자주 등장한다. 첫 사용, 필터 결과 없음, 저장된 항목 없음, 연결 실패 직후처럼 사용자가 아직 무엇을 해야 할지 모르는 순간이다. 이 화면을 단순히 “데이터 없음”으로 처리하면 제품은 조용히 멈춘다.
좋은 빈 상태는 사용자를 설득하지 않는다. 현재 상태를 짧게 설명하고, 다음 행동 하나를 제안한다. 예를 들어 북마크 정리 도구라면 “아직 저장한 링크가 없습니다”보다 “첫 링크를 저장하면 태그별로 다시 찾을 수 있습니다”가 낫다. 상태와 가치, 행동이 한 문장 안에 있다.
한 가지 행동만 남기기
빈 화면에는 버튼을 많이 둘수록 오히려 어렵다. 사용자가 아직 맥락을 만들지 않았기 때문이다. 이때는 가장 기본적인 시작 행동 하나가 필요하다.
- 새 항목 만들기
- 예시 데이터 보기
- 검색 조건 지우기
- 이전 단계로 돌아가기
중요한 것은 화면마다 같은 버튼을 반복하는 것이 아니라, 그 빈 상태가 발생한 이유에 맞는 행동을 고르는 것이다. 검색 결과가 없다면 “새 항목 만들기”보다 “필터 초기화”가 더 자연스럽다.
문장은 짧고 구체적으로
빈 상태의 문구는 친절해야 하지만 과장될 필요는 없다. “여기서 생산성을 혁신하세요” 같은 문장은 작은 도구에 어울리지 않는다. 사용자는 무엇이 비어 있는지, 왜 그런지, 무엇을 할 수 있는지만 알고 싶다.
좋은 구조는 단순하다. 제목은 상태를 말하고, 보조 문장은 다음 결과를 말한다. 버튼은 동사로 시작한다. “저장된 메모가 없습니다 / 첫 메모를 만들면 이곳에서 빠르게 다시 열 수 있습니다 / 메모 만들기”처럼 구성하면 충분하다.
빈 상태도 테스트한다
완성된 화면만 확인하면 빈 상태는 쉽게 놓친다. 실제로는 가장 불안정한 순간에 사용자가 만나는 화면이다. 테스트할 때는 새 계정, 삭제 직후, 실패한 검색, 권한 없음 같은 조건을 일부러 만들어 본다.
작은 도구의 품질은 이런 가장자리에서 드러난다. 빈 화면이 조용히 길을 안내하면 사용자는 제품을 더 빨리 이해한다. 큰 기능을 추가하지 않아도, 이미 있는 흐름이 더 단단해진다.