В чем смысл стилизации гиперссылок, которые можно отличить от основного текста?

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

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

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

Кто-нибудь может утверждать, что тонкие гиперссылки более эффективны, чем более очевидные? Или, можете ли вы указать мне какие-либо теории или проверить выводы, которые могут оправдать их использование?

@Майк Дэниелс: Спасибо за разъяснение, что цвет, с которым у меня возникают проблемы с дифференциацией на этом сайте, - это цвет посещенных ссылок - я этого не заметил, но вы правы. Цвет невидимой ссылки довольно заметен, и для меня становится все более разумным, что посещаемые ссылки будут больше сочетаться с окружающим текстом.

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

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

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

ОТВЕТЫ

Ответ 1

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

Таким образом, единственная реальная причина только тонко дифференцировать встроенные ссылки со стандартного текста - это эстетические цели. Я думаю, что сделал дизайнер SFGate. Цвета ссылок, которые они используют, легко дифференцируемы, если они не являются встроенными (например, панели "Последние записи" или "Категории" ), но их, возможно, сложнее выделить в тексте.

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

  • выделены жирным шрифтом ссылки
  • подчеркнули их.
  • используется пунктирные подчеркивания (хороший компромисс)
  • или использовать опрокидывания

Все это поможет отличить ссылки от текста, не указывая на ссылки ярче.

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

Ответ 2

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

Ответ 3

Это зависит от того, что вы пытаетесь выполнить. Как владелец сайта, я мог бы осознать (через тестирование A/B), что более тонкий цвет ссылок увеличивает CTR, уменьшает частоту отказов и т.д.

Однако я считаю, что дифференцирование ваших ссылок только по цвету может вызвать некоторые проблемы для colorblind people.

Ответ 4

ok, в SO посещенный цвет гиперссылки немного темнее и сложнее отличить от невидимого цвета гиперссылки. Но я думаю, что встроенный дизайн гиперссылок - непростой вопрос. Я имею в виду, что вы хотите, чтобы кто-то знал, что существует гиперссылка, но в то же время она более или менее важна, чем ваш контент? если его конечный пункт назначения тогда может сделать его выделяющимся больше (т.е. подчеркивая его), если его доказательства для точки и, следовательно, менее важные, которые кто-то нажимает на нее, не нуждаются. Я бы сказал, что простое изменение цвета могло бы сделать, возможно, сделать посещенные/не связанные ссылки более близкими, чтобы они сохраняли свою видимость в контенте.

Ответ 5

Я не понимал, пока Майк Дэниелс не заметил, что ваша проблема связана с посещенными ссылками, а не с обычными цветами. Посещенные ссылки традиционно смешивались в большей степени, это не совсем новая концепция. Я думаю, что теория такова, что вы уже посетили ссылку, которую вы должны знать там, поэтому нет причин привлекать к ней больше внимания; есть еще те ссылки, которые вы еще не посетили, что вы, вероятно, больше заинтересованы в

Ответ 6

Я могу четко отличить цвет ссылки от цвета текста. Может быть, вы должны настроить параметры отображения? Я полагаю, что это может быть немного смелее, чтобы отличить его от окружающего текста, но это ballpark.

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

Ответ 7

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

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

  • текст был SEO'd неверно тем, кто около 6 лет отстает от времени, и полагает, что вам нужно связать каждый экземпляр термина на странице, но с учетом посетителя, так что они были написаны вниз.

Ответ 8

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

Мне было бы любопытно увидеть некоторые статистические данные о количестве ссылок на статью для недооцененных ссылок по сравнению с статьями, где ссылки ясны. Очевидно, что это не будет на 100% научным, но это может привести к большей ясности в этом вопросе.

Ответ 9

возможно, это может быть приятное решение

a {
    font: inherit !imporant;
    text-decoration: inherit !imporant;
    color: inherit !imporant;
}