Ошибки юзабилити сайта | SEO продвижение сайта в Санкт-Петербурге

Какие основные ошибки юзабилити и внутренней оптимизации сайта допускают начинающие интернет бизнесмены при создании своих WEB проектов.

Основные ошибки юзабилити сайта и внутренней оптимизации

Оглавление статьи

• 1 Основные ошибки юзабилити сайта и внутренней оптимизации
• 2 Требования к юзабилити сайта
• 3 Основные требования к пользовательскому интерфейсу:
• 4 Критерии оценки юзабилити сайта
• 5 Универсальные критерии оценки уровня юзабилити:
• 6 Качественное юзабилити обеспечит:
• 7 Распространенные ошибки юзабилити сайта
• 8 Ошибка юзабилити №1:
• 9 Ошибка юзабилити №2:
• 10 Ошибка юзабилити №3:
• 11 Ошибка юзабилити №4:
• 12 Ошибка юзабилити №5:
• 13 Ошибка юзабилити №6:
• 14 Ошибка юзабилити №7:
• 15 Как улучшить юзабилити сайта
• 16 Способы улучшения пользовательского интерфейса:
• 17 Вместо заключения
• 18 SEO продвижение сайта по России:

WEB дизайн сайта обеспечивает не только привлекательную визуальную составляющую, но и влияет на качество интерфейса. Любые ошибки юзабилити сайта, допущенные на стадии веб-разработки, скажутся на последующем SEO продвижении.

Чтобы избежать целого ряда возможных проблем, достаточно выполнить проверку юзабилити веб-ресурса. Этот термин используется для обозначения удобства использования сайтов, программ и приложений с пользовательским интерфейсом.

Требования к юзабилити сайта

Современная концепция веб-дизайна предполагает устранение компонентов, которые отрицательно влияют на удобство использования сайта. Если дизайн интернет магазина будет «кривой», вы потеряете минимум 70% своих клиентов, а то и все 100%.

Пользователь зайдёт на ваш ресурс и не поймёт, как им пользоваться, куда нажать, чтобы совершить покупку, узнать цену, найти адрес по которому товар можно приобрести итд. Естественно он сразу покинет такой сайт.

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

Юзабилити сайта – это комплексное понятие, объединяющее не только визуальный дизайн, но и достижения в области разработки хорошо структурированных сайтов.

Основные требования к пользовательскому интерфейсу:

1. Наличие интуитивно понятной навигации.
2. Облегчение доступа к запрашиваемой информации.
3. Удобство и функциональность.
4. Формирование привлекательного дизайна страниц.
5. Быстрая скорость загрузки веб-ресурса.
6. Отсутствие технических ошибок и сбоев.

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

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

Критерии оценки юзабилити сайта

Удобства использования веб-сайтов, приложений и программ – это субъективное понятие. Каждый уникальный пользователь имеет собственный перечень критериев, по которым он оценивает юзабилити сайта. Однако среди переменных существует несколько факторов, которые определяют доступность сайтов для целевой аудитории.

Универсальные критерии оценки уровня юзабилити:

• Скорость загрузки страницы менее 5 секунд.
• Наличие адаптивного дизайна или приложения.
• Понятный без подсказок интерфейс.
• Универсальный дизайн.
• Четкая структура разделов и страниц.
• Доступность сайта в любое время суток.

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

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

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

Качественное юзабилити обеспечит:

1. Повышение уровня доверия к сайту со стороны целевой аудитории и поисковых роботов.
2. Удовлетворение основных потребностей новых и постоянных клиентов.
3. Улучшение восприятия посетителем определенного призыва к действию или рекламного сообщения.
4. Желание повторно вернуться на сайт или добавить его URL-адрес в закладки.
5. Снижение количества отказов, когда посетители покидают сайт сразу же после перехода по ссылке.

Удобство использования, наряду с качеством контента для наполнения, является решающим фактором в процессе продвижения сайта в Яндекс.

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

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

Распространенные ошибки юзабилити сайта

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

Например, рано или поздно исходный дизайн устареет, а структура веб-страниц потеряет свою актуальность. Во избежание подобных проблем рекомендуется раз в 3-5 лет выполнять частичный или полный редизайн сайта.

Квалифицированные вебмастера выделяют семь ошибок, которые отрицательно сказываются на юзабилити сайта. Распространенные промахи разработчиков и оптимизаторов, появляющиеся на веб-сайте, можно довольно быстро устранить. Более того, изучив список возможных проблем, владелец сайта без посторонней помощи может выполнить on-page SEO.

Ошибка юзабилити №1:

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

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

Ошибка юзабилити №2:

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

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

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

Ошибка юзабилити №3:

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

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

Тем не менее содержащаяся в них информация должна быть доступна также в виде обычного текста на сайте.

Ошибка юзабилити №4:

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

Длительная загрузка страниц зачастую вызвана перегруженностью дизайна графическими компонентами. В стремлении улучшить визуальную составляющую разработчики порой допускают ошибки. Речь обычно идет о слабой оптимизация PHP-кода, баз данных или SQL-запросов.

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

Ошибка юзабилити №5:

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

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

Ошибка юзабилити №6:

Неудачное форматирование текста и проблемы с размещением контента. Блоки текста следует размещать с форматированием, но излишне увлекаться шрифтами не рекомендуется, так как это усложнит восприятие информации. Особое внимание придется уделить типографике и UI-элементам.

Ошибка юзабилити №7:

Всплывающие окна и навязчивая реклама. Навязчивые объявления и уведомления препятствуют просмотру сайтов. В идеале нужно избавиться от любых компонентов pop-up.

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

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

Как улучшить юзабилити сайта

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

Однако повышение качества юзабилити обычно предполагает активное использование различных нововведений и рекомендаций от поисковых систем.

Способы улучшения пользовательского интерфейса:

1. Использование адаптивной верстки с масштабированием изображений.
2. Добавление кнопки «Вверх» для автоматического скроллинга страниц.
3. Применение скрытых элементов меню, которые отображаются после наведения указателя.
4. Продуманная работа со цветом фона и выбранными шрифтами.
5. Размещение унифицированных в едином стиле UI-элементов (кнопки, иконки и шаблоны).
6. Внимательное заполнение пустого пространства на страницах.
7. Создание удобного для навигации по сайту облака тегов и тем.
8. Предоставление посетителю рекомендованных страниц с учетом ранее просмотренных материалов.
9. Освоение интерактивных элементов веб-дизайна.

Юзабилити касается всех аспектов взаимодействия пользователя с сайтом. Если обновление дизайна проводить в ближайшее время не планируется, пользовательский интерфейс обязан быть отзывчивым и крайне удобным в использовании.

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

Однако не стоит забывать о визуальной составляющей, адаптивности и интерактивности. Эти характеристики влияют на посещаемость и конверсию.

Таким образом, для создания качественного сайта с отличным юзабилити важна простота и надежность веб-дизайна. Улучшение пользовательского интерфейса предполагает также использование маркетинга, графического дизайна и выработанных экспертами рекомендаций по SEO оптимизации.

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

Вместо заключения

Хотите выйти в ТОП10 Яндекс и долго там оставаться? Продвигайте свои сайты и интернет-магазины исключительно белыми SEO методами! Не умеете? Могу научить! Тем, кто хочет разобраться во всех премудростях SEO, предлагаю посетить мои курсы по SEO обучению, которые я провожу индивидуально, в режиме онлайн по скайпу.

Записаться на SEO обучение

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

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

Заказать SEO продвижение сайта

SEO продвижение сайта по России:

50 ошибок, ухудшающих юзабилити сайта.

Проверьте юзабилити по чек-листу

Главная / Мастер-классы / Дизайн и юзабилити / 50 ошибок, ухудшающих юзабилити сайта

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

Общие ошибки в юзабилити сайта

Данные ошибки относятся к дизайну сайта в целом. Рекомендую начинать проверку юзабилити с данной группы проблем.

1. Отсутствие адаптивного дизайна или мобильной версии сайта. Учитывая рост мобильной аудитории многих сайтов, дизайн проекта должен адаптироваться к экранам мобильных устройств. Иначе посетителям будет неудобно просматривать сайт с планшетов и смартфонов.
2. В первом экране (область сайта, доступная на ПК без прокрутки) отсутствует меню и полезный контент. Это ошибка, особенно отсутствие меню. Если посетитель сразу не увидит навигацию, он может подумать, что ее нет совсем.
3. Сокрытие меню в «гамбургер» на обычной версии сайта для ПК. Прятать меню в «гамбургер» необходимо только на версиях сайта для мобильных устройств. При просмотре сайта на ПК меню должно выводиться полностью, иначе посетитель может не понять, где находится навигация.
4. В дизайне сайта отсутствуют специальные места для размещения информации об акциях и спецпредложениях. Это может вызвать трудности при необходимости анонсировать на сайте акции, поэтому необходимо заранее предусмотреть в шаблоне места для размещения баннеров.
5. Недостаточная контрастность фона и текста. Исследования показывают, что посетителям проще всего читать черный текст на белом фоне. Однако не всегда сайт имеет белый фон и черный шрифт. Проверьте, что читать текст на вашем сайте удобно и он не сливается с фоном, не режет глаза.
6. Мелкий шрифт. Частая проблема, которая ухудшает юзабилити сайта. Размер шрифта должен быть таким, чтобы посетитель мог легко воспринимать текст с экрана.
7. Использование шрифта с засечками. Такой шрифт сложнее читать с экрана. Предпочтительнее использовать шрифт без засечек.
8. Выравнивание текста по ширине. Оптимально использовать выравнивание по левому краю.
9. Реклама на сайте занимает более трети площади. Большая площадь рекламных мест может вызвать санкции со стороны поисковых систем.
10. На сайте имеются всплывающие окна. Использовать их нежелательно, поскольку такие окна сильно раздражают посетителей.
11. Наличие горизонтальной полосы прокрутки. Создает неудобство для посетителей.

12. В шаблоне дизайна используются неоптимизированные для web изображения. Это типичная ошибка, ухудшающая юзабилити сайта. Мне приходилось встречать в шаблонах картинки, вес который был более 1 Мб. Они замедляли загрузку сайта, особенно на мобильных устройствах с медленным Интернетом.

Ошибки в шапке сайта

1. В шапке сайта отсутствует логотип и/или название компании и сфера ее деятельности. Посетитель не понимает, на какой сайт он попал и какую информацию может найти на нем. Несмотря на очевидный характер, ошибка часто встречается на сайтах, в том числе – коммерческих.
2. Шапка занимает более 50% площади экрана, в результате полезный контент смещается вниз и для его просмотра необходимо прокручивать экран.
3. На логотипе нет ссылки на главную страницу сайта. Пользователи привыкли нажимать на логотип в шапке, чтобы перейти к главной странице.
4. В шапке корпоративного сайта отсутствуют номера телефонов. Посетителям приходится прилагать усилия для поиска контактной информации.
5. Номера телефонов в шапке сайта прописаны картинкой, а не текстом. Посетитель не может скопировать номер телефона.
6. У номеров телефонов не указан код страны и города, из-за чего иногородние посетители не могут связаться с компанией без знания кода города.
7. Номера телефонов скрываются в версии дизайна, адаптированной для мобильных устройств. Также мне встречалась проблема, когда в определенном браузере или при открытии сайта на определенном устройстве номер телефона в шапке «исчезал» и клиенты не могли позвонить в компанию.

8. Элементы шапки или меню сделаны на Flash, из-за чего они не выводятся на мобильных устройствах.

Ошибки в навигации сайта, ухудшающие юзабилити

1. Отсутствуют «хлебные крошки». Этот элемент позволяет пользователю перейти на один или несколько уровней выше, а также видеть, в каком разделе и подразделе сайта он находится. Также «хлебные крошки» улучшают внутреннюю оптимизацию сайта.
2. Цвет ссылок на сайте не отличается от цвета основного шрифта, из-за чего ссылки мало заметны посетителям.
3. Цвет ссылок не синий. Пользователи привыкли, что текст ссылок – синий. Иной цвет может ухудшить юзабилити сайта.
4. Ссылки в меню прописаны картинкой, а не текстом. Не столько ошибка в юзабилити, сколько во внутренней оптимизации сайта. Рекомендуется все ссылки в меню делать текстовыми.
5. В меню не выделяется раздел, в котором находится посетитель. Таким образом, посетитель не видит, в каком разделе он находится.
6. Боковое меню размещено в правой колонке. Сомнительное решение с точки зрения юзабилити, поскольку пользователи привыкли видеть боковое меню справа.
7. Меню не дублируется в «подвале» сайта. Системы аналитики показывают, что пользователи активно взаимодействуют с навигацией в «подвале» сайта. Поэтому имеет смысл дублировать ссылки на важные разделы сайта в «подвале», а не только размещать там ссылки на юридические документы.
8. В меню сайта отсутствуют ссылки на важные разделы. Например, на сайте компании в меню обязательно должны быть ссылки на разделы «О компании», «Контакты», ссылки на услуги или каталог товаров.

9. Ссылки не реагируют на наведение курсора мыши. Желательно, чтобы ссылки изменяли оформление при наведении курсора. Например, у ссылок менялся цвет.

Ошибки юзабилити в оформлении текстов на сайте

1. Заголовки и подзаголовки имеют такой же размер, как основной текст. Они не выделяются и не привлекают к себе внимание.
2. В текстах не используются подзаголовки. Рекомендуется добавлять один подзаголовок на каждые 2000 знаков текста с пробелами.
3. В текстах не используются таблицы, нумерованные и ненумерованные списки. Тексты набраны «сплошной стеной» – их неудобно читать.
4. Отсутствие фотографий и других иллюстративных материалов. Фотографии делают текст привлекательнее и способствуют удержанию внимания посетителей.
5. Фотографии не подписаны. Проверьте, что каждая фотография имеет описание в атрибутах ALT или TITLE.
6. Кнопки социальных сетей находятся далеко от контента, из-за чего посетители реже делятся контентом в социальных сетях.

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

Ошибки, ухудшающие юзабилити интернет-магазинов

1. Отсутствует возможность сортировки товаров в каталоге, нет форм подбора товара по параметрам.
2. Отсутствуют фотографии к некоторым или всем товарам в каталоге. Ошибкой является размещение фотографий только запакованных товаров без размещения содержимого коробки. Например, фотография упаковки с игрой мало что даст потенциальному покупателю. Необходимо также добавить фотографию, показывающую саму игру.
3. При заказе товара, имеющего разные варианты расцветок или размеры, нет возможности выбрать конкретную расцветку или размер. Досадная ошибка в юзабилити, способная серьезно снизить уровень продаж.
4. На карточках товаров отсутствуют блоки с сопутствующими товарами.
5. Недостаточно подробные описания товаров. Например, в описании детских товаров нужно указывать возраст детей, для который данный товар подойдет.
6. Отсутствуют оценки товаров, рейтинги, отзывы. Это важная информация, которая может помочь потенциальному покупателю принять решение о заказе.

7. Излишне сложная регистрация и процесс оформления заказа на сайте. Каждый лишний шаг может серьезно снизить конверсию.

Ошибки на странице «Контакты»

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

1. Отсутствует адрес электронной почты.
2. Отсутствует график работы компании. Отсутствует информация об обеде или работе в выходные дни.
3. Отсутствуют реквизиты компании. Особенно эта проблема актуальна для интернет-магазинов.
4. При наличии нескольких номеров телефонов не указано, какой номер и к какому отделу компании относится.
5. Указан адрес только одного офиса компании при наличии нескольких офисов, торговых точек, пунктов выдачи и т.д.
6. Отсутствует схема проезда.

7. Отсутствует информация, как лучше проехать в компанию на автомобиле, общественном транспорте.

Как проверить и оценить юзабилити сайта?

Ниже размещен алгоритм, следуя которому, вы сможете улучшить юзабилити вашего сайта:

Чтобы оценить эффективность внесенных изменений, полезно измерить основные показатели сайта до и после доработок. При этом минимальный период, который необходимо брать для оценки – месяц до и месяц после доработок.

Сравнивать имеет смысл такие показатели, как:

Резюме

Мы разобрались, как проверить и улучшить юзабилити сайта. Разобрали 50 типичных ошибок юзабилити и внутренней оптимизации. В завершении статьи хочу дать ссылки на дополнительные материалы. Они помогут вам глубже разобраться в проблеме.

Полезные статьи по теме:

• Улучшаем юзабилити сайта: 64 совета, как сделать сайт удобнее
• Оптимизация текстов на сайте: как правильно сделать?

• Как правильно разработать и оптимизировать структуру сайта?

Автор: Сергей Антропов (KadrofID: 5)
Добавлено: 12.08.2017 в 00:51

В избранное

Темы мастер-классовРазвернуть

• Копирайтинг и рерайтинг
• Продвижение сайтов
• Дизайн и юзабилити
• Контекстная реклама
• Веб-аналитика
• Социальные сети и SMM
• Прочие мастер-классы

Консультации

В графе профессий нет профессии «ретушер»

Как разместить объявление

Ищу удалённую работу.

Как написать резюме

Юзабилити 101: Введение в юзабилити

Эту статью можно дать вашему начальнику или любому другому, у кого мало времени, но необходимо знать основные факты юзабилити.

Что — определение юзабилити

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

Удобство использования определяется 5 компонентами качества :

• Обучаемость : Насколько легко пользователям выполнять основные задачи при первом знакомстве с дизайном?
• Эффективность : Как быстро пользователи изучат дизайн, как быстро они смогут выполнять задачи?
• Запоминаемость : Когда пользователи возвращаются к дизайну после периода его неиспользования, насколько легко они могут восстановить свои навыки?
• Ошибки : Сколько ошибок совершают пользователи, насколько серьезны эти ошибки и насколько легко они могут исправить ошибки?
• Удовлетворение : Насколько приятно пользоваться дизайном?

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

Удобство использования и полезность одинаково важны и вместе определяют полезность чего-либо: не имеет большого значения, что что-то легко, если это не то, что вам нужно. Также нехорошо, если система гипотетически может делать то, что вы хотите, но вы не можете заставить это произойти, потому что пользовательский интерфейс слишком сложен. Чтобы изучить полезность дизайна, вы можете использовать те же методы исследования пользователей, которые улучшают удобство использования.

• Определение Utility = предоставляет ли он необходимые вам функции .
• Определение Удобство использования = насколько легко и приятно использовать эти функции.
• Определение Полезность = удобство использования + полезность .

Почему важно удобство использования

В Интернете удобство использования является необходимым условием выживания. Если веб-сайтом сложно пользоваться, люди уходят с . Если на главной странице не указано, что предлагает компания и что пользователи могут делать на сайте, люди оставить . Если пользователи теряются на веб-сайте, они уходят с . Если информация на веб-сайте плохо читается или не отвечает на ключевые вопросы пользователей, они покидают . Обратите внимание на закономерность здесь? Нет такой вещи, как пользователь, читающий руководство к веб-сайту или иным образом тратящий много времени на то, чтобы разобраться с интерфейсом. Есть много других доступных веб-сайтов; уход — это первая линия защиты, когда пользователи сталкиваются с трудностями.

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

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

Текущие передовые методы требуют расходования около 10% бюджета проектного проекта на удобство использования. В среднем это более чем удвоит желаемые показатели качества веб-сайта (получив показатель улучшения 2,6) и чуть менее чем удвоит показатели качества интрасети. Для программных и физических продуктов улучшения, как правило, меньше, но все же существенны, если вы делаете упор на удобство использования в процессе проектирования.

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

Как улучшить удобство использования

Существует множество методов изучения юзабилити, но самый простой и полезный — 9.0007 пользовательское тестирование , состоящее из 3 компонентов:

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

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

Чтобы определить наиболее важные проблемы удобства использования дизайна, обычно достаточно протестировать 5 пользователей. Вместо того, чтобы проводить большое и дорогостоящее исследование, лучше использовать ресурсы для запуска множества небольших тестов и пересмотра дизайна между каждым из них, чтобы вы могли исправить недостатки удобства использования по мере их выявления. Итеративный дизайн — лучший способ повысить качество взаимодействия с пользователем. Чем больше версий и идей интерфейса вы протестируете с пользователями, тем лучше.

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

Когда работать над удобством использования

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

1. Прежде чем приступить к работе над новым дизайном, протестируйте старый дизайн , чтобы определить хорошие части, которые вы должны сохранить или подчеркнуть, и плохие части, которые доставляют неудобства пользователям.
2. Если вы не работаете с интрасетью, протестируйте разработки ваших конкурентов , чтобы получить дешевые данные о ряде альтернативных интерфейсов, которые имеют функции, аналогичные вашему собственному. (Если вы работаете с интрасетью, прочтите ежегодник по дизайну интрасети, чтобы узнать о других проектах.)
3. Провести 9Полевое исследование 0007 , чтобы увидеть, как пользователи ведут себя в своей естественной среде обитания.
4. Сделайте бумажных прототипов одной или нескольких новых дизайнерских идей и протестируйте их. Чем меньше времени вы потратите на эти дизайнерские идеи, тем лучше, потому что вам нужно будет изменить их все на основе результатов тестирования.
5. Усовершенствуйте проектные идеи, которые лучше всего тестируются с помощью многократных итераций , постепенно переходя от низкоточных прототипов к высокоточным представлениям, которые запускаются на компьютере. Тестируйте каждую итерацию.
6. Проверьте дизайн в соответствии с установленными рекомендациями по удобству использования , будь то ваши собственные предыдущие исследования или опубликованные исследования.
7. После того, как вы определитесь с окончательным проектом и реализуете его , протестируйте его еще раз. Тонкие проблемы с юзабилити всегда возникают во время реализации.

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

Единственный способ добиться высокого качества взаимодействия с пользователем — начать пользовательское тестирование на ранней стадии процесса проектирования и продолжать тестирование на каждом этапе.

Где тестировать

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

SEO и удобство использования

На первый взгляд поисковая оптимизация (SEO) и удобство использования кажутся совершенно разными темами:

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

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

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

SEO важнее, чем вы думаете

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

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

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

Поиск выходит далеко за рамки простого «высокого места в Google» (или любой другой ведущей поисковой системы в будущем):

• Интранет . Тот факт, что сотрудники используют внутреннее информационное пространство компании, не означает, что они меняют свое основное поведение при поиске информации. Действительно, наше исследование пользователей интранета показывает огромную важность поиска в интранете. К сожалению, исследование также показывает, что поиск в интрасети, как правило, значительно хуже, чем поиск в Интернете, хотя поиск в меньшем пространстве должен быть проще.
• Поиск продуктов электронной коммерции . Первый закон электронной коммерции? Если клиент не может найти продукт, то покупатель не может купить продукт. Существует множество специальных руководств по удобству использования для поиска продуктов, которые должны быть намного более сложными, чем те, что предлагаются в настоящее время.
• Поиск на месте для основных веб-сайтов. Как только пользователи попадают на ваш сайт, они часто обращаются к его поисковой системе для быстрого перехода. Опять же, однако, поиск по сайту часто ужасно плох, и мы часто слышим, как тестовые пользователи произносят ужасные слова: «Я откажусь от этого поиска и вместо этого пойду в Google.»

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

Долгосрочное SEO = Хорошо обслуживаемые пользователи

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

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

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

Краткосрочное SEO в основном подразумевает хороший дизайн

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

• Предлагайте стабильные URL-адреса , чтобы другие сайты могли напрямую ссылаться на каждую ключевую часть контента. (Несмотря на то, что прошло 14 лет с тех пор, как я впервые предостерег от гниения ссылок, это все еще распространено и определенно убивает шансы сайта в поисковой игре. ) Постоянные ссылки должны быть постоянными.
• Говорите на языке пользователя в заголовках страниц, заголовках и основном тексте. Поскольку поиск в основном основан на сопоставлении ключевых слов, важно использовать тот же словарь, который люди используют в своих запросах. Опять же, здесь нет ничего нового: быть прямолинейно и избегайте «симпатичных» заголовков или выдуманных слов давно были основными рекомендациями при написании текстов для Интернета.
• Доступность . Раньше я называл робота Googlebot «самым богатым слепым пользователем в мире», потому что он мог понимать только текст и не мог видеть изображения. По мере того, как поисковые системы используют больше методов искусственного интеллекта и распознавания образов, они получают элементарное понимание графической информации, но простой текст по-прежнему остается самым безопасным способом индексации.
• Предложить четкую информационную архитектуру (IA) . У IA должна быть назначенная главная страница для каждого интересующего элемента и четкая система навигации, которая указывает на эти страницы, чтобы поисковые системы могли определить их центральный статус.
• Привлекайте входящие ссылки и общение в социальных сетях , представляя привлекательный контент и частые обновления.

Следование этим рекомендациям по двойному удобству использования и поисковой оптимизации повысит ваш рейтинг в поисковой выдаче. Но что более важно, это также увеличит ваши клики (и, следовательно, ваш бизнес). Пользователи часто нажимают на результаты поиска №1, но не всегда делают это. Почему нет? Обычно потому, что заголовок или описание первой страницы не соответствует рекомендациям по удобству использования и вместо этого выглядит мило, обобщенно или вводит в заблуждение. Люди не переходят по ссылкам с плохим информационным чутьем.

Конфликты между SEO и юзабилити

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

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

В качестве другого примера, толстых нижних колонтитулов могут значительно повысить удобство использования для людей, которые доходят до конца страницы, не найдя того, что им нужно. Толстые нижние колонтитулы также укрепляют структурную поисковую оптимизацию, направляя ссылочный вес на лучшие страницы сайта по каждой ключевой теме. Все во благо; на самом деле, толстые колонтитулы стали настолько распространенными, что мы перенесли их обсуждение из нашего курса «Новые шаблоны для веб-дизайна» на наш семинар, посвященный проверенным передовым методам дизайна веб-страниц.