UX Notes
UX Notes
Антон Григорьев

Игорь Васильев написал о проектировании страниц-заглушек.

Пользователь видит пустой экран, когда:

1. Что-то сломалось. Надо продумать все причины ошибок (нет связи, завис сервер, сбой в работе модуля и так далее) и для каждой подготовить текст о том, что могло произойти и что делать пользователю.

2. Содержимое должен создать сам пользователь. Надо объяснить пользователю, что от него зависит наполнение этой страницы, и предложить ему сделать первый шаг. Например, перейти в список ресторанов, чтобы добавить что-то в избранное. Можно предложить ему подборку лучших ресторанов в городе.

3. Содержимое должны добавить другие пользователи системы. Надо объяснить, что происходит. Если у пользователя нет прав, можно предложить аналогичные объекты со свободным доступом или дать ему возможность запросить приглашение.

4. Поиск ничего не нашёл. Если причина в опечатке, стоит попробовать её исправить. Также можно показать похожие товары из заданной категории, предложить ослабить фильтры или вернуться к полному списку товаров.

Общие рекомендации:
1. Предложите действие: наполнить страницу, посмотреть аналоги, сообщить о проблеме.
2. Добавьте иллюстрацию, чтобы разрядить обстановку.
3. Будьте краткими.
4. Текст сообщения начинайте с цели: «Чтобы найти любимые места, перейдите в список ресторанов».
5. Говорите по-человечески: пишите «На сегодня ещё нет планов» вместо «13.02.2019 ничего нет».
6. Добавьте немного юмора или жаргона, если продукт нацелен на узкую аудиторию.
7. Язык должен соответствовать платформе. В мобильном приложении — tap, в десктопном — click.

https://vc.ru/design/58918

https://vc.ru/design/58918

Как спроектировать правильный экран-заглушку

Сейчас все большее внимание уделяется смысловой части интерфейсов, UX-дизайнеры продумывают все, вплоть до надписей на кнопках. В Apple, Google, Microsoft, Dropbox и других крупных компаниях уже появились отдельные специалисты — UX-писатели, следящие не столько за грамотностью формулировок, сколько за смысловой частью и логикой повествования.
| vc.ru