Нэтсмарт - создание сайтов во Владивостоке, сайты на 1С Битрикс
(423) 271–99–57 Блог

Блог


17 марта 2009

Про ссылки

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

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

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

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

Если простые ссылки обычно оформляют либо подчеркиванием либо выделают их цветом, то «ajax-ссылки» принято обозначать пунктиром.

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

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

Рассмотрим на примерах.

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

Следующий пример, навигационное меню одного из сайтов для поиска сотрудников и работы.

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

Вывод

1. По возможности «ajax-ссылки» должны отличаться от обычных ссылок по стилю оформления.
2. Не используйте в оформлении обычных ссылок пунктир, если на сайте есть ссылки с подчеркиванием, а тем более, если оба вида ссылок находятся на одной странице.

ВКонтакт Facebook Одноклассники Twitter Яндекс Livejournal Liveinternet Mail.Ru