B2B-портал: пошаговый алгоритм UX-аудита

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

Но как понять, чего не хватает на B2B-портале, и что требует оптимизации?

С помощью UX-аудита.

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

Как пошагово реализовать UX-аудит B2B-портала?

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

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

Шаг 1. Оценка пользовательского интерфейса

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

Для подобного всестороннего изучения понадобятся:

• идентификация пользовательских ролей: разбейте пользователей на группы в соответствии с их ролями и задачами на портале. Например, менеджеры, маркетологи, администраторы и т.д.;
• анализ функциональности: исследуйте, какие функции и возможности доступны каждой пользовательской роли. Убедитесь, что у всех есть доступ к необходимой информации и инструментам;

Пример подобного анализа для одного из наших Клиентов. Изображение из архива автора

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

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

Делимся полезным материалом, в котором рассказали об основных UX- и CX- трендах.

Шаг 2. Анализ дизайна и влияющих на восприятие элементов сайта

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

При их оценке дизайна советуем учитывать следующие аспекты:

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

При анализе навигации обращайте внимание на:

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

Изображение из архива автора

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

В рамках изучения цветовой палитры оценивайте:

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

В контексте шрифтов важны:

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

Также стоит проанализировать:

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

Изображение из архива автора

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

Именно поэтому важно проводить регулярные аудиты и оптимизировать перечисленные «мелочи».

Напомним, что все активности ради улучшения пользовательского опыта.

Шаг 3. Изучение поведения пользователей

На этом этапе советуем использовать аналитику и с помощью полученных данных изучать поведение пользователей на портале.

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

Рекомендуем изучить исследование, которое может привести к полезным инсайтам:

B2B-покупатели хотят, чтобы процесс покупки был более вовлекающим и интересным

Шаг 4. Тестирование ключевых процессов

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

Кстати, 84% B2B-покупателей отмечают, что для них важна простота и точность при оформлении заказа онлайн, но в основном поставщики не оправдывают этих ожиданий. Больше полезной информации об ожиданиях B2B-пользователей — в отчете Sana Commerce.

Важно: 87% опрошенных в ходе исследования B2B- заявляют, что неудачный опыт покупки точно повлияет на их отношения с поставщиками. Вплоть до полного прекращения сотрудничества. Так что советуем внимательно изучить указанный отчет.

Рассмотрим тестирование основных процессов по схеме «протестировать-оценить-проверить».

1. Оформление заказа. В данном случае:

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

Как, например, мы сделали в данном случае:

Изображение из архива автора

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

2. Поиск продукции. Тут:

• протестируйте функционал поиска продукции на портале;
• оцените релевантность и точность результатов поиска;
• проверьте возможность фильтрации результатов поиска и удобство навигации по найденным товарам.

3. Получение счетов:

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

4. Иные ключевые процессы:

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

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

Шаг 5. Проверка скорости работы портала

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

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

1. использовать специализированные онлайн-инструменты: Google PageSpeed Insights, GTmetrix, Pingdom Tools, чтобы оценить скорость загрузки различных страниц портала, узнать о возможных проблемах, замедляющих процесс, и оптимизировать ресурсы;
2. провести тестирование загрузки на различных устройствах (компьютеры, планшеты, мобильные устройства) и разных типах Интернет-соединения (Wi-Fi, мобильная связь), чтобы убедиться, что во всех случаях загрузка происходит быстро и без задержек;
3. оптимизировать изображения и контент: уменьшите размер иллюстраций и CSS- и JavaScript-файлов, снизьте количество запросов к серверу;
4. включить кеширование для уменьшения времени загрузки повторно посещаемых страниц и используйте методы компрессии с целью снижения объема передаваемых данных и ускорения загрузки страниц;
5. проанализировать данные и метрики. Так, оцените метрики производительности портала (время загрузки страниц, первой отрисовки, взаимодействия и др.), изучите полученную информацию и оптимизируйте портал с учетом результатов.

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

Шаг 6. Оптимизация под мобильные устройства

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

Этот аспект влияет как на пользовательский опыт, так и на их лояльность.

Чтобы проверить, оптимизирован ли ваш портал:

1. убедитесь, что у портала адаптивный дизайн, который позволяет страницам адаптироваться под различные размеры экранов мобильных устройств, и проверьте, отображаются ли на них корректно и четко элементы портала (текст, изображения, кнопки);
2. протестируйте навигацию по порталу на мобильных устройствах, чтобы понять, легко ли пользователям найти интересующую их информацию. Советуем также разместить меню и элементы навигации таким образом, чтобы они были доступны и легко использовались на маленьких экранах ;
3. Проверьте удобство заполнения форм (заказа и обратной связи) и убедитесь, что поля ввода и кнопки действий достаточно крупные, и с ними удобно работать на сенсорных экранах;
4. протестируйте портал на различных моделях мобильных устройств и в разных операционных системах, подтвердив, что он корректно отображается и работает во всех вариациях.

Оптимизация B2B-портала также поможет привлечь новых клиентов и удержать текущих.

Шаг 7. Улучшение информационной инфраструктуры

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

Для улучшения ситуации следует:

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

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

Изображение из архива автора

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

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

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

Шаг 8. Проверка наличия онбординга, всплывающих подсказок и окон

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

Делимся кейсом:

Адресная лидогенерация и IT-сервис для дилеров производителя пластиковых товаров

Во избежание подобного «оттока» клиентов рекомендуем:

1. создать онбординг-туры или предоставить пользователям возможность оперативного обучения, прохождение которых продемонстрирует им основные функции сайта и подскажет, как ими пользоваться;
2. ориентировать посетителей по основным шагам, необходимым для совершения тех или иных действий (например, чтобы обратиться в техподдержку);
3. обязательно реализуйте возможность пропуска обучения теми, кто его уже прошел и в повторении не нуждается;
4. добавьте всплывающие подсказки (Tooltip) к сложным элементам на портале, чтобы ответить хотя бы на какую-то часть возможных вопросов пользователей. Эти подсказки должны быть понятными и легко читаемыми;
5. использовать всплывающие окна (Popover), дающие возможность просмотра подробной информации без необходимости покидать текущую страницу портала.

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

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

Шаг 9. Анализ конкурентов

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

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

Это:

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

2. анализ компаний, работающих в вашей или похожих сферах, целевая аудитория которых пересекается с вашей;

3. сбор и обработка обратной связи от клиентов. Целесообразно проводить опросы и интервью с теми покупателями, кто сотрудничает не только с вами, но и с вашими конкурентами, чтобы понять, почему в определенной ситуации они отдают предпочтение тому или иному поставщику;

4. участие в индустриальных мероприятиях и конференциях, где могут присутствовать представители конкурентов;

Например, подобных выставках. Изображение из архива автора

5. использование сторонних инструментов для мониторинга активности в сети и аналитики для получения данных о деятельности конкурентов;

6. проведение SWOT-анализа для оценки сильных и слабых сторон конкурентов, а также возможности и угрозы в их деятельности.

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

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

UX-аудит B2B-портала: что точно не стоит делать

Если хотите добиться ожидаемого результата от UX-аудита, то не совершайте следующие действия:

1. изменение настроек и параметров портала без предварительного анализа и достаточного понимания последствий. В лучшем случае следствием станет сбой в работе сайта;
2. пренебрежение безопасностью данных: ни в коем случае нельзя допускать утечку конфиденциальной информации и иные нарушения защиты данных;
3. игнорирование рекомендаций и результатов аудита. Проведение аудита бессмысленно, если по его итогам не вносить коррективы и не устранять выявленные проблемы;
4. отсутствие регулярности: проведение аудита технической части B2B-портала должно стать регулярной работой, так как определенные аспекты и характеристики могут меняться. Значит, UX-аудит нужно проводить с определенной периодичностью для поддержания сайта в работоспособном состоянии.

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

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

Еще больше новостей про digital-маркетинг можно найти в нашем telegram-канале.

До связи!