WebPagesThatSuck.com — тесты на отстойность, часть 2

Design
Вторая часть перевода теста на отстойность сайта. Первая часть доступна здесь. Сегодня разговор пойдет о тексте, ссылках, а также графике, видео и аудио.

Начнем.

Текст и ссылки

  • На нашем сайте тексты написаны шрифтами разных размеров.
  • На нашем сайте тексты написаны шрифтами разных цветов.
  • Чтобы почитать текст на нашем сайте, людям требуется скачать какой-нибудь необычный шрифт.
  • Посетителям трудно читать наши тексты, поскольку шрифт ну очень мелкий
  • На нашем сайте СЛИШКОМ МНОГО ЗАГЛАВНЫХ БУКВ.
  • Тексты на нашем сайте мелькают, мигают и движутся.
  • Анализатор контраста считает, что текст, ссылки и фон на нашем сайте недостаточно контрастируют.
  • AccessColor считает, что цветовая гамма нашего сайта с трудом воспринимается посетителями.
  • На нашем сайте центрированный текст используется не только в заголовках.
  • Текст на нашем сайте выронен по ширине.
  • Мы используем тэги, специфичные для конкретных браузеров, например, <MARQUEE> (узнал я, что это за тэг – ужас!, прим.пер.)
  • Мы используем шрифты, которые не соответствуют аудитории сайта – типа Comic Sans на сайте городской мэрии.
  • Мы, с помощью JavaScript, прокручиваем в статус-баре различные тексты.
  • На страницах нашего сайта слишком много/мало текста.
  • Мы используем подчеркнутый текст на нашем сайте (кроме как для выделения ссылок).
  • На нашем сайте есть вертикальные или по-другому развернутые тексты.
  • Посещенные ссылки на нашем сайте не меняют цвет. (всё! 90% сайтов – отстой :), прим.пер.)
  • Ссылки на сайте выделены неявно.
  • В некоторых областях страниц сайта слишком много ссылок.
  • На нашем сайте вообще слишком много ссылок.
  • У нас на сайте есть битые ссылки.
  • У нас на сайте есть битые ссылки и/или отсутствует страница с 404-й ошибкой.
  • На нашем сайте много сложных URL-ов (это каких? прим.пер.)
  • Ссылки на нашем сайте состоят их 10-20 слов (ага, типа http://www.webpagesthatsuck.com/does-my-web-site-suck/does-my-web-site-suck-checklist-part-one.html :), прим.пер.)
  • Адреса страниц на нашем сайте не достаточно информативны.
Графика, Видео и Аудио
  • Логотип нашего сайта сделан непрофессионально.
  • Логотип на сайте – всего лишь некачественный скан нашей визитки.
  • Логотип находится не над… (Logo is not above the fold – кто скажет, что в данном контексте значит fold, тому буду очень благодарен, прим.пер.)
  • Логотип не присутствует в топе всех страниц нашего сайта, и не всегда ведет на главную страницу.
  • Держите собственные графические элементы подальше от рекламных баннеров (тем более, если они расположены в топе). Посетители часто игнорируют баннеры, а заодно могут проигнорировать и вашу графику.
  • На нашем сайте используются дешевые клипарты вместо высококачественной графики.
  • На нашем сайте есть горизонтальные разделительные блоки.
  • На сайте мы используем большие, полноразмерные картинки.
  • Графика на нашем сайте отвлекает внимание от, собственно, страниц.
  • Наш сайт автоматом грузит видео-файлы, вместо того, чтобы начинать загрузку после щелчка пользователя.
  • На нашем сайте используется trailing-курсор (что за trailing cursor? прим.пер.)
  • Наш сайт использует IE page transitions (что за «переходы страниц», «переходы по страницам»? прим.пер.)
  • На нашем сайте есть значки типа «Находится в разработке»
  • Размещая графику на сайте, мы не уменьшаем картинки с помощью графического редактора. Вместо этого, мы берем полноразмерную картинку 1200х800 точек, и меняем её размер с помощью атрибутов тэга IMG.
  • Наш сайт использует графику для оформления текста.
  • На нашем сайте уродливая цветовая схема (например, красный и зеленый). (ХА! www.artlebedev.ru/kovodstvo/130/#06, прим.пер.)
  • Графические иконки на сайте не логичны. Наша корзина покупателя не похожа на корзину покупателя.
  • Вместо того, чтобы назвать её корзиной, мы придумываем какой-нибудь другой дурацкий термин, типа «корзинка», «ящик». (Вообще-то в англ. есть спец. термин – «shopping card», и ему автор противопоставляет «basket». Для России этот конкретный совет неактуален, но, думаю, принцип ясен. Прим.пер.)
  • На нашем сайте необоснованно много анимации.
  • На сайте куча анимированных GIF-ов.
  • На сайте мы используем 3-D графику.
  • На сайте мы используем изображения с градиентами (хм…, прим.пер.)
  • На сайте мы используем утопленные или приподнятые (beveled) изображения.
  • На сайте мы используем изображения с тенями (хммм…, прим.пер.).
  • На сайте есть анимированная графика, от мелькания которой у посетителей начинаются припадки.
  • В качестве background-а сайта используется изображение, которое начинает дублироваться на больших экранах.
  • Изображение, лежащее в background-е недостаточно контрастирует с текстом, и его трудно читать.
  • Рисунки на нашем сайте не имеют заполненного текстом атрибута ALT, а если текст не требуется, атрибут не содержит ''.
  • Рисунки на сайте похожи на баннерную рекламу.
  • На сайте используются движущиеся графические элементы – типа снежинок, птичек, и прочей DHTML-лабуды.
  • Мы не используем цвет текста для усиления смысла – например, красный цвет говорит «это важно».
  • Никто не задумывался над тем, не настраивает ли цветовая гамма сайта посетителей других национальностей против нас.
  • Страницы нашего сайта имеют множество разноцветных областей.
  • На нашем сайте есть рядом лежащие блоки не сочетаемых цветов (типа красного и зеленого).
  • Страницы нашего сайта представляют собой одну большую карту-изображение (для тех, что не знает, это изображение с активными областями, которые, чаще всего, являются ссылками, прим.пер.).
  • На сайте есть изображения, страдающие «halo-эффектом» — уродливым размытым ореолом вокруг изображения.
На сегодня всё. Чую эта часть содержит еще больше спорных моментов. Однако, полно и таких, которые, думаю, стоит зазубрить наизусть, особенно начинающим дизайнерам, приходящим в восторг от анимации, DHTML и JavaScript.

Третья часть теста доступна всем желающим.
Tags:дизайнюзабилитиUIссылкиграфика
Hubs: Design
+4
453 13
Comments 71

Popular right now

UX/UI Designer
from 120,000 ₽STM LabsНижний НовгородRemote job
Senior UX/UI дизайнер
from 100,000 ₽Золотое ЯблокоЕкатеринбург
Дизайнер UI\UX
from 80,000 to 120,000 ₽GBMSRemote job
UX\UI Дизайнер
from 70,000 to 120,000 ₽DNA TeamСанкт-ПетербургRemote job
UX/UI дизайнера (Senior, Middle +)
from 120,000 to 210,000 ₽MishМосква