Экспресс UX/UI-аудит личного кабинета и маркетплейса

UX-анализ: путь пользователя, структура сайта и личного кабинета

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

• Интервью с командой клиента и заполнение брифачтобы найти ключевые точки взаимодействия пользователей с системой и потенциальные узкие места
• Моделирование основных сценариев использования платформычтобы показать клиенту конкретные ситуации, в которых пользователи сталкиваются с трудностями на сайте и в личном кабинете
• Анализ структуры и интерфейса с учётом лучших практик UX/UIчтобы определить, где интерфейс можно улучшить и сделать взаимодействие удобнее и эффективнее

Примеры обнаруженных пользовательских барьеров

• Проблема навигации при авторизации и после неёпосле авторизации пользователь попадает на страницу настроек личного кабинета, а это не целевое действие. Это может нарушить пользовательский поток, добавить лишние шаги на пути к основной цели, вызвать путаницу и раздражение. Возможное решение: авторизация через всплывающее окно; при переходе в личный кабинет пользователь должен попадать на вкладку, которая отвечает его потребностям
• Полупустые страницы заказов, услуг и участниковесли на страницах мало информации или видны пропуски, сайт выглядит недоработанным. Пользователи могут воспринимать такие страницы как недостоверные, и это снижает готовность с ними взаимодействовать. Возможное решение: проработать структуру форм при создании заказа, услуги и регистрации участника, сделать важные разделы обязательными для заполнения, стимулировать пользователей заполнять как можно больше информации и выводить только заполненные разделы
• Неочевидный и неинформативный блок «Стать резидентом»блок спрятан в разделе с информацией о платформе, поэтому его трудно найти тем, кто хочет стать резидентом. Возможное решение: вынести блок «Стать резидентом» в самостоятельный элемент, подчеркнуть его значимость и включить в него всю основную информацию о том, как стать резидентом

UX-анализ: контент

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

• Улучшение текстов и структурыоценить все тексты на сайте с точки зрения преемственности и информативности, добавить подсказки, которые упростят работу с интерфейсом
• Оценка контента интерактивных элементовнайти неточные формулировки и заменить их на побуждающие к действию с чётко обозначенным результатом, например «зарегистрироваться», «купить», «оплатить»
• Тестирование и корректировкипроверить понятность контента и функционала на реальных пользователях и внести правки по их отзывам

Примеры обнаруженных ошибок контента

• Непоследовательность в терминахв логотипе сайта говорится об экосистеме, а на первом же экране — описание некоего технопарка. Без чёткой взаимосвязи между понятиями пользователь может запутаться. Возможное решение: переписать тексты так, чтобы везде прослеживалась преемственность
• Раздел «Участники» не даёт пользователям достаточно информациитрудно понять, кто эти участники и какую роль они играют. У пользователей может возникнуть ощущение неполноты информации, а без ключевых данных раздел становится менее полезным. Возможное решение: добавить ключевую информацию; подробное и визуально привлекательное представление информации повысит общее удовлетворение от использования сайта
• Неочевидные значения текстов и символовнекоторые тексты и символы пользователям трудно понять, а часть элементов можно трактовать неоднозначно. Например, на странице участника под заголовком указан год: его можно принять и за год основания компании, и за год регистрации участника на платформе. А без пояснений к QR-коду непонятно, зачем он нужен. Возможное решение: добавить подсказки и пояснения, чтобы интерфейс стал понятнее и удобнее

UX-анализ: функциональность элементов

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

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

Примеры обнаруженных функциональных ошибок

• Сложность восприятия контента на страницах услуг, запросов и новостейобъёмные тексты без форматирования сложно читать: пользователям трудно найти нужную информацию и понять контент. Это может привести к когнитивной перегрузке, когда пользователи теряются в тексте и уходят с сайта, не найдя нужного. Возможное решение: переработать форму заполнения, разбив её на смысловые блоки, чтобы результат выводился структурированным и легко читался; добавить ограничения по количеству символов и подсказки
• Похожие кнопки рядом друг с другомкнопки «Создать организацию», «Присоединить к организации», «Сменить пароль» и «Удалить аккаунт» расположены близко и оформлены одинаково, поэтому выше вероятность случайно нажать не ту. Это может привести к утрате важной информации или доступа к аккаунту, потере данных и недовольству пользователя. Возможное решение: пересмотреть расположение кнопок в соответствии с привычными паттернами и визуально разделить их разным дизайном
• Неочевидная кнопка-стрелказелёная стрелочка в углу окна с компанией или услугой служит кнопкой перехода на страницу с подробной информацией, но её дизайн и размещение могут быть понятны не всем пользователям и запутывать их. Возможное решение: использовать привычные элементы интерфейса, например кнопки с явным обозначением действия, проверить на реальных пользователях, понятны ли кнопка и её функция, и доработать по результатам тестирования

Решения по итогам UI-анализа

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

Прототип страницы «Услуги»

Чтобы показать предлагаемые изменения, разработали прототип страницы «Услуги». Что в нём заложено:

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

Команда и инструменты

• Анастасия — UX/UI upper-middle
• Екатерина — UX/UI tech lead
• Инструменты: Figma, экспертный UX/UI-анализ, бенчмаркинг