Я видел много дизайнов веб-сайтов с частыми включениями ссылок «вверх», и мне просто интересно, когда они действительно могут быть оправданы, если вообще когда-либо? Какие варианты использования требуют наличия ссылки «вверху вверх» и как они влияют на удобство использования?
Когда, если вообще, следует использовать ссылку "Вернуться наверх"?
Ответы (12)
Они полезны на длинных страницах, если они не слишком часты, хотя при превышении определенного размера, вероятно, будет лучше разделить страницу на более мелкие страницы разделов. См. Спецификацию одностраничного HTML5 в качестве примера, почему это необходимо (это около 1 МБ необработанного HTML).
Мне лично нравится, как это делает сайт Xfce - одна стрелка в правом нижнем углу, которая остается на экране, с дороги.
Как пользователь, я никогда не использую ссылки «Назад к началу», потому что это то, что делает клавиша «Домой», но я полагаю, что они могут быть полезны, поскольку люди иногда вместо этого тянутся к полосе прокрутки.
Я думаю, они могут быть полезны, когда в верхней части страницы есть оглавление, а контент не является последовательным, как FAQ.
С точки зрения удобства использования,
Используйте кнопку «Вернуться к началу» для страниц, которые длиннее 4 экранов. Для относительно коротких страниц ссылки «Вернуться к началу» являются излишними - люди могут просто прокрутить назад, не прилагая чрезмерных усилий.
Обратитесь к этой статье Nielsen Norman Group для получения дополнительной информации о кнопке Back-to-Top Рекомендации по дизайну.
Многие люди (в том числе и я) никогда бы не щелкнули ссылку «вверх» из-за своего последовательного стиля просмотра. Этот тип пользователей может использовать поисковую систему для исследования темы и быстро переходить с сайта на сайт в своих результатах поиска. Кнопка «Назад» в их браузере является ключом к их возвращению к списку сайтов, а нажатие на ссылку «вернуться к началу» отодвигает их дальше от списка. Этот пользователь очень быстро понимает, что нельзя использовать эту функцию даже на длинных страницах.
Как разработчик, я никогда не вставлял ссылки «вверх», даже на страницы часто задаваемых вопросов. Я делю свои длинные страницы на несколько более коротких, чтобы этого совсем не было.
Я думаю, это полезно, когда первым делом на странице идет оглавление, каждая ссылка которого ведет пользователя в какую-то нижнюю часть этой довольно длинной страницы. Типичный пример - это страница часто задаваемых вопросов, на которой все вопросы находятся на одной странице.
Ограничение ссылок «Вернуться к началу» для страниц, которые длиннее, чем, скажем, двух окон с разрешением 1024x768, или список содержимого, часто задаваемые вопросы и т. Д. Ключ, однако, заключается в том, чтобы они не мешали, но были достаточно видимыми, чтобы пользователь мог их видеть и использовать. В Smashing Magazine есть действительно хорошая статья по этой теме / теме: http://www.smashingmagazine.com/2008/11/27/short-story-about-top-links/
Они более полезны для читателей с ограниченными возможностями. Представьте себе слепого пользователя, использующего программу чтения с экрана, который читает большую страницу (например, FAQ). Они хотят переключаться между разделами, но у них нет визуального способа пропустить контент, поэтому ссылки необходимы. Эта структура довольно распространена:
- Вверху страницы - одна ссылка переходит в первый раздел «контент» (скрытый от большинства браузеров с помощью CSS).
- Оглавление (просто большой список ссылок)
- For each section:
- content
- "к началу" содержания
Я бы сказал, что они полезны. Но в зависимости от веб-сайта это будет зависеть от того, как они использовались.
На таком веб-сайте, как этот, наличие кнопки «Вернуться к началу» в каждом сообщении не было бы разумным использованием площади экрана, а скорее только в нижней части сайта (возможно, чуть выше поля ответа и в самом низу ).
Если бы длина постов была немного больше (в 4 раза больше), я бы подумал об их использовании в заголовках ответов, чтобы пользователям не приходилось их искать.
Часто задаваемые вопросы, большие списки, ссылки, главы
Взгляните на Библиотеку шаблонов проектирования взаимодействия, чтобы получить более формальную информацию о том, что "наверх" Элемент пользовательского интерфейса:
http://www.welie.com/patterns/showPattern.php?patternID=top
Вы всегда должны предоставлять хлебные крошки в интерфейсе. Они могут действовать как возвращение наверх. Например.
Главная -> Личное -> Вход -> Учетные записи
Эти хлебные крошки должны быть легко доступны для пользователей.