Хотя сейчас многие злодеяния юзабилити дизайна встречаются реже, чем раньше, они все же есть. Рассмотрим десять самых вопиющих преступлений против пользователей. Это бедствия веб-дизайна и ужасы HTML.
В 1996 году я составил множество топ-10 самых больших «провалов» в веб-дизайне и периодически их обновлял. В этой статье представлены основные моменты: самые худшие ошибки в веб-дизайне.
Содержание | Быстрая навигация
1. Плохой поиск на сайте.
Поисковые системы, требующие буквального ввода, снижают удобство использования. Они не могут обрабатывать опечатки, множественные числа, дефисы и другие варианты условий запроса. Ими особенно трудно пользоваться пожилым людям, они не удобны всем.
Поисковые системы расставляют приоритеты для результатов исключительно на основе количества терминов запроса, которые они содержат, а не по важности каждого документа.
Намного лучше, если сервис для работы с информацией в Интернете отводит «лучшие ставки» в верхней части списка для важных запросов, таких как названия ваших продуктов.
Несмотря на то, что иногда при сложностях с поиском может помочь расширенный поиск, простой поиск обычно работает лучше. Он должен быть удобно расположен и сразу заметен.
Поиск должен быть представлен в виде простого поля, так как это то, что ищут пользователи.
2. PDF файлы для онлайн чтения.
Пользователи ненавидят наталкиваться на PDF-файлы во время просмотра, потому что это нарушает ритм поиска сведений и чтения. Даже простые вещи, такие как печать или сохранение документов, сложны и требуют дополнительно тратить время.
Макеты часто оптимизируются для листа бумаги, который редко соответствует размеру окна браузера пользователя.
Прощай, плавная прокрутка. Привет крошечные шрифты. Хуже всего то, что PDF — это недифференцированный блок контента, по которому трудно ориентироваться.
PDF отлично подходит для печати и распространения руководств и других больших документов, которые необходимо распечатать. Зарезервируйте его для этой цели и преобразуйте любую информацию, которую необходимо просмотреть или прочитать на экране, в реальные веб-страницы.
3. Не меняется цвет посещенных ссылок.
Простой и важный прием юзабилити для повышения конверсии.
Хорошее понимание прошлой навигации поможет вам видеть ваше текущее местоположение на странице браузера. Это облегчает решение, куда идти дальше.
Ссылки являются ключевым фактором в навигации. Пользователи могут исключать те источники, которые оказались безрезультатными. И наоборот, они могут вернуться к ссылкам, которые они нашли полезными в прошлом.
Самое главное: знание того, какие страницы пользователи уже посетили, освобождает их от случайного посещения одних и тех же страниц снова и снова.
Эти преимущества доступны только в одном случае. Пользователи могут различать посещенные и не посещенные ссылки, если сайт показывает их разными цветами. Когда посещаемые ссылки не меняют цвет, пользователям сложно ориентироваться в том, какие страницы они уже посещали.
4. Дизайн-многобукв. Не сканируемый текст на страницах.
Стена текста смертельна при просмотре страниц! Устрашает. Скучно. Больно читать.
Пишите для Интернета, а не для печати. Чтобы привлечь пользователей к тексту и поддержать сканируемость, используйте хорошо документированные приемы:
- подзаголовки;
- маркированные списки;
- выделенные ключевые слова;
- короткие абзацы;
- перевернутую пирамиду;
- простой стиль письма.
5. Фиксированный размер шрифта в дизайне.
К сожалению, таблицы стилей CSS дают веб-сайтам возможность отключить кнопку «изменить размер шрифта» в веб-браузере и указывают постоянную величину букв, цифр и знаков.
Приблизительно в 95% случаев фиксированный размер шрифта крошечный, что значительно снижает читабельность для большинства людей старше 40 лет.
Сохраняйте пользовательские настройки и позволяйте им изменять размер текста по мере необходимости. Кроме того, указывайте размеры шрифта в относительном выражении, а не как абсолютное количество пикселей.
6. Заголовки страниц с низкой видимостью в поисковых системах.
Поиск является наиболее важным способом обнаружения веб-сайтов пользователями. Также это один из самых удобных способов поиска по отдельным веб-сайтам.
Краткий заголовок, отражающий смысл содержания страницы — это ваш основной инструмент для привлечения новых посетителей. Он поможет вашим существующим пользователям найти нужные им сведения.
Заголовок страницы содержится в теге HTML <title> и почти всегда используется в качестве кликабельного заголовка для списков на страницах результатов поисковой системы SERP. Поисковые системы обычно показывают первые 66 символов заголовка, так что это действительно микро-контент.
Заголовки страниц также используются в качестве записи по умолчанию в «Избранном», когда пользователи создают закладки для сайта. Для вашей домашней страницы начните с названия компании, после чего добавьте краткое описание сайта.
Первое слово заголовка должно начинаться с той буквы, под которой вы хотите его каталогизировать.
Для страниц, отличающихся от домашней, начните заголовок с нескольких наиболее важных слов. Они должны быть о том, что пользователи найдут на этой странице.
Заголовок страницы используется в качестве заголовка окна в браузере. Он также используется в качестве метки для этого окна на панели задач в Windows.
Это означает, что опытные пользователи будут перемещаться между несколькими окнами под руководством первых слов каждого заголовка страницы. Если все заголовки ваших страниц начинаются с одних и тех же слов, это будет не удобно для пользователей, работающих с несколькими окнами.
Слоганы на домашних страницах являются связанной темой: они также должны быть краткими и быстро сообщать о цели сайта.
7. Много того, что выглядит как реклама в дизайне страниц.
Избирательное внимание очень мощное. Пользователи Интернета перестали обращать внимание на любую рекламу, которая мешает их целенаправленной навигации. Основным исключением являются только текстовые объявления в поисковых системах.
К сожалению, пользователи также игнорируют законные элементы дизайна, которые выглядят как распространенные формы рекламы. В конце концов, когда вы игнорируете что-то, вы не изучаете это подробно, чтобы выяснить, что это такое.
Лучше избегать любых конструкций, которые выглядят как рекламные объявления.
То, как применять этот совет, будет зависеть от новых форм рекламы. В настоящее время соблюдайте следующие правила:
- Баннерная слепота. Это означает, что пользователи никогда не останавливаются на чем-то похожем на рекламный баннер из-за формы или позиции на странице.
- Избегание анимации. Оно заставляет пользователей игнорировать области с мигающим или мигающим текстом или другими агрессивными анимациями.
- Всплывающие чистки. Пользователи закрывают всплывающие окна до того, как они полностью отображают содержимое.
8. Нарушение правил Юзабилити дизайна.
Согласованность — это один из самых мощных принципов юзабилити: когда вещи всегда ведут себя одинаково, пользователям не нужно беспокоиться о том, что произойдет. Вместо этого они знают, что произойдет, основываясь на предыдущем опыте.
Каждый раз, когда вы отпускаете яблоко над сэром Исааком Ньютоном, оно падает на его голову.
Чем больше ожидания пользователей оправдаются, тем больше они будут чувствовать себя управляющими системой и тем больше им понравится. Чем больше система разочаровывает пользователей, тем больше они будут чувствовать себя неуверенно.
Ой, может быть, если я отпущу это яблоко, оно превратится в помидор и прыгнет на милю в небо.
Закон Якоба о пользовательском опыте в Интернете гласит, что «пользователи проводят большую часть своего времени на других сайтах».
Это означает, что они формируют свои ожидания в отношении вашего сайта на основе того, что обычно делается на большинстве сайтов. Если ваш веб-ресурс будет сильно отличаться от других, с ним станет труднее работать, и пользователи уйдут.
9. Открытие нового окна в браузере.
Открытие новых окон браузера подобно продавцу пылесосов, который начинает посещение, высыпая пепельницу на ковер клиента.
Не загрязняйте экран пользователей дополнительными окнами. Особенно, потому что у текущих операционных систем жалкое управление окнами.
Дизайнеры добавляют новые окна браузера, полагая, что пользователи остаются на их веб-ресурсе. Эта стратегия самоубийственна, поскольку отключает кнопку «Назад». Она является обычным способом возврата пользователей на предыдущие сайты.
Пользователи часто не замечают, что открылось новое окно, особенно если они используют небольшой монитор, где окна максимально развернуты, чтобы заполнить экран. Поэтому пользователь, который пытается вернуться к исходной точке, будет сбит с толку серой кнопкой «Назад» .
Ссылки, которые не ведут себя должным образом, подрывают понимание пользователями их собственной системы. Ссылка должна быть простой гипертекстовой ссылкой, которая заменяет текущую страницу новым контентом.
Пользователи ненавидят необоснованные всплывающие окна. Когда они хотят, чтобы место назначения появилось на новой странице. Они могут использовать команду своего браузера «открыть в новом окне» при условии, что ссылка не является фрагментом кода, который мешает стандартному поведению браузера.
10. Содержимое страницы не отвечает на вопросы пользователей.
Люди очень целеустремленны в Интернете. Они посещают сайты, потому что хотят чего-то достичь. Это может быть даже покупка вашего продукта. Последняя неудача веб-сайта – не предоставить информацию, которую ищут пользователи.
Иногда ответа просто нет, и вы теряете продажу, потому что пользователи должны предположить, что ваш продукт или услуга не соответствуют их потребностям, если вы не сообщите им специфику.
В других случаях презентация продукта скрывается под толстым слоем рыночных и расплывчатых лозунгов. Поскольку у пользователей нет времени на прочтение всего, такой скрытой информации почти не должно быть.
Худший пример того, чтобы не отвечать на запросы пользователей, – это избегать перечисления цен на товары и услуги.
Ни один сайт электронной коммерции В2С не допустил бы такой ошибки, но он встречается в B2B , где представлено большинство «корпоративных решений». Вы не можете определить, подходят ли они для 100 человек или 100 000 человек.
Цена — это самая конкретная часть информации, которую клиенты используют для понимания природы предложения. Ее отсутствие заставляет людей чувствовать себя потерянными и снижает их понимание продуктовой линейки.
Даже сайты B2C часто совершают ошибку, забывая о ценах в списках товаров, таких как страницы категорий или результаты поиска. Знание цены является ключевым в обеих ситуациях. Это позволяет пользователям различать продукты и переходить к наиболее подходящим для них.
По материалам сайта: www.nngroup.com.
✔️ Какие бывают виды поисковых систем?
Поисковые каталоги, рейтинговые системы, поисковые указатели.
✔️ Какой бывает веб-реклама на сайтах?
Контекстной, баннерной, вирусной и тизерной.
✔️ Что такое B2B и В2С?
Это виды маркетинговой стратегии.
Бизнес для бизнеса, это когда услуги фирмы рассчитаны на клиентов в виде других предприятий. Бизнес для клиентов, когда заказчиками являются конечные потребители.
✔️ Что такое слоган?
Это лаконичная фраза, несущая рекламное предложение компании.
✔️ Как оценить удобство использования сайта?
Методы оценки юзабилити.
Базовое тестирование удобства использования на существующем сайте.
Фокус-группы, опросы или интервью для определения целей пользователей.
Тестирование Card Sort для помощи в разработке IA.
Тестирование каркаса для оценки навигации.
✔️ Какие типичные проблемы с графическим интерфейсом вы ищете на веб-странице?
5 признаков, указывающих на проблемы с удобством использования веб-сайта.
Плохое первое впечатление. По очевидным причинам одним из наиболее важных аспектов удобства использования веб-сайта является то, как загружается ваш веб-сайт и как вы структурируете свою главную страницу.
Плохо структурированные ссылки.
Чрезмерный текст на веб-сайте.
Отсутствие последовательности.
Сложная навигация.
✔️ Что делает приложение плохим?
Плохое приложение не отвечает потребностям пользователя и не выполняет то, для чего предназначено. Все приложения создаются для целевой аудитории — определенной страны, возраста, пола или области интересов.
