4 итерациимодели реальности
Создала как минимум 4 версии модели реальности и ещё 2 дополнительных концептуальных направления.
2024.09 – 2025.09
AI / ментальное здоровье / карта состояния пользователя / геймификация
Mindloom: Часть 2
Product designer | UX/UI Designer
Проектирование AI-чата и иммерсивной карты ментального состояния
Mindloom — платформа, где пользователи могут разрешить AI сохранять их данные и строить персональную карту ментального состояния. В этой части я рассказываю о проектировании уникального ментального графа и более привычного AI-чата между участниками, терапевтами и AI.
Ссылки
Инструменты
Figma, Notion, ChatGPT, Midjourney
Результаты
Добавленатёмная тема
Добавила четвёртую, стандартную тёмную тему для AI-чата и модели реальности.
РазработанAI-чат
Спроектировала AI-чат для терапевта и связанную с ним логику взаимодействия.
Обзор
Как я рассказывала в первой части, в Mindloom есть три основных модуля, через которые AI узнаёт больше об участниках: результаты тестов и курсов, а также записи терапевтических сессий.
Моей задачей было придумать интерактивный способ визуализировать эти данные через необычный интерфейс-карту, который мог бы стать узнаваемой частью Mindloom.
Другой важной частью работы стал более привычный AI-чат, где терапевты могли обсуждать прогресс участников и создавать новый контент для платформы.
Референсы модели реальности
Модель реальности вдохновлена графами, картами, визуальными находками из Pinterest и игровыми интерфейсами. Клиент хотел, чтобы концепция была узнаваемой и игровой, но при этом реалистичной для реализации в вебе.
Поэтому мы сосредоточились на необычных сайтах с сильными визуальными системами, интерактивными механиками и деликатной геймификацией.
Как человеку, который любит игры, мне было особенно интересно работать с этими референсами :)
Концепции модели реальности
После сбора референсов мы начали формировать и обсуждать возможные концепции Mindloom. В итоге клиент выбрал не стандартный граф, а более вовлекающий и узнаваемый опыт с собственной визуальной логикой.
Простое решение — стандартный граф
Модель реальности показана как классический сетевой граф с понятными связями между узлами. Их размер и цвет меняются в зависимости от данных пользователя.
Внутренний мир как вселенная
Модель реальности визуализирована как планетарная система, где каждая планета представляет точку данных и меняет цвет в зависимости от состояния пользователя.
Витраж — взгляд на себя через призму
Модель реальности состоит из накладывающихся друг на друга витражных слоёв, создавая уникальное отражение внутреннего мира участника.
Круговая диаграмма — мир как сеть нитей
Модель реальности пользователя выглядит как сеть взаимосвязанных нитей, где каждый узел соединён с другими, а все точки данных постепенно пересекаются.
Итерации модели реальности
По итогам обсуждений клиент утвердил концепцию солнечной системы. В процессе мы разработали четыре итерации модели реальности, включая прототипы и мобильные версии интерфейса.
Компоненты модели реальности
Для описания текущего состояния участника я использовала простую цветовую систему.
Зелёный: «Всё хорошо»
Используется, когда большинство показателей стабильны и критических отклонений нет.
Фиолетовый: «Недостаточно данных»
Используется, когда системе не хватает результатов тестов или опросов для оценки состояния.
Оранжевый: «Требует внимания»
Используется, когда некоторые показатели выходят за пределы нормы, но ситуация ещё не критична.
Красный: «Нужна поддержка»
Используется, когда обнаружены серьёзные отклонения и участнику может понадобиться срочная поддержка.
На основе этой палитры я разработала визуальный образ планет для основных узлов. Положительные состояния выглядели как обитаемые планеты, а более критические становились похожими на поверхность Марса. Для неизвестного фиолетового состояния я использовала образ Луны, чтобы подчеркнуть загадочность и неопределённость.
Спутники следовали той же логике: их цвет и текстура менялись в зависимости от состояния участника. В более критических случаях они становились острее и угловатее, выступая визуальным предупреждением.
AI-чат с терапевтом
Параллельно с разработкой модели реальности я создала AI-чат, где терапевты могли обсуждать прогресс участников и создавать новый контент.
Главной целью было организовать чаты терапевта по участникам, курсам и тестам, чтобы между разделами можно было быстро переключаться.
Нереализованные идеи
Вместе с командой мне хотелось воплотить в этом проекте ещё много концепций.
Сначала мы хотели создать AI-чат, где участники могли бы разговаривать с отражением своего внутреннего «я». Также планировали добавить мини-игры и инструмент для сравнения разных взглядов на реальность.
Рефлексия
Этот проект дал мне возможность работать с необычными идеями, которые часто встречаются в презентациях, но редко реализуются в веб-дизайне.
Одной из главных задач было создать интерфейс графа, который был бы удобен для разработки, понятен пользователям и при этом выглядел необычно, не как стандартное решение.
Больше всего в проекте мне понравилось работать с анимациями внутри интерфейса, подбирать цветовую систему и описывать связи между планетами.
Если у вас есть проект, над которым вы хотели бы поработать вместе, напишите мне. Мы сможем создать что-то продуманное, детальное и по-настоящему интересное.
Обсудить ваш проект
Открыта к проектам
Начнём проект?
Напишите мне — обсудим задачу, формат работы и следующие шаги.
