Должны ли быть подчеркнуты все ссылки на веб-странице?

https://stackoverflow.com/questions/604277

03-07-2019
|

Вопрос

Существует ли правило, согласно которому все ссылки должны быть подчеркнуты, чтобы они выглядели как ссылки?Я видел много сайтов, где, например, в нижнем колонтитуле нет подчеркнутых ссылок.

Решение

Здесь нет никаких правил, но это хороший дизайн, чтобы ваш дизайн действовал так, как ожидают пользователи (а большинство пользователей ожидают, что ссылки в тексте будут подчеркнуты).Поэтому, если вы не подчеркиваете их, убедитесь, что они выглядят кликабельными.Видеть: http://www.useit.com/alertbox/20040510.html

Лично я терпеть не могу ссылки, которые не подчеркнуты в тексте (см.:Переполнение стека).Вам не придется протирать текст, чтобы посмотреть, что кликабельно.

Другие советы

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

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

Такой как Переполнение стека например.=р

Делай что хочешь.Лично мне нравится чистый вид ссылок без подчеркиваний, что придает моим сайтам ощущение «кнопки».

Ссылки должны отличаться от обычного текста.Сделаете ли вы это, подчеркнув их или просто изменив цвет, это ваше решение.Подчеркивание – это классический способ.

Ссылки не обязательно подчеркивать — я бы сказал, что подчеркивание само по себе трудно читать и это плохой стандарт по умолчанию, который мы унаследовали.

Но ссылки должны быть последовательный.Другими словами, какого бы цвета или стиля ни были ваши ссылки, по возможности придерживайтесь одного и того же цвета и стиля на всем сайте.Не делайте один объект кликабельным красным, а другой — зелёным.

И да, мы иногда нарушаем это правило при переполнении стека.Обратите внимание, что заголовок этого вопроса представляет собой кликабельную ссылку, но он не имеет цвета ссылки, потому что это было бы что-то вроде…противный.

Самый большой аргумент в пользу использования подчеркивания, который я видел (не могу указать, где именно, поскольку это было уже давно), — это доступность.Хотя изменения цвета ссылок может быть достаточно для тех пользователей, у которых есть привилегия видеть цвет, у тех, кто дальтоник, у них могут возникнуть серьезные проблемы при попытке найти ссылки без какой-либо другой дифференциации.

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

Извините за воскрешение старой темы, но я увидел, что никто не упомянул аргумент о цветовой слепоте в отношении подчеркнутых ссылок, поэтому я решил, что это будет полезно всем, кто прочитает это в будущем.

Это эстетическое решение: что будет выглядеть лучше, решать вам.Не существует веб-стандартов, определяющих подобные вещи.

Какой еще визуальный сигнал вы можете предложить пользователю о том, что текст является ссылкой, а не обычным текстом?Другой цвет работает, возможно, стиль?

Визуально подчеркивание просто и универсально, но здесь нет жесткого правила.Просто сделайте их очевидными.

Не обязательно, но когда пользователь наводит ссылку, она может быть подчеркнута.И ссылка должна каким-то образом выделяться: быть более жирной или иметь другой цвет.Синий — отличный цвет гиперссылок.

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

Пока ссылка на странице различима как ссылка, все в порядке.

Например:

другой цвет, чем остальной текст

изменение цвета при наведении

наличие цвета фона

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

Однако общепринято, что пользователи распознают подчеркнутые ссылки быстрее, чем те, которые не соответствуют тому, что кто-то «ожидает» считать ссылкой.

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

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

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

Что я действительно ненавижу, так это сайты, которые подчеркивают текст, не являющийся ссылками...пожалуйста, не делай этого.

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

Важная вещь в веб-дизайне — ясность.Если вы не подчеркиваете свои ссылки, вам следует предоставить хотя бы последовательный метод рендеринга (например, задний или передний цвет) и некоторую интуитивно понятную визуальную обратную связь для пользователя, чтобы указать, что ссылка существует, например, подчеркивание при наведении курсора мыши, изменение значка мыши. или изменить предыдущий цвет передней или задней части.

Лучший способ протестировать эти вещи — создать макет и предоставить его бабушке.Если она понимает с первого раза, значит, вы ясно дали понять!

Приятного кодирования.

Я не против в любом случае.Ну, почти.
По крайней мере, синие подчеркивания — это четкий сигнал, который пользователи идентифицируют как ссылки.Хорошо устоявшееся соглашение, а также значение браузера по умолчанию.Вот почему большинство статей о веб-дизайне советуют избегать подчеркивания типографского эффекта.
И мне не нравятся ссылки, которые не похожи на ссылки.Например, недавно я нашел сайт с черным текстом и темно-серыми ссылками (или наоборот?), написанными точно таким же шрифтом:ссылки было плохо видно (если только не сканировать мышкой!ак!).
Аналогичным образом, рекомендуется отличать посещенные ссылки от непосещенных:это хороший помощник в навигации.

Это действительно зависит от того, является ли их выделение на странице полезным свойством.

В Википедии, например, линия удаляется, что, вероятно, хорошо, учитывая, что половина страницы будет подчеркнута, если оставить настройки по умолчанию.

Пока очевидно, что является ссылкой, а что нет, я считаю, что избавиться от подчеркнутых ссылок вполне приемлемо.

Лицензировано под: CC-BY-SA с атрибуция

Не связан с StackOverflow