2008-10-20 3 views
5

Должны ли ссылки на веб-странице ВСЕГДА быть подчеркнуты?
Я не верю, что это должно быть жестким и быстрым ПРАВИЛОМ!
Я написал комментарий на мой blog некоторое время назад об этом после того, как другой разработчик пожаловался, что я не соблюдаю веб-стандарты. Он снова появляется, и я хочу знать, что вы думаете. Ее аргумент заключался в том, что для удобства и удобства использования ВСЕ ссылки должны были быть подчеркнуты ВСЕ ВРЕМЯ. Мой менеджер согласился, поэтому я изменил две строки в css, и это было сделано. Я не прочь сделать эту работу, но я думаю, что удобство использования сайта сейчас меньше. Есть слишком много криков для вашего внимания.

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

Я не прав? Какие еще аргументы я должен был сделать? Благодаря! :)Ссылки и удобства использования HTML

ответ

18

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

2

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

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

@Brad Уилсон поднимает хороший момент о различиях цвета и ослепляющих пользователя. Я могу ошибаться, но я верю, что большинство (всех?) Цветных слепых людей не могут видеть разницу между определенными цветами, но не все. Возможно, вы можете выбрать цвета, которые всегда показывают контрастность? Конечно, я полагаю, что цветовые различия (и, возможно, другие атрибуты форматирования, такие как подчеркивание) также теряются пользователям, использующим устройства для чтения с экрана.

Доступность вызывает множество интересных проблем, если не сказать больше. Что рекомендуют информационно-пропагандистские группы по вопросам доступности?

+0

Помните, что простого изменения цвета недостаточно, чтобы отличить ссылку на пользователя, который является цветным слепым. – 2008-10-20 15:56:36

+0

Проблема со связанными ссылками - читатели экрана знают, что они являются связями и объявляют их как таковые, независимо от их визуального представления. – savetheclocktower 2008-10-20 20:46:04

1

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

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

+0

Я согласен - я нахожу, что нажимаю подчеркнутый текст, когда он не является ссылкой все время. – Ross 2008-10-20 15:56:22

2

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

Смотрите также Mystery Meat Navigation

0

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

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

0

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

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

3

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

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

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

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

0

Самым сложным аспектом юзабилити является то, что каждый сайт/проект отличается, и каждый элемент служит другой цели. Я согласен с тем настроением, которое подчеркивает, что ссылки помогают использовать полезный сайт, однако я не думаю, что ссылки, которые не подчеркнуты, вызовут какие-либо проблемы юзабилити, если они стилизованы таким образом, чтобы отличать их от текста или другого элементы, которые их окружают. Это решения, которые должны быть сделаны временем разработки; когда вы ждете, пока реализация не примет решение о цветах ссылок, вы ставите перед собой задачу использования. Конструкции должны быть хорошо продуманными и тщательно обработаны таким образом, чтобы навигационная схема была понятна пользователю. Означает ли это, что вы должны подчеркивать ссылки? Это зависит от вашего пользователя или аудитории. Если ваша целевая аудитория - это интернет-подходы, я бы подумал, что у вас есть немного больше гибкости, когда дело доходит до появления ссылок. Для публичной информации и правительственных сайтов я бы пошел на «стандартные» выступления.

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

0

Мое общее мнение об этом: Выберите отличный цвет для ссылок, сделайте его согласованным по всему сайту. Подчеркивание при наведении только на меню, вкладки и т. Д. И (необязательно) подчеркивать всегда ссылки, которые находятся внутри абзацев.

0

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

2

Вы правы, я думаю. Если есть «жесткое и быстрое правило», это так: ссылки на веб-странице всегда должны иметь доступ.

Другими словами, если пользователь понимает, что он намерен нажать на него, тогда он может использоваться, даже если он не подчеркивается. Он может выглядеть как кнопка или тег (например, те, что указаны на каждой странице этого сайта), или квадратное меню со стрелкой или что-то еще, что пользователь узнает из опыта как что-то, на что он нажал.

(Имейте в виду, что это не достаточно, чтобы показать affordance на парении. Это только частичный кредит. Пользователь не должен мыши вокруг страницы и посмотреть, что текст «делает что-то», когда завис над.)

Смежные вопросы