То, как написаны ссылки на странице, напрямую влияет на то, сможет ли клиент быстро понять структуру сайта и найти нужный контент. Четкая ссылка позволяет клиенту сразу понять, что он увидит после клика; неясная ссылка заставляет клиента колебаться, ошибаться или даже покинуть сайт. В этой статье с точки зрения пользователя рассматриваются практические методы именования, структуры и размещения ссылок.
Текст ссылки должен быть прямым, без лишних слов
Текст ссылки — это первое, на что клиент обращает внимание при решении, кликнуть ли по ней. Идеальный текст ссылки должен напрямую описывать содержимое целевой страницы, избегая таких фраз, как «нажмите здесь» или «узнать больше», которые не несут информации.
Например, если ссылка ведет на страницу о компании, текст «О нас» будет гораздо понятнее, чем «Нажмите для просмотра»; если ссылка ведет на список продуктов, текст «Продукция» будет более интуитивным, чем «Перейти в раздел». Когда клиент видит ссылку, он сразу может оценить, соответствует ли она его потребностям — это первый шаг к снижению затрат на понимание.
Кроме того, текст ссылки не должен быть слишком длинным, лучше ограничиться 4-8 словами. Слишком длинный текст ссылки может переноситься на следующую строку, нарушая ритм чтения. Также избегайте местоимений, таких как «здесь» или «эта ссылка», потому что их значение понятно только в контексте, что увеличивает когнитивную нагрузку.
Иерархия ссылок должна быть четкой, путь — логичным
Ссылки должны не только иметь четкий текст, но и их расположение и путь должны соответствовать привычкам восприятия клиента. Разумная информационная архитектура позволяет клиенту предугадывать, где находятся ссылки, и снижает затраты на поиск.
Рекомендуется, чтобы корпоративные сайты при настройке навигационных ссылок следовали иерархии «главная страница — раздел — подстраница» и отображали хлебные крошки на страницах. Например, когда клиент просматривает «Новости отрасли» в разделе «Новости», он должен видеть путь «Главная > Новости > Новости отрасли», чтобы понимать, на каком уровне он находится и как вернуться назад.
Также названия ссылок должны соответствовать плану разделов. Например, если раздел называется «Услуги», то текст ссылок на подстраницах должен быть связан с «услугами», а не внезапно меняться на «Решения» или «Сфера деятельности», чтобы не сбивать клиента с толку.
Расположение ссылок должно соответствовать ожиданиям, не прячьте их слишком глубоко
Когда клиент просматривает сайт, он обычно ожидает, что определенные ссылки находятся в определенных местах. Например, контактная информация обычно находится в нижнем колонтитуле, описание продуктов — в главном меню, справочная документация — в разделе поддержки. Если расположение ссылок отклоняется от ожиданий, клиент тратит дополнительное время на поиск, что увеличивает затраты на понимание.
При планировании страниц сначала размещайте часто используемые ссылки на видных местах, таких как главное меню, нижний колонтитул, первый экран главной страницы. Для редко посещаемых, но важных ссылок, таких как политика конфиденциальности или пользовательское соглашение, можно разместить их в нижнем колонтитуле, но с четкими текстовыми обозначениями.
Кроме того, если в тексте статьи необходимо вставить ссылку, делайте это в естественном переходе контекста и убедитесь, что текст ссылки связан с окружающим содержимым. Не вставляйте ссылки принудительно, чтобы не прерывать чтение и не увеличивать нагрузку на понимание.
Избегайте неработающих ссылок и ошибок перехода
Стабильность ссылок также влияет на пользовательский опыт. Если клиент переходит по ссылке и попадает на страницу 404 или на несвязанную страницу, это не только увеличивает затраты на понимание, но и может подорвать доверие клиента.
Рекомендуется регулярно проверять все ссылки на сайте, особенно после редизайна старого сайта, своевременно обновлять внутренние ссылки и удалять неработающие. Для внешних ссылок выбирайте стабильные ресурсы, избегая ссылок на часто изменяющиеся страницы.
При добавлении ссылок также обратите внимание на то, открываются ли они в новом окне. Как правило, внутренние ссылки открываются в текущем окне, внешние можно открывать в новом окне, но рядом со ссылкой следует указывать «открыть в новом окне», чтобы клиент не думал, что это переход в текущем окне, и не испытывал трудностей с возвратом.
Читабельность и доступность ссылок
Помимо текста и расположения, стиль ссылок также влияет на затраты на понимание. Цвет ссылок должен отличаться от основного текста и иметь эффект наведения, чтобы клиент знал, что можно кликнуть. Но цвет не должен быть слишком ярким, сохраняйте гармонию с общим дизайном.
Также текст ссылок не должен сливаться с окружающим текстом. Например, не делайте часть текста в абзаце ссылкой без визуального отличия, иначе клиент может не заметить ссылку. Рекомендуется использовать подчеркивание, цвет или стиль кнопки, чтобы ссылка имела четкий визуальный индикатор.
Для мобильных устройств размер ссылок должен быть удобным для нажатия пальцем, чтобы избежать случайных переходов на нежелательные страницы.
Заключение: проверяйте свои ссылки с точки зрения клиента
Ключ к снижению затрат клиента на понимание — это взгляд на ссылки с его позиции. Попробуйте попросить человека, не знакомого с сайтом, просмотреть несколько ключевых страниц и понаблюдать, сможет ли он быстро найти нужный контент. Если он колеблется или ошибается, скорее всего, дизайн ссылок требует улучшения.
Рекомендуется уже сегодня проверить основные навигационные ссылки вашего сайта: ясен ли текст, разумна ли иерархия, соответствует ли расположение ожиданиям. Регулярно обслуживайте ссылки, своевременно обновляйте или исправляйте неработающие, чтобы клиент не блуждал по сайту и получал лучший опыт.
