Блог Тильды

Улучшаем навигацию на сайте. Часть 2

🙌 Три совета, которые помогут улучшить навигацию на сайте за несколько минут.

1. Покажите процесс загрузки и прокрутки страницы

Анимация загрузки страницы подскажет пользователю, что процесс идёт и контент загружается.

На Тильде блок индикатора находится в категории «Другое» под номером Т228. Чтобы индикатор работал, разместите блок в самом верху страницы. В настройках блока можно задать цвет индикатора загрузки. Лучше использовать цвет, который будет выделяться на фоне контента и не сольется с цветом меню или обложки.

👉 Индикатор прокрутки страницы подсказывает, в каком месте страницы находится пользователь, и загружается по мере прокрутки страницы вниз. Используйте его, если длина страницы превышает 3−4 экрана.

Чтобы добавить индикатор прокрутки, используйте блок T333 из категории «Другое». В настройках блока можно задать цвет и толщину индикатора.

2. Выделите кнопку с более важным действием

✅ Из двух соседних кнопок более важная должна визуально выделяться.
Обычно первая кнопка указывает на целевое действиее страницы, например, «Записаться на мероприятие» или «Купить курс». Вторая кнопка менее значительна, в большинстве случаев это ссылка на дополнительную информацию: «Подробнее», «О нас», «Как это работает».

Самое простое — использовать яркий цвет для фона кнопки. Она должна быть контрастной по отношению к кнопке меньшего значения. Для второй кнопки достаточно использовать цветной бордюр без заливки, либо фон нейтрального цвета.

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

3. Добавьте кнопку навигации «Наверх»

⬆ Кнопка «Наверх» помогает пользователю из любого места страницы быстро попасть в её начало.

Она особенно полезна для удобной навигации на страницах со статьями и большим количеством контента. С её помощью можно избежать долгой и нудной прокрутки вверх вручную или при помощи скроллбара.

В Тильде блок с кнопкой «Наверх» находится в разделе «Форма и кнопка» под номером BF702.

Чтобы найти первую часть рекомендаций, пролистайте ленту публикаций ниже.
Made on
Tilda