Empty state
Также: Пустое состояние
Empty state — это экран или область интерфейса, которые пользователь видит, когда в приложении еще нет данных для отображения.
Empty state — это «пустая комната» в вашем приложении. Представьте, что вы заселились в новый отель, открываете шкаф, а там пусто. Чтобы вы не подумали, что шкаф сломан, отельер кладет туда вешалку и записку: «Здесь вы можете развесить свои вещи».
В дизайне интерфейсов пустое состояние работает так же: вместо того чтобы показывать пользователю пустой белый экран или ошибку, вы даете ему подсказку. Это может быть кнопка «Создать первый проект», картинка-заглушка или короткая инструкция, как начать работу. Это превращает момент отсутствия данных из «ошибки» в понятный призыв к действию.
Зачем это нужно
Для вайбкодера важно не просто написать код, который работает, а создать приятный опыт. Хорошо проработанные пустые состояния помогают пользователю не потеряться в приложении и сразу понимают, что нужно сделать дальше, чтобы интерфейс «ожил».