Скелетон, лоадер или ничего?
Если загрузка занимает меньше ~400 мс, лучше ничего не показывать. Пользователь, скорее всего, даже не успеет заметить ожидание, а появившийся на долю секунды лоадер или скелетон только добавит мельтешения.
Если ожидание становится заметным, выбор уже зависит от контента. Когда заранее известна его структура, хорошо работает скелетон: он сохраняет будущую компоновку страницы и визуально подготавливает пользователя к появлению данных. Если структуру предсказать нельзя — подойдёт обычный лоадер.
При этом стоит можно красиво избежать ситуации, когда скелетон появляется на милисекунду и выглядит как лишний пердеж в интерфейсе. Для этого стоит задать минимальное время отображения после появления — допустим, 600 ms
Если загрузка занимает несколько секунд и прогресс можно посчитать, лучше задуматься о progress bar — пользователю важнее понимать, сколько ещё ждать, чем просто видеть бесконечную анимацию
Если загрузка занимает больше 10 секунд, стоит уже думать не только о том, какой индикатор показать, а о том, можно ли сделать процесс фоновым и позволить пользователю продолжить заниматься своими делами, а не смотреть на ваши креативные страницы загрузки.
Небольшая подборка, чтобы углубиться в тему
Как проектировать скелетоны
Как выбрать оптимальный загрузочный экран
Как помочь пользователю ждать
Microsoft Fluent — Wait UX
UK Intelligence Community Design System — Skeleton
Nielsen Norman Group — Skeleton Screens
💬 Тултип
Post #334
221
- 🔥 6
- ❤ 1