Нужна ли кнопка "Наверх" на сайте?

Кнопка «Наверх» – это кнопка со стрелкой, которая при нажатии возвращает пользователя к началу страницы. Обычно она размещается в правом нижнем углу экрана.

Такая кнопка нужна в том случае, если длина страницы превышает 4 экрана. Например, в интернет-магазине с подгружаемым каталогом или в мобильных версиях сайтов с большими текстами. Кнопка «Наверх» упрощает взаимодействие с длинными страницами и позволяет перейти в начало страницы без долгой ручной прокрутки наверх.

Обязательно ли ставить кнопку «наверх»

Если страница небольшая, в 2-3 экрана, то специальная кнопка для быстрой прокрутки не нужна: пользователи будут пользоваться скроллингом.

Если же страница больше 4 экранов, то кнопку "Наверх" нужно установить. Но у нее есть и альтернативы:
• Верхнее фиксированное меню.
  Хорошее решение, ведь пользователи, прокручивая сайт наверх, обычно просто хотят зайти в меню и выбрать нужный раздел. В данном случае верхняя плашка меню будет всегда на одном месте во время листания страницы, и пользователь сможет сразу перейти в нужный раздел с любого места сайта.
• Нижняя панель навигации.
  Имеет смысл, только если пользователь докрутил до подвала сайта, что случается не всегда.

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

Правила оформления кнопки:

• Она не должна перекрывать другие элементы сайта, например, онлайн-чат, форму обратного звонка.
• Кнопка не должна перекрывать текст страницы и мешать чтению. Особенно это касается мобильной версии
• У кнопки должен быть оптимальный размер. С одной стороны, она не должна быть слишком большой, чтобы не мешаться, но с другой стороны, и не слишком маленькой, чтобы на нее легко было нажимать с мобильного.
• Внешний вид кнопки должен вписываться в дизайн страницы, но при этом она должна быть заметной.
• Кнопка должна быть интерактивной, то есть появляться, только когда пользователь прокрутил вниз уже несколько экранов и начал скролить наверх. Если кнопка видна постоянно, то она будет мешать чтению страницы.
• Желательно подписывать кнопку. Для пользователя не всегда очевидно, что простая стрелочка — это именно кнопка прокрутки.

Как делается кнопка «наверх»

Существует два главных способа:
• С помощью CSS и скрипта
• С помощью плагина

Установление плагина исключительно для кнопки нежелательно, так как лишние плагины утежеляют сайт. Первый способ гораздо проще и легче. Но нужно учесть одно условие: скрипты желательно размещать на том же сервере, что и сайт, чтобы они не тормозили загрузку страницы.