Кейс: редизайн виджета

Хочу поделиться реальным кейсом, не показав реальных данных Компании. Поэтому прибегну вновь к моей излюбленной и сложной предметной области - данными НИИ “Предельные энергии”!

Для тех, кто не в курсе, что за НИИ такое: это секретный институт, который занимался (в прошлом) исследованием тёмной материи. То есть, это только так говорилось, что это “тёмная материя”, а на самом деле это были души воинов. В общем, кто хочет узнать детальнее - читайте мой роман “Чёрная дыра как нечто прекрасное”! 💫

Исходные данные

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

Что сделала я?

Я, глядя на этот дизайн, сразу же пошла к двум инстанциям: бизнес-эксперту и корпоративному ИИ.

Бизнес-экспертиза

Главным моим вопросом к бизнес-эксперту было - что подразумевается под секциями резервуаров и сколько их всего может быть. От ответа бизнес-эксперта зависело представление этой информации в виджете. Если секций много, хотя бы 100, то мы можем отобразить их в виде тепловой карты, где “проблемные” или пустые секции (например такие, в которых обнаружены утечки, или у которых статус не “Герметичен”, а “Переработан в электричество”) будут обозначены контрастным цветом. Если же секций немного, то можем показать их данные таблицей. Бизнес-эксперт подтвердил, что секций в резервуаре всего лишь 4. Поэтому было принято решение отображать данные в табличной форме. Кроме того, в ходе обсуждения мы выяснили, что наш бизнес-аналитик забыл, что нужна сумма количества сгустков во всём резервуаре. Так что и это будет учтено в дальнейшем.

Помощь ИИ

Я обратилась к корпоративному ИИ (Qwen) и, сообщив ему о том, что он - специалист мирового уровня по UI/UX, попросила его переработать дизайн виджета так, чтобы информация о резервуаре была представлена в виде таблицы с итогами, а в разделе информации об энергомере появились бы две кольцевые диаграммы. Мне нужна была, разумеется, не картинка, как таковая, а интерактивный кликабельный прототип (HTML, JS, CSS). Итак, результат показан на картинке справа. Важно: ИИ не придумал решение за меня — он лишь быстро собрал то, что мы решили с бизнес-экспертом. Гипотезы — мои, скорость сборки — его.

Что в итоге?

Я показала бизнес-эксперту готовый прототип виджета и вот его слова (уже реальные, из жизни): “Во, отлично! Выглядит, конечно, понятнее и легче, чем просто текст…

Подводя итог всему выше сказанному: 1. читайте мой роман “Чёрная дыра как нечто прекрасное”! 💫 2. если вы аналитик — пользуйтесь ИИ для прототипов: быстрее итерации, проще проверять гипотезы, а понятный интерфейс повышает лояльность пользователей. А это стоит Компании денег.

Кейс: редизайн виджета | Сетка — социальная сеть от hh.ru