Бизнес Дизайн

Денис Судилковский про бизнес и дизайн для тех, кому пришлось этим заниматься.

RSS

Ссылки против чайников

Опубликовано 12.11.2007 - В рубриках: Юзабилити

Секреты Сегодня расскажу про элементы интра- и экстранавигации, или же человеческим языком — про все то, на чем ми кликаем (:

Ссылки, во всех своих формах и проявлениях, являются элементами управления. Без них любая страничка в интернете смотрелась бы как обыкновенный отсканированный документ.

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

К вспомогательным меню относят «подменю» (меню более глубокого уровня вложенности, нежели основное), всевозможные сгруппированные списки (такие как «Последние новости» или «Облако тегов»), а так же своеобразное «содержание» — ссылки с конечными целями на текущей странице, которые ведут на определенную ее часть (смотреть наглядный пример).

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

Давайте начнем с простого — на какие вопросы должны отвечать ссылки?

Если в кратце:

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

А если подробнее — то читайте замечательную статью на оригинальном английском на сайте web design from scratch! Хотя есть и качественный перевод на русский

Посмотрите на предыдущий абзац — слишком много ссылок в потоке текста работают не так эффективно, в отличие от одной единственной ссылки в тексте.

Ссылки придают акцент некоторым частям информации, которую мы передаем, по этой причине акцентировать внимание, например, на «читать далее…» — это кощунство (ну не могу подобрать другого слова).

Я б лучше придал эмоциональный акцент словосочетанию «купить сейчас» (:

Важно: ссылки должны быть подчеркнуты, а все, что подчеркнуто — должно быть ссылкой.

Простое правило, которое не всем нравится. Не знаю точно почему, скорее всего это банальная потребность человека выделится среди толпы человечества, но довольно большая часть веб-страниц носит на себе не подчеркнутые ссылки, а ведь как без их выделения можно догадаться, что первых 2 слова этого абзаца на самом деле ссылки, а этот синий — просто синий текст, и на десерт всего лишь подчеркнутое словосочетание?

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

pizdec-a-ne-menu.png
Визуальный шум.

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

Еще несколько слов о символах в ссылках — это просто ужас. Тут простой совет — просто не делайте так!

simvoli-nafig.png
Так нельзя делать!

Всякие нажималочки и кнопочки — должны быть с надписями, и желательно с глаголами. Т.е. кнопка поиска на странице должна быть с надписью «Найти», а не «Поиск по сайту».

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

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

На человеческом языке это означает, что если вы поставите ссылку «купить розового слона» на некий сайт, то при запросе в поисковой системе «где купить розового слона?» наш некий сайт (на который мы ссылались) с большей долей вероятности появится на первой странице результатов поиска (по крайней мере, его релевантность по отношению к другим сайтам — повыситься однозначно).

Таким образом недавно по запросу «стране капец» в первой строке гугла выводился сайт политической партии БЮТ, хотя на самом сайте БЮТа таких слов не встречалось.

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

P.S. Оказывается я умею вдохновлять на умные мысли, шесть нулей рассказывают о простоте всего гениального, а Дмитрий Донченко расскрывает секреты увеличения RSS подписчиков. Ну как не вспомнить о Давыдовском полуговнопосте.

Акция! Бесплатно RSS-фиды только до конца месяца!

Комментарии

Отзывов (5) на «Ссылки против чайников»

  1. Мой Путь к Интернет деньгам v.2.0 12.11.2007 5:19 pm

    умеешь вдохновлять :)

  2. Сказка О Копирайтерах « Копирайтинг О Главном 14.11.2007 9:51 am

    […] Постовой блогоскоп: PRmonitor повышает эффективность контекстной рекламы b52 проводит фин-стрип бомбардировку. Вячеслав Вдовиченко делится 7-ю причинами покупки информации (что перекликается с моим предыдушим постом). Маленький гигант большого маркетинга нагоняет на блоггеров панику, а в это время Денис Судилковский проводит глобальный link-ликбез. […]

  3. Владимир Крюков 16.11.2007 1:57 pm

    Мне вот интересно… А зачем так категорично писать о том, чего сам не соблюдаешь?

  4. Владимир Крюков 16.11.2007 1:58 pm

    Картинка обрезалась видимо…
    http://img75.imageshack.us/my.php?image=pustobhb8.jpg

  5. Денис Судилковский 16.11.2007 2:00 pm

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

Оставьте отзыв