Что такое юзабилити сайта
Юзабилити
Юзабилити (от английского usability) – это удобство пользования сайтом, мобильным приложением, компьютерной программой. Юзабилити сайта является одним из решающих факторов при продвижении ресурса. Яндекс, Google и другие поисковые системы могут определять, насколько сайт удобен для пользователя. Для этого предусмотрены как автоматические алгоритмы, так и отдельные сервисы, помогающие веб-мастеру достичь желаемого результата.
Анализ юзабилити
Анализ статистики. Провести анализ юзабилити можно с помощью разных инструментов, каждый из которых решает определенные задачи. Основной сервис, рекомендуемый к пользованию, – Яндекс.Метрика. Она позволяет вести учет ваших посетителей, платформы, с которых они заходят на сайт, а также поведение на ресурсе.
Карта кликов поможет определить все области на страницах, куда кликают пользователи мышкой. Так можно выяснить, понятна ли логическая структура вашего сайта человеку или нет.
Карта ссылок показывает все переходы внутри сайта. При ее использовании можно определить, какие пункты меню наиболее популярные, а какие наоборот. Вы узнаете, стоит ли их заменить, переформулировать, добавить категории или отдельные заметки, виджеты.
Вебвизор – это отдельная технология Яндекса, которая записывает действия пользователя на вашем сайте. С его помощью можно просмотреть полностью весь цикл посещения. Так вы определите все переходы, клики, прокрутку страницы, заполняемые формы, возможные нажатия горячих клавиш.
Тестирование сайта. Для тестов юзабилити часто используется сервис Google Page Insights, с помощью которого можно определить скорость загрузки страниц. Также, если у вас большое количество посетителей на сайте, можно сделать A/B-тестирование, пробуя различные варианты и анализируя изменения с помощью Яндекс.Метрики.
Проведение экспертизы. Для проведения экспертиз некоторые владельцы крупных сайтов обращаются в компании, предоставляющие подобные услуги. Эксперты помогут выявить проблемы и предложат свои идеи улучшения юзабилити.
Анализ конкурентов. Для создания понятной и удобной структуры необходимо проанализировать сайты конкурентов из топа выдачи поисковых систем. Если они занимают лидирующие позиции в Яндексе, Google, то признаны удобными и полезными для пользователей. Проведите полный анализ юзабилити сайта, выявите сильные и слабые стороны и учтите все факторы при доработке.
Как улучшить юзабилити
Есть определенный базис по структуре сайтов, соблюдение которого обязательно. Если вы будете придерживаться правил, описанных ниже, то на конечной стадии тестирования юзабилити придется вносить минимум правок.
Навигация и структура сайта
Проработанное меню
Для удобства использования на сайте должно быть продуманное меню. Если есть информация, которая важна для пользователей, вынесите ее в отдельных страницах и проставьте ссылки в нижней части сайта, сбоку.
Грамотная перелинковка
Наличие перелинковки поможет не только повысить позиции по определенным запросам, но и улучшить поведенческие факторы. Важно корректно проставлять ссылки на страницы, которые интересны пользователю, чтобы направлять их от одной к другой.
«Хлебные крошки»
Важный элемент навигации, дублирует пути меню и улучшает юзабилити. Помогает пользователю понять, на какой странице он сейчас находится и в каком именно разделе каталога. Обычно «хлебные крошки» принято отображать в виде горизонтальной полосы в верхней части сайта, органично встроив в общий стиль.
Карта сайта
Не менее важный параметр для пользователя. Карта покажет список всех разделов, доступных на ресурсе.
Возможность быстро найти информацию
Для удобства использования важно, чтобы вся самая важная информация была отображена на главной странице и видимых участках сайта (footer, боковые колонки).
Наличие функциональных элементов
Не всегда пользователь может понять, куда именно ему нажать, чтобы получить доступ к определенной информации или вкладке. А если у вас большой каталог товаров, то для улучшения юзабилити должен присутствовать встроенный фильтр поиска с различными условиями, например поиск по марке, размеру, стоимости, дате размещения, акциям и т. д. Также добавляйте виджеты онлайн-консультантов, чтобы пользователь мог задать интересующий его вопрос и оперативно получить ответ. Не менее важно продумать график работы помощников так, чтобы кто-то всегда был в сети. Из-за разницы часовых поясов ваш ресурс могут посещать и в ночное время.
Оформление сайта
Web-дизайн вашего интернет-магазина или любого другого ресурса не должен пестрить яркими цветами, баннерами и выводить десяток всплывающих окон. Это отпугивает пользователя, поэтому для улучшения юзабилити сайта необходимо ставить себя на место посетителя.
Шрифты и заголовки
- Не используйте слишком мелкий или большой шрифт.
- Посмотрите в Интернете, какие шрифты более востребованы и приятны для основной массы пользователей.
- Откажитесь от неконтрастных шрифтов (светлый текст на светлом фоне или темный текст на темном фоне).
Цветовая гамма
Подбор цветов – творческий процесс, но есть определенные цветовые гаммы, которые ни в коем случае не рекомендуется использовать в связке.
- Розовый и красный чаще всего используются на сайтах с материалами эротического характера.
- Желтый и оранжевый и другие очень яркие цвета сильно напрягают глаза читателя.
- Черный фон и желтый, красный шрифты снизят интерес к вашему сайту.
- Белый фон и голубой, салатовый, оранжевый и другие цвета шрифтов затруднят чтение текста.
Качественный контент
Контент на страницах сайта – важная и неотъемлемая часть любого ресурса вне зависимости от тематики. Ему должно уделяться максимальное внимание как в плане уникальности, так и актуальности, подачи материала.
Содержание и грамотность
- Для удобства пользования сайтом старайтесь писать текст понятным и доступным языком, исключите ошибки (орфографические, пунктуационные). Если вы не хотите вычитывать его самостоятельно, можете воспользоваться услугами корректоров на различных сервисах.
- Упрощайте сложные конструкции, разделяйте длинные предложения на несколько более коротких.
- Проверяйте актуальность изложенной информации, ссылайтесь на компетентные источники.
Структура и форматирование
- Разделяйте текст заголовками и подзаголовками.
- Используйте маркированные списки.
- Разбавляйте текст картинками, видеоматериалами.
- Добавляйте цитаты, выделяйте важные пункты жирным шрифтом.
- Если текст большой, разделите его на несколько отдельных статей, перелинковав материалы между собой.
- Используйте форматирование по ширине, чтобы текст не был «обрывистым».
Высокая скорость загрузки страниц
Для удобства использования сайта оптимизируйте содержимое страниц и снизьте загрузку до минимума, сжав картинки, иконки в меню, элементы дизайна, убрав лишние Java-скрипты. Для проверки скорости загрузки страниц можно использовать сервис Google Page Insights.
Отсутствие ошибок 404
Проверяйте корректность загрузки страниц и их индексацию, изменения в Яндекс.Вебмастере. Страниц с ошибкой 404 быть не должно, но иногда этого не избежать. В этом случае оптимизируйте страницу 404, которая сигнализирует о том, что она не найдена.
- Добавьте строку поиска, чтобы пользователь с этой же страницы мог найти интересующую его информацию.
- Добавьте переход на главную страницу.
- По возможности поставьте ссылку на карту сайта.
Поддержка работы с разными браузерами и мобильными устройствами
Сайт должен быть максимально удобным для просмотра во всех браузерах, в т. ч. с мобильных устройств. Очень часто один и тот же ресурс может выглядеть по-разному в Google Chrome, Safari или Opera и пр. При разработке и тестировании дизайна проверяйте внешний вид страниц и их структуру во всех браузерах и адаптируйте под мобильные платформы.
Для мобильных платформ разработано большое количество браузеров, но ориентироваться лучше на основные из них, предустановленные с операционной системой.
Что такое юзабилити сайта?
Сегодня мы поговорим о юзабилити сайта. Вы узнаете что это такое, познакомитесь с основами юзабилити, узнаете зачем это нужно. В общем небольшой вводный курс…
На современном этапе важным условием эффективности веб-сайта, особенно коммерческого, является обеспечения его юзабилити. Этот термин пришёл к нам из повсеместного английского («usability») и означает удобство в использовании, эргономичность.
Юзабилити сайта – это организация структуры данных, позволяющая посетителю без особых усилий находить нужную информацию, не утруждая себя излишним поиском на сайте. Аналитические исследования показали, что в среднем посетитель проводит на сайте около двадцати семи секунд, причём довольно редко прокручивает страницу до конца. Поэтому, если на сайт не соответствует современным понятиям в области организации вывода данных, удобного для пользователя, все усилия по его продвижению могут пойти прахом, ибо посетитель не найдя нужной информации на сайте и не утруждая себя поиском, просто пойдёт на более дружественный для пользователей ресурс.
Для того, чтобы обеспечить наиболее эффективное юзабилити сайта, необходимо знать особенности подачи информации в Глобальной сети. Материал на сайте, в отличии от книги, бегло просматривается пользователями из того, что прежде всего броситься в глаза. В этой связи, важным принципом организации данных в интернете стала максимальная простота и удобство интерфейса. Для этого необходимо знать ряд технических приёмов, которые позволят реализовать основные принципы юзабилити на вашем сайте.
Так, что касается навигации на сайте, целесообразно реализовывать такие моменты как общая (сквозная) навигация на весь сайт, размещения логотипа сайта на верхний левый угол, причём логотип должен быть кликабельным и по ссылке вести на главную страницу сайта, наличие контактных данных в шапке и подвале сайта, использование «хлебных крошек», выделение в меню текущего раздела, чёткое выделение ссылок.
Что касается главной страницы, то при её оформлении необходимо обратить внимание на следующие моменты. Прежде всего, на ней должна быть полная исчерпывающая, но вместе с тем лаконичная информация о сайте, организован вывод наиболее интересных новостей и привлекательных коммерческих предложений, постов из корпоративного блога, если он имеется. Обязательно на главной странице должны присутствовать подписка на рассылку новостей.
Огромное значение для организации удобств для посетителей на сайте имеет его текстовое оформление. Специфика подачи информации в сети такова, что спросом пользуются лаконичные, вместе с тем ёмкие тексты. Для оформления текстовых материалов необходимо использовать так называемые шрифты без засечек (Arial, Arial Black, Verdana, Tahoma), так как они удобнее читаются с экранов мониторов. Следует избегать резких контрастных тонов между фоном и текстом. Наиболее оптимальным является белый фон и тёмный шрифт текста.
Важным элементом обеспечения юзабилити сайта является система организации его поиска. Наиболее оптимальным является наличие формы поиска на всех без исключения страницах сайта. Поиск должен осуществляться только по самому сайту, ибо для других ресурсов имеются поисковые системы. Выдачу результатов поиска необходимо сделать идентичной выдаче в поисковых системах, причём учитывать обязательно возможные ошибки и опечатки при вводе нужного запроса в поиск («Может быть , Вы имели в виду [верное написание запроса]?»).
С тем что такое юзабилити, разобрались. Это, конечно только основы. Юзабилити — целая наука, и если у вас нет времени на глубокое изучение этого вопроса, обратитесь к специалистам. Они проведут аудит юзабилити, все протестируют и предоставят отчет с советами вам.
Следует отметить, что реализация юзабилити является неотъемлемым элементом каждого вебсайта, и его реализацию необходимо продумывать уже на этапе проектирования ресурса. В ином случае, вы можете дать своим потенциальным конкурентам мощное преимущество, которое рано или поздно вынудить вас переделывать дизайн сайта.
Что такое юзабилити или 7 основных правил юзабилити сайта
Продуктовый дизайнер (UX/UI) и аналитик. Преподаватель курса «Проектирование интерфейсов» в Институте программных систем.
Сен 18, 2018 · 4 мин читать
Вы читаете перевод фундаментальных исследований Nielsen Norman Group, которые они описали в статье “Top 10 Mistakes in Web Design”. Над переводом работали: Ольга Жолудова и Ринат Шайхутдинов.
Что такое юзабилити?
Юзабилити – это качественный показатель простоты и удобства использования сайта. Юзабилити оценивается по 5 качественным критериям:
- Легкость в изучении: насколько просто новым посетителям веб-сайта совершать элементарные действия, т.е. не мешает ли им навигация, различные всплывающие окна, реклама или видео;
- Эффективность: насколько быстро пользователь может ориентироваться на сайте и совершать необходимые ему действия;
- Запоминаемость: насколько легко пользователь может сориентироваться на сайте после того, как он вернется спустя месяц;
- Ошибки: как много ошибок совершают пользователи и как легко они разбираются в чем дело;
- Удовлетворенность: уровень удовольствия от пользования сайтом. На него влияет множество аспектов, среди них: история, навигация, подача и другие.
Есть и другие качественные критерии, но мы считаем ключевым – полезность. А еще, юзабилити и полезность лежат в основе практичности. Давайте разберем их подробнее:
- Полезность — дает ли сайт то, что ищет пользователь;
- Юзабилити — насколько легок и удобен сайт в использовании;
- Практичность сайта = юзабилити + полезность.
Почему юзабилити так важно?
Если сайт сложно использовать – посетитель его закроет. Если главная страница не отвечает на вопросы “что именно тут предлагают?” и “это похоже на то, что я искал?”, то пользователь тоже закроет сайт.
Посетитель ни за что не будет пытаться разобраться в интерфейсе. У него в соседних вкладках уже открыто много сайтов такой же тематики.
Просто запомните одно простое правило — первое правило электронной коммерции: если пользователь не может найти товар – он не сможет его купить.
Как повысить юзабилити сайта?
Существует множество способов улучшения юзабилити сайта, самым результативным считается юзабилити тестирование сайта, которое состоит из 3 компонентов:
- Собрать группу представителей потенциальной аудитории сайта; у них действительно должна быть потребность разобраться с каким-либо вопросом;
- Дать группе задание. Задачи должны находиться на пересечении интересов пользователей и бизнес-целей. К примеру задача может звучать так: вашему сыну нужен велосипед, зайдите на сайт и купите подходящий;
- Наблюдать за действиями тестируемых, что у них получилось/не получилось сделать, с какими трудностями они столкнулись, что оказало влияние на их поведение (вебвизор, карта кликов, карта скроллинга в этом вам помогут).
Это очень важный момент, на который стоит обращать внимание – проводить тестирование нужно на каждом испытуемом по-отдельности и наблюдать за его действиями и решениями проблем. Но! Наблюдающий должен быть невидим и ни в коем случае нельзя давать подсказки.
Чтобы найти самые грубые ошибки на сайте достаточно всего 5 человек. Поэтому, вместо того, чтобы проводить один дорогостоящий тест, организуйте несколько простых последовательных тестов. Опираясь на результаты которых, вносите правки в контент сайта, и, по мере возникновения новых сложностей у пользователей – постоянно улучшать свой сайт. Метод повторного тестирования – самый выгодный и ресурсов экономный способ улучшить юзабилити сайта. Чем больше версий сайта вы протестируете – тем лучше.
Когда начинать работать над юзабилити сайта?
Юзабилити – критерий, который стоит учитывать на всех стадиях разработки сайта. И именно вследствие этого стоит проводить тестирования быстро и просто. Вот несколько обязательных условий для достижения верных показателей оценки юзабилити разных этапов создания сайта:
- Протестируйте старый сайт прежде чем тестировать новый вариант сайта, т.к. это поможет выявить сильные и слабые стороны предыдущей версии и не упустить их из виду при разработке новой версии.
- Проведите оценку сайтов конкурентов – это хороший (а главное – бесплатный!) способ получить конкурентоспособные данные, которые помогут тебе сделать сайт лучше и лучше чем у конкурентов.
- Проведите полевое исследование, чтобы понять, как испытуемые ведут себя в их привычных условиях.
- Создайте напечатанные версии интерфейсов сайта и протестируй их. Помните: потратить время на корректировку бумажных прототипов в разы экономнее, чем тестировать и вносить правки в живую систему.
- Отметьте успешные правки. Правки после внесения которых показатель юзабилити сайта становится лучше. По мере устранения ошибок и усовершенствования интерфейса, проводите тест уже не на бумаге, а на компьютере. И тестируй сайт после каждого нового исправления.
- Проверь окончательный вариант сайта на соответствие с общепринятыми нормами юзабилити сайта и со своими предыдущими результатами тестирования.
- Проведите тестирование еще раз напоследок, после того, как все правки были внесены, сайт уже начал свою «новую» жизнь. Потому что самые коварные нюансы могут появиться как раз после того, как вы выложите сайт на живой.
Не откладывайте юзабилити тестирование на самый последний момент, чем позднее вы начнете это делать, тем больше ресурсов потребуется на исправление.
Где проводить юзабилити-тестирование?
Если вы запускаете тестирование хотя бы раз в неделю, лучше будет создать или арендовать специальную юзабилити-лабораторию. Но большинство компаний обходятся обыкновенным офисом или попросту переговорной комнатой.
Главное – изолировать помещение от внешних факторов. Основными условиями проведения юзабилити тестирования являются наличие правильно подобранных испытуемых, сформулированных заданий и присутствие наблюдателя, который будет модерировать процесс тестирования.
Если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.
Источники:
https://wiki.rookee.ru/usability/
https://blogwork.ru/chto-takoe-yuzabiliti-sajta/
https://ux-journal.ru/chto-takoe-yuzabiliti-ili-7-osnovnyh-pravil-yuzabiliti-sajta.html
