Как работает прогресс-бар
Прогресс-бар — это визуальное отображение дистанции между текущим состоянием и целью. Психологический механизм основан на двух эффектах:
Эффект близкой цели (Goal Gradient Effect): активность человека возрастает по мере приближения к цели. Чем ближе конец шкалы, тем сильнее желание сделать следующий шаг.
Эффект предоставленного прогресса (Endowed Progress Effect): когда человеку кажется, что он уже начал движение (шкала не пустая с нуля, а начинается с некоторого значения), вероятность завершения задачи выше, чем при старте с нуля.
Именно поэтому в корзине прогресс-бар «уже на 60% до бесплатной доставки» мотивирует сильнее, чем «добавьте ещё на 500 ₽».
Сценарии применения в e-commerce
Корзина: прогресс к бесплатной доставке
Самый распространённый и прямой сценарий. Пользователь видит, сколько нужно добавить для получения бонуса:
Корзина: 1 340 ₽
[████████░░] До бесплатной доставки — 160 ₽
Оптимальные условия срабатывания: порог выше AOV на 15–25%. Если AOV = 1 500 ₽, порог ставится на 1 700–1 900 ₽.
Программа лояльности: прогресс к следующему статусу
Личный кабинет или раздел «Мои баллы» отображают прогресс к следующему уровню или награде:
| Текущий статус | Потрачено | Следующий уровень | До него |
|---|---|---|---|
| Silver | 4 200 ₽ | Gold (5 000 ₽) | 800 ₽ |
Онбординг и заполнение профиля
Прогресс «Профиль заполнен на 60%» мотивирует к завершению — особенно если следующий шаг явно указан. Хорошо работает в мобильных приложениях при первом входе.
Лучшие практики
- Показывайте, что осталось, а не что сделано: «До цели 300 ₽» сильнее, чем «Вы уже добавили на 1 700 ₽»
- Добавляйте конкретный следующий шаг: «Добавьте ещё 2 товара» лучше, чем просто шкала
- Не начинайте с нуля: небольшой начальный прогресс (10–15%) повышает шансы завершения
- Сопровождайте рекомендацией: прогресс-бар «До бесплатной доставки» + блок «Добавьте из ваших интересов» увеличивает AOV лучше, чем просто шкала
Важно: прогресс-бар к бесплатной доставке работает только если порог достижим для большинства пользователей. Слишком высокий порог создаёт когнитивный барьер — пользователи игнорируют шкалу, зная, что не достигнут цели.