Статьи

Преступления против гипертекста

Как и информационная супермагистраль и киберпространство , термины гиперссылка и гипертекст, похоже, вышли из моды. Несмотря на это, гипертекст все еще является основой Интернета — одной из его основных функций. Скромный HTML-тег <a> Меня по-прежнему удивляет и раздражает, когда такая центральная функция веб-страницы кажется само собой разумеющейся. Плохая практика связывания является распространенной — в редакционной и визуальной форме — и это оказывает прямое негативное влияние на удобство использования.

Галерея Жуликов

Пришло время объявить вне закона этих преступников, так что вот моя мошенническая галерея гипертекста — все они хотели преступников за преступления против юзабилити!

Тавтология

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

 You can find two great examples <a href="/">here</a> 
and <a href="/">here</a>. <a href="/">Click here</a> 
for another one!

Гиперссылка подразумевает пункт назначения, к которому можно перейти, щелкнув ссылку; тавтологическая ссылка служит только для утверждения очевидного!

Костюм для отдыха

Ссылка на спортивный костюм просто указывает расплывчато. Если ты хочешь следовать этому, ты сам по себе. Вот пример:

 In fact, you can <a href="/">find</a> <a href="/">so</a> 
<a href="/">many</a> <a href="/">examples</a> of poor 
linking you may think the world no longer cares.

Лень писать содержательный гипертекст? Просто свяжите целую кучу слов, и пусть пользователь справится с этим.

Средний человек

Некоторые авторы предпочитают заключать свой гипертекст со средним человеком. Есть места для сервисов сокращения URL, например, таких сайтов, как Twitter , но нет оправдания использованию их в вашем гипертексте. В отсутствие какого-либо другого контекста пользователь может вернуться к просмотру URL-адреса ссылки. Отказ от этого с помощью службы сокращения URL-адресов эквивалентен отправке их по реке без весла.

Интерференция

Это часто встречается на таких веб-сайтах, как Wikipedia и Everything2 — слова, связанные с информацией, имеющей мало отношения к окружающему тексту. Например:

 Hyperlinks are the <a href="/a_page_about_glue">glue</a> 
that holds the Web together.

Отступники

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

Сталкер

Вы увидите ссылку преследователя, только когда окажетесь прямо над ней! Этот становится все менее распространенным, но вы все еще иногда видите примеры. Сталкерская ссылка настолько похожа на окружающий текст, что вы даже не узнаете, что она там есть.

Телемаркетер

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

Хорошая гиперссылка

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

Вот пример полезной гиперссылки:

 For excellent examples of finely crafted hypertext 
look no further than <a href="http://kottke.org/">kottke.org, 
the online home of Jason Kottke</a>.

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

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

Атрибут title Если текст ссылки достаточен, он все равно не нужен.

Хорошо продуманный гипертекст прост для чтения и использования и, честно говоря, прост в создании! Вы виновны в преступлениях против гипертекста?