Ссылки против чайников
Опубликовано 12.11.2007 - В рубриках: Юзабилити
Сегодня расскажу про элементы интра- и экстранавигации, или же человеческим языком — про все то, на чем ми кликаем (:
Ссылки, во всех своих формах и проявлениях, являются элементами управления. Без них любая страничка в интернете смотрелась бы как обыкновенный отсканированный документ.
Большинство сайтов, за исключением «одностраничников», подразумевает за собой наличие основного навигационного меню. Если сайт достаточно большой, то переход по этим ссылкам проводит нас в разные разделы, ну а на более мелких ресурсах — просто позволяет прогуляться между страничками.
К вспомогательным меню относят «подменю» (меню более глубокого уровня вложенности, нежели основное), всевозможные сгруппированные списки (такие как «Последние новости» или «Облако тегов»), а так же своеобразное «содержание» — ссылки с конечными целями на текущей странице, которые ведут на определенную ее часть (смотреть наглядный пример).
Как ни странно, но основное меню не является основным элементов правильно созданных сайтов. Все дело в том, что такие ссылки могут позволить организовать только линейную навигацию по всему ресурсу, а этого не всегда достаточно для полного представления информации.
Давайте начнем с простого — на какие вопросы должны отвечать ссылки?
Если в кратце:
- Где Я сейчас?
- Куда Я могу пойти?
- Где Я уже был?
Мораль:
Ссылки на страницы, на которых посетитель уже был; на той, на которой он сейчас; и на те страницы, на которых он не был, но еще может зайти — должны внешне отличаться друг от друга.
А если подробнее — то читайте замечательную статью на оригинальном английском на сайте web design from scratch! Хотя есть и качественный перевод на русский…
Посмотрите на предыдущий абзац — слишком много ссылок в потоке текста работают не так эффективно, в отличие от одной единственной ссылки в тексте.
Ссылки придают акцент некоторым частям информации, которую мы передаем, по этой причине акцентировать внимание, например, на «читать далее…» — это кощунство (ну не могу подобрать другого слова).
Я б лучше придал эмоциональный акцент словосочетанию «купить сейчас» (:
Важно: ссылки должны быть подчеркнуты, а все, что подчеркнуто — должно быть ссылкой.
Простое правило, которое не всем нравится. Не знаю точно почему, скорее всего это банальная потребность человека выделится среди толпы человечества, но довольно большая часть веб-страниц носит на себе не подчеркнутые ссылки, а ведь как без их выделения можно догадаться, что первых 2 слова этого абзаца на самом деле ссылки, а этот синий — просто синий текст, и на десерт всего лишь подчеркнутое словосочетание?
Исключения из правила могут составить, пожалуй, только те группы ссылок, подчеркивание которых вызовет визуальный шум.
Визуальный шум.
Или же в более редких случаях — заголовки страниц. Но если они являются ссылками, то при наведении на них курсора — подчеркивание обязательно.
Еще несколько слов о символах в ссылках — это просто ужас. Тут простой совет — просто не делайте так!
Так нельзя делать!
Всякие нажималочки и кнопочки — должны быть с надписями, и желательно с глаголами. Т.е. кнопка поиска на странице должна быть с надписью «Найти», а не «Поиск по сайту».
C графикой все сложнее, конечно можно подчеркивать картинки, или что-то подчеркнуть в них (это уже лучше), но в большинстве случаев правильным вариантом бедет добавление текстовых подписей к изображениям, и они уже в паре с графикой будут выступать в роли ссылок.
И под занавес несколько слов о SEO. Текст, который сделали ссылкой, робот поисковой системы проиндексирует как ключевой по отношению к странице, на которую он ссылается.
На человеческом языке это означает, что если вы поставите ссылку «купить розового слона» на некий сайт, то при запросе в поисковой системе «где купить розового слона?» наш некий сайт (на который мы ссылались) с большей долей вероятности появится на первой странице результатов поиска (по крайней мере, его релевантность по отношению к другим сайтам — повыситься однозначно).
Таким образом недавно по запросу «стране капец» в первой строке гугла выводился сайт политической партии БЮТ, хотя на самом сайте БЮТа таких слов не встречалось.
К чему это я? А к тому, что дважды подумайте, что именно сделать ссылкой, что бы получить от этого как можно больше прибыли.
P.S. Оказывается я умею вдохновлять на умные мысли, шесть нулей рассказывают о простоте всего гениального, а Дмитрий Донченко расскрывает секреты увеличения RSS подписчиков. Ну как не вспомнить о Давыдовском полуговнопосте.
Акция! Бесплатно RSS-фиды только до конца месяца!
Комментарии
Отзывов (5) на «Ссылки против чайников»
Оставьте отзыв
умеешь вдохновлять
[…] Постовой блогоскоп: PRmonitor повышает эффективность контекстной рекламы b52 проводит фин-стрип бомбардировку. Вячеслав Вдовиченко делится 7-ю причинами покупки информации (что перекликается с моим предыдушим постом). Маленький гигант большого маркетинга нагоняет на блоггеров панику, а в это время Денис Судилковский проводит глобальный link-ликбез. […]
Мне вот интересно… А зачем так категорично писать о том, чего сам не соблюдаешь?
Картинка обрезалась видимо…
http://img75.imageshack.us/my.php?image=pustobhb8.jpg
Владимир Крюков, а я ниразу не говорил, что этот блог идеален.
Я использую немного доработаную тему, в которой кроме указаных вами ошибок, к сожелению еще и орфография в некоторых местах страдает. Все никак не дойдут руки, что бы исправить.