От живых респондентов к нейросетям: эволюция UX-аудита с Usera

Привет, Радар! Меня зовут Александр Карпенко, я — сооснователь проекта Usera.app. Это сервис быстрых юзабилити-тестов с помощью ИИ. В этой статье расскажу, почему мы сделали такой инструмент, который находит ошибки UI/UX в дизайне, а также покажу примеры рекомендаций по интерфейсам на примерах проектов основателей Радара.

Мы на Product Radar:

Usera | Юзабилити-тесты за 60 секунд

• Продукт недели #3

Сервис юзабилити-тестов на базе ИИ. Находит ошибки UI/UX и даёт рекомендации по дизайну.

27

• Инструменты для владельцев сайтов
• Нейросети для картинок
• Сервисы аналитики
• 🎓Ищу ментора
• 🔥Хочу максимальную прожарку
• 🤝Ищу партнерства и коллабы

247

Зачем мы разработали Usera

Я работаю в дизайн-студии CRON, мы с 2018 года проектируем интерфейсы для сложных продуктов (LMS, админ-панели, дашборды, кабинеты партнёров, различные веб-сервисы). Одна из моих задач — проводить юзабилити-тесты на респондентах.

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

Как это работает

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

Для примера проверим интерфейс Радара:

В отчёте мы собрали лучшие решения на нашей практике: рассуждения (first time user experience), результаты опроса с распределением, тест первого клика, карты внимания, разбор интерфейса и предложения по дизайну.

Что проверяет Usera

Каждый интерфейс декомпозируется на логические блоки, вложенные элементы, оценивается каждый элемент, его визуальные характеристики (расположение, цвет, форма, контекст вокруг). Далее интерфейс сопоставляется с UX-гайдлайнами от авторитетных источников. Если есть несоответствие — в отчёте формируется предположение о проблеме и рекомендация по дизайну.

Соответствие UX-гайдлайнам

Нейросеть учитывает эвристики Нильсена, гайдлайны Baymart, UX Magazine и пр. Такой подход помогает исключить субъективность, которая часто встречается при участии респондентов. Usera не просто указывает на проблему, а объясняет, почему она возникает с точки зрения поведения пользователей. Это позволяет не просто выявлять ошибки, а предлагать решения, опираясь на лучшие практики.

Оценка удобства UI

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

Анализ ценностного предложения

При анализе лендингов Usera обращает внимание не только на визуальную часть, но и на смысловую — насколько ясно и быстро считывается ценностное предложение. Usera проверяет, насколько чётко считывается позиционирование: кто вы, для кого и в чём ваше отличие.

Проверяем проекты основателей Радара: NeuroSpace, Resumistic, Creatium Max

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

1. NeuroSpace

Комментарии из отчёта:

• Наличие двух визуально конкурирующих призывов к действию: «+ Новый чат-бот» и «Получите ключ OpenAI и создайте своего первого чат-бота» с кнопкой «Получить ключ OpenAI».
• Уточнить надпись тарифа, например: «Доступно: 450 из 500 диалогов», чтобы дать немедленный контекст пользователю.
• Кнопка «Инструкция по работе с платформой» слишком маленькая и незаметная, хотя это важный элемент помощи.
• Перенести видео в раздел с инструкциями или сделать его частью пошагового процесса создания бота, например, «Шаг 2: Посмотрите видео-руководство».

2. Resumistic

Комментарии из отчёта:

• Ссылка “Новый Анализ” в шапке дублирует название текущей страницы “Анализ” и создает путаницу относительно основной точки входа для запуска нового процесса.
• Значок уведомления “15” абстрактен и не дает информации о том, что именно он уведомляет (новые кандидаты, сообщения, системные оповещения).
• Переместить кнопку “Начать анализ” в правую колонку, непосредственно под блоком “Загрузить файлы” и “Выберите вакансию”. Сделать кнопку неактивной до тех пор, пока не будут загружены файлы и выбрана вакансия, чтобы явно обозначить готовность к действию.
• Вместо абстрактных заглушек, показать наглядный пример заполненной строки или двух строк таблицы с вымышленными данными (например, “Пример: Оценка: 80%, Имя: Иван Иванов, Преимущества: Опыт в IT, Недостатки: Недостаточно опыта в ML”), чтобы проиллюстрировать ожидаемый результат.
• Скрыть или затемнить блок “Кандидаты” и “Средняя оценка” до момента выполнения первого анализа, либо изменить текст на “Данные по кандидатам появятся здесь после первого анализа”, чтобы указать на будущий контент.

3. Creatium Max

Комментарии из отчёта:

• Использовать сравнительную таблицу тарифов, выделяя ключевые различия (например, по объему данных, количеству пользователей, функциям).
• Добавить кнопки «Выбрать тариф» или «Подключить» под каждым тарифным планом.
• Перенести важную информацию из блока о возможностях платформы внизу в более читаемый формат или в предыдущие блоки, чтобы она не терялась на фоне CTA.

Почему публикуем Usera на Радаре

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

На данный момент мы узнали, что больше всего сервис интересует junior и middle дизайнеров, которым нужен быстрый фидбэк по макетам. Хотелось бы не ограничиваться быстрыми тестами, а углубиться в анализ для b2b (моделировать конкретные персоны по описанию ЦА, создать сервис, который будет переходить по интерфейсу и оценивать сценарии, а не статичные интерфейсы), учитывать микровзаимодействия. Надеюсь сообщество Радар поможет нам с ценностным предложением, позиционированием и поиском целевой аудитории в b2b.

Планы на будущее

Поэтому в первую очередь мы будем работать над качеством анализа. В ближайших планах — добавить A/B-тесты интерфейсов и проверку гипотез от пользователя. В долгосрочной перспективе планируем fine-tuning модели, когда соберём достаточно данных для обучения.

Интересно развивать продукт под запросы b2b, пишите в телеграм, если есть идеи: @crondesign

Будем рады вашей поддержке на Product Radar!

Usera | Юзабилити-тесты за 60 секунд

• Продукт недели #3

Сервис юзабилити-тестов на базе ИИ. Находит ошибки UI/UX и даёт рекомендации по дизайну.

27

• Инструменты для владельцев сайтов
• Нейросети для картинок
• Сервисы аналитики
• 🎓Ищу ментора
• 🔥Хочу максимальную прожарку
• 🤝Ищу партнерства и коллабы

247

⭐️ Эту статью написал «Друг Радара». Вы можете добавить свою статью или обсудить ее идею с нами в боте. Редакция Блогов Product Radar бережно сохранила авторский стиль, орфографию и пунктуацию.