Эмоциональность

Улучшил опыт ожидания и взаимодействия с нейроаналитиком через анимации

В чём была проблема

В интерфейсе Datalens есть несколько часто встречающихся состояний ожидания. Поэтому хотелось эти состояния сделать менее скучными и удерживающими внимание

Лоадер

Стандартный компонент из библиотеки Gravity UI. Пользователи могут сталкиваться сразу с несколькими на одном экране

Спин

Также стандартный компонент из Gravity UI. Может переходить в другие состояния. Размеры спина не совпадают с иконками состояний

Нейроаналитик

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

Что было сделано

Собрал кастомный лоадер из иллюстраций сервиса и плавно заанимировал между собой.

Спин сделал в стилистике Datelens, переделал под размеры иконок состояний и добавил плавные анимации перехода

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

Что получилось в итоге

· Презентовал решение команде, рассказал про важность изменений и показал итоговый результат.

· Спин будет добавлен в библиотеку Gravity UI.

· Нейроаналитик удалось выделить среди других AI-решений Yandex Cloud и улучшить опыт работы с ним.

· Состояния приведены к единому стилю Datalens и стали более цельными в интерфейсе.

Create a free website with Framer, the website builder loved by startups, designers and agencies.