Когда, если вообще, следует ли вам использовать ссылку «вверх»? - PullRequest
3 голосов
/ 07 декабря 2008

Я видел много дизайнов веб-сайтов с частыми включениями ссылок «вверх», и мне просто интересно, когда, если вообще, они могут быть оправданы? В каких случаях требуется ссылка «back top top» и как они влияют на удобство использования?

Ответы [ 11 ]

6 голосов
/ 07 декабря 2008

Как пользователь, я никогда не использую ссылки «вверх», потому что это то, что делает клавиша «home», но я полагаю, что их можно использовать, поскольку люди иногда стремятся вместо этого воспользоваться полосой прокрутки.

5 голосов
/ 07 декабря 2008

Я думаю, что они могут быть полезны, когда в верхней части страницы есть оглавление, а содержание не является последовательным - как FAQ.

4 голосов
/ 07 декабря 2008

Они полезны на длинных страницах, если они не слишком часты, хотя при определенном размере, вероятно, было бы лучше разделить страницу на страницы меньших разделов. Посмотрите на одностраничную спецификацию HTML5 в качестве примера, почему это необходимо (это около 1 МБ необработанного HTML).

Лично мне нравится, как сайт Xfce делает это - одна иконка со стрелкой в ​​правом нижнем углу, которая остается на экране, в стороне.

1 голос
/ 07 декабря 2008

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

Как разработчик, я никогда не вставлял ссылки "наверх", даже на страницах часто задаваемых вопросов. Я делю свои длинные страницы на несколько более коротких, чтобы вообще этого избежать.

0 голосов
/ 08 декабря 2008

Вы всегда должны предоставлять панировочные сухари в интерфейсе. Они могут действовать как наверх. Например.

Главная страница -> Личное -> Вход -> Аккаунты

Эти хлебные крошки должны быть легко доступны для пользователей.

0 голосов
/ 07 декабря 2008

Взгляните на Библиотека шаблонов дизайна взаимодействия для более формальной обработки элемента пользовательского интерфейса «сверху»:

http://www.welie.com/patterns/showPattern.php?patternID=top

0 голосов
/ 07 декабря 2008

FAQ, большие списки, ссылки, главы

0 голосов
/ 07 декабря 2008

Я бы сказал, что они полезны. Но в зависимости от веб-сайта это будет зависеть от того, как они использовались.

На подобном веб-сайте наличие кнопки «Вернуться к началу» на каждом сообщении не будет разумным использованием экранной недвижимости, а скорее только в нижней части сайта (возможно, чуть выше поля для ответа и в самое дно).

Если бы длина сообщений была немного больше (в 4 раза больше), я бы посоветовал использовать их в заголовках ответов, чтобы пользователям не приходилось их искать.

0 голосов
/ 07 декабря 2008

Они более полезны для читателей с ограниченными возможностями. Подумайте о слепом пользователе с программой чтения с экрана, которая читает большую страницу (например, часто задаваемые вопросы). Они хотят переходить между разделами, но у них нет визуального способа пропустить контент, поэтому ссылки необходимы. Эта структура довольно распространена:

  • Начало страницы - одна ссылка переходит в первый раздел «контент» (скрыт в большинстве браузеров через CSS)
  • Оглавление (просто большой список ссылок)
  • Для каждого раздела:
    • содержание
    • содержимое "наверх"
0 голосов
/ 07 декабря 2008

Ограничение Наверх ссылки на страницы, которые длиннее, чем, скажем, два окна с разрешением 1024x768 или список содержимого, часто задаваемые вопросы и т. Д. Ключ, однако, заключается в том, чтобы держать их подальше, но достаточно видимыми, чтобы пользователь мог видеть и использовать их. У Smashing Magazine есть действительно хорошая статья относительно этой функции / темы: http://www.smashingmagazine.com/2008/11/27/short-story-about-top-links/

...