Вторая часть перевода теста на отстойность сайта. Первая часть доступна здесь. Сегодня разговор пойдет о тексте, ссылках, а также графике, видео и аудио.
Начнем.
Текст и ссылки
Третья часть теста доступна всем желающим.
Начнем.
Текст и ссылки
- На нашем сайте тексты написаны шрифтами разных размеров.
- На нашем сайте тексты написаны шрифтами разных цветов.
- Чтобы почитать текст на нашем сайте, людям требуется скачать какой-нибудь необычный шрифт.
- Посетителям трудно читать наши тексты, поскольку шрифт ну очень мелкий
- На нашем сайте СЛИШКОМ МНОГО ЗАГЛАВНЫХ БУКВ.
- Тексты на нашем сайте мелькают, мигают и движутся.
- Анализатор контраста считает, что текст, ссылки и фон на нашем сайте недостаточно контрастируют.
- 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-эффектом» — уродливым размытым ореолом вокруг изображения.
Третья часть теста доступна всем желающим.
