🙌 Три совета, которые помогут улучшить навигацию на сайте за несколько минут.
1. Покажите процесс загрузки и прокрутки страницы
Анимация загрузки страницы подскажет пользователю, что процесс идёт и контент загружается.
На Тильде блок индикатора находится в категории «Другое» под номером Т228. Чтобы индикатор работал, разместите блок в самом верху страницы. В настройках блока можно задать цвет индикатора загрузки. Лучше использовать цвет, который будет выделяться на фоне контента и не сольется с цветом меню или обложки.
👉 Индикатор прокрутки страницы подсказывает, в каком месте страницы находится пользователь, и загружается по мере прокрутки страницы вниз. Используйте его, если длина страницы превышает 3−4 экрана.
Чтобы добавить индикатор прокрутки, используйте блок T333 из категории «Другое». В настройках блока можно задать цвет и толщину индикатора.
2. Выделите кнопку с более важным действием
✅ Из двух соседних кнопок более важная должна визуально выделяться. Обычно первая кнопка указывает на целевое действиее страницы, например, «Записаться на мероприятие» или «Купить курс». Вторая кнопка менее значительна, в большинстве случаев это ссылка на дополнительную информацию: «Подробнее», «О нас», «Как это работает».
Самое простое — использовать яркий цвет для фона кнопки. Она должна быть контрастной по отношению к кнопке меньшего значения. Для второй кнопки достаточно использовать цветной бордюр без заливки, либо фон нейтрального цвета.
Помимо настроек стиля кнопок в Тильде есть дополнительные, где можно отрегулировать стиль кнопки при наведении на неё. В настройках можно указать цвет кнопки, бордюра, задать другие насыщенность, цвет и шрифт текста, а также добавить тень и отрегулировать скорость анимации при наведении.
3. Добавьте кнопку навигации «Наверх»
⬆ Кнопка «Наверх» помогает пользователю из любого места страницы быстро попасть в её начало.
Она особенно полезна для удобной навигации на страницах со статьями и большим количеством контента. С её помощью можно избежать долгой и нудной прокрутки вверх вручную или при помощи скроллбара.
В Тильде блок с кнопкой «Наверх» находится в разделе «Форма и кнопка» под номером BF702.
Чтобы найти первую часть рекомендаций, пролистайте ленту публикаций ниже.