с 2024 по настоящее время
проектирование UX/UI для облачной системы планирования и учета
/ о проекте
Заказчик: Helios Soft, казахстанская IT-компания (с 90-х годов на рынке).
Продукт: FavorIT — облачная система для планирования, бюджетирования, бухгалтерского учета и документооборота в сфере образования Казахстана.
Продукт: FavorIT — облачная система для планирования, бюджетирования, бухгалтерского учета и документооборота в сфере образования Казахстана.
/ задача
Устаревшее Windows-приложение с неудобным интерфейсом тормозило работу сотрудников и было неактуальным на рынке. Нужно было перенести всю функциональность в веб и одновременно спроектировать современный UX/UI, который будет понятен тысячам пользователей без переобучения.
Стартовая страница программы, где можно добавить часто используемые документы в избранное.
Разводная страница с категориями документов и с возможностью перейти сразу к созданию, не проваливаясь в список документов. Можно переключиться из режима папок на режим списка, если это удобнее пользователю.
Список созданных документов в категории, где видны разные статусы и фильтры по ним, а также фильтрация внутри таблицы.
Помимо клика на документ в списке к документу можно так же перейти по кнопке на вкладке, которая переключает режим просмотра со списка на документы постранично.
Здесь так же показано, как выглядит панель вкладок, когда их много и появление «бургер» меню, когда все вкладки не помещаются на экран.
Помимо клика на документ в списке к документу можно так же перейти по кнопке на вкладке, которая переключает режим просмотра со списка на документы постранично.
Здесь так же показано, как выглядит панель вкладок, когда их много и появление «бургер» меню, когда все вкладки не помещаются на экран.
Создаваемый пустой документ с активными полями ввода для заполнения и подписания. Переключение в режим списка на вкладке недоступно, пока документ не будет подписан или отменен.
Созданный подписанный документ с неактивными полями ввода и возможностью работать с ним дальше с помощью различных действий справа снизу и сверху от документа.
Пример документа с встроенной в него таблицей.
/ мои решения и подход
Адаптировала логику старой программы под современный паттерн работы (как в 1С и других системах), но с собственными улучшениями.
Разработала дизайн-систему на основе цветов логотипа (оранжевый и синий) и нейтральных фонов, чтобы пользователи не уставали при ежедневной работе.
Спроектировала ключевые сценарии: добавление в избранное, работа с документами, фильтрация по статусам, создание и подписание документов с активными/неактивными полями и другое.
Переработала навигацию между документами: спроектировала систему вкладок для открытых документов и адаптировала переход из режима списка в режим просмотра документа, вынеся это переключение на вкладку для быстрого доступа.
Выступаю связующим звеном между аналитиками и разработчиками: тестирую готовый интерфейс, ставлю задачи, контролирую соответствие дизайну.
Разработала дизайн-систему на основе цветов логотипа (оранжевый и синий) и нейтральных фонов, чтобы пользователи не уставали при ежедневной работе.
Спроектировала ключевые сценарии: добавление в избранное, работа с документами, фильтрация по статусам, создание и подписание документов с активными/неактивными полями и другое.
Переработала навигацию между документами: спроектировала систему вкладок для открытых документов и адаптировала переход из режима списка в режим просмотра документа, вынеся это переключение на вкладку для быстрого доступа.
Выступаю связующим звеном между аналитиками и разработчиками: тестирую готовый интерфейс, ставлю задачи, контролирую соответствие дизайну.
/ результаты на сегодня
- Два раздела системы полностью спроектированы, разработаны и протестированы (frontend + backend).
- Интерфейс стал интуитивно понятным для новых пользователей, что сократило время входа в систему.
- Создан фундамент для масштабирования на остальные разделы системы.
- Проект продолжается — впереди дизайн новых функций и разделов.