+38(067) 192 3443

jura.slivchuk@gmail.com

Кнопка «Наверх»: юзабилити и рекомендации.

21246452_1810801362545394_7577059476142493933_o Кнопка «Наверх»: юзабилити и рекомендации.

 Упрощение навигации и архитектуры сайтов привело к появлению длинных страниц, требующих постоянной прокрутки. Для возврата пользователя в начало страницы сайты используют кнопку «наверх». В начале страницы расположены важные элементы навигации и взаимодействия с сайтом:
2714 Кнопка «Наверх»: юзабилити и рекомендации. основное меню
2714 Кнопка «Наверх»: юзабилити и рекомендации. фильтры
2714 Кнопка «Наверх»: юзабилити и рекомендации. окно поиска
2714 Кнопка «Наверх»: юзабилити и рекомендации. контакты или обратная связь (заказ звонка)
2714 Кнопка «Наверх»: юзабилити и рекомендации. дополнительная информация в шапке сайта

1f933_1f3fb Кнопка «Наверх»: юзабилити и рекомендации.🤳🏻 Тогда как операционные системы и мобильные платформы предлагают собственные методы быстрого возврата наверх, не все пользователи об этом знают и умеют пользоваться такими опциями.

1f449 Кнопка «Наверх»: юзабилити и рекомендации.👉 Если на сайте появляются слишком длинные страницы (к примеру, в результате подгрузки товаров в каталоге), важно предоставить пользователю очевидный инструмент для быстрого возврата в начало.

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

2705 Кнопка «Наверх»: юзабилити и рекомендации.2. Стандартное расположение кнопки «Наверх» — правый нижний угол. Это наиболее ожидаемое место, где пользователь интуитивно ищет ее. Кнопка не должна перекрывать контент, также должна выделяться на фоне дизайна. Пользовательское тестирование показывает, что размещение кнопки «Наверх» в другой части экрана делает ее незаметной для пользователя.

2705 Кнопка «Наверх»: юзабилити и рекомендации. 3. Название кнопки должно быть четким. Не придумывайте другие варианты. У кнопки есть четкое назначение и название (наверх или в начало, возможно словосочетание «вернуться наверх»). Не используйте кнопку без сопроводительного текста, так как просто иконка может быть идентифицирована как некликабельный/нефункциональный элемент дизайна. Не используйте слова назад или просто вернуться, так как это ассоциируется с возвратом на предыдущую страницу, а не к началу страницы.

2705 Кнопка «Наверх»: юзабилити и рекомендации. 4. Не заменяйте графическую иконку ссылкой. Ссылка может быть проигнорирована пользователем, а графический значок, сопровождаемый текстом, показывает, что это элемент навигации.

2705 Кнопка «Наверх»: юзабилити и рекомендации. 5. Кнопка «Наверх» не должна перекрывать другие навигационные элементы, контент. Идеальная кнопка «Наверх» должна быть достаточно маленькой, чтобы не перекрывать контент, но в то же время достаточного размера для удобного взаимодействия с мобильного.

2705 Кнопка «Наверх»: юзабилити и рекомендации. 6. Кнопка «Наверх» должна визуально выделяться на фоне дизайна, быть легко заметной на фоне подложки. Иначе пользователи просто ее не заметят.

2705 Кнопка «Наверх»: юзабилити и рекомендации. 7. Кнопка «Наверх» должна появляться в интерфейсе не сразу, а после того, как пользователь прокрутит страницу на несколько экранов вниз и не проявит желание вернуться в начало страницы (скролл страницы вверх, клик по полосе прокрутки). В таком случае кнопка появляется именно тогда, когда она нужна пользователю, и не нарушает взаимодействие с другими элементами страницы.

2705 Кнопка «Наверх»: юзабилити и рекомендации. 8. Не анимируйте кнопку. Часто асессоры GetGoodRank сталкиваются с анимацией кнопки «Наверх». Это излишняя мера, никоим образом не влияющая на конверсию, однако обладающая чрезмерным раздражающим эффектом. Анимированные элементы отвлекают пользователя от основной задачи на странице.

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

1f500 Кнопка «Наверх»: юзабилити и рекомендации.🔀 Есть две наиболее очевидные и удобные альтернативы кнопке «Наверх»:
2714 Кнопка «Наверх»: юзабилити и рекомендации. меню внизу страницы — этот вариант удовлетворит тех пользователей, которые хотят вернуться в начало страницы, чтобы перейти в другие разделы сайта/каталога, либо воспользоваться поиском по сайту. Такой подход идеально работает на тех сайтах, где пользователи прокручивают страницу до самого конца;
2714 Кнопка «Наверх»: юзабилити и рекомендации. закрепленное меню — решение для тех сайтов, на которых пользователи не прокручивают страницу полностью до конца. Закрепленное меню предоставляет доступ к основным элементам навигации, как только пользователь уходит с первого экрана. Такой подход позволит посетителю сайта перейти в нужный раздел без дополнительных действий, в какой бы части длинной страницы он не находился.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

юра сливчук

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Leave a comment

Спасибо!

Теперь редакторы в курсе.