Jun 5, 2023Web

AiListz — AI-платформа для создания контента SAAS

Gideon Awolesi

Gideon Awolesi

UX-дизайнер

Вернуться в портфолио

Детали

  1. Роль: Продуктовый дизайнер (веб-платформа)
  2. Цель: Создать удобную платформу AI-ассистента, чтобы помочь создателям контента генерировать премиальный контент, обнаруживать плагиат, переключать несколько пользовательских персон и использовать различные инструменты на базе AI.

Ключевые результаты :

+40% рост регистраций во время беты

-35% сокращение обращений в поддержку

90% положительного пользовательского настроения относительно ясности и диалогового руководства

Исследования, ориентированные на пользователя

Я провёл глубинные интервью с блогерами, маркетологами и разработчиками , собирая инсайты об их болевых точках:

  1. Сложный онбординг: Многие AI-инструменты перегружают новых пользователей техническим жаргоном.
  2. Плохая интеграция: Автономные AI-функции, которые не общаются друг с другом и не поддерживают реальные рабочие процессы.
  3. Недостаток ясности: Пользователи часто не понимают, как (или почему) AI выдаёт определённые рекомендации.
  4. Эти находки задали дизайн-чертёж: простой, но надёжный интерфейс, использующий управляемые подсказки и диалоговый UI, чтобы помочь пользователям естественнее открывать и использовать AI-инструменты.

Низкодетализированные наброски

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

Выявил узкие места, где пользователи могут застрять (например, путаница вокруг инструментов с несколькими персонами).

Тестирование удобства использования и доработки

Провёл несколько раундов тестирования с небольшими группами пользователей. Обратная связь привела к более простым меткам меню, упрощённым диалоговым подсказкам и подсказкам «помоги мне решить» для выбора шаблона или персоны.

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

Высокодетализированные прототипы

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

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

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

Контекст и вызов

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

Основные цели

  1. Простота использования: Предоставить управляемые подсказки и контекст, чтобы даже начинающие пользователи могли быстро использовать AI-инструменты.
  2. Масштабируемый дизайн: Вместить множество AI-функций (AI-генератор изображений, преобразование речи в текст и т. д.) под согласованным, соответствующим бренду интерфейсом .
  3. Ориентированный на пользователя поток: Снизить путаницу и нагрузку на поддержку, встроив помощь и подсказки «объясни это» по всей платформе.

Принципы AI-дизайна и диалоговый дизайн

Показывай, а не рассказывай

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

Диалоговый UI

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

Прозрачность и контроль пользователя

  1. AI-объяснения: Предоставлял быстрые сводки того, как AI выводил предложения по контенту или помечал плагиат.
  2. Настройки персонализации: Пользователи могли настраивать голос бренда, тон и стиль, обеспечивая, чтобы сгенерированный контент соответствовал их творческим целям.

Результаты и влияние

40% рост регистраций во время беты

Упрощённая воронка онбординга и диалоговые подсказки сделали платформу более доступной.

35% сокращение обращений в поддержку

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

90% положительного пользовательского настроения

Опросы показали высокую оценку естественного руководства и ясности в функциях на базе AI.

Обратная связь пользователей: «Такое ощущение, будто у меня есть умный ассистент, который ведёт меня, а не борьба с запутанным AI-инструментом. Я вижу точно, что происходит и почему!»