Forma Ingello
PHP
Цели:
Подробно изучить и проанализировать текущую версию системы
Улучшить визуальную и функциональную составляющую проекта
Создать новую стилевую и цветовую композицию
Создать типизированные карточки для дашбордов каждого раздела с возможностью компонентного и полиморфного переиспользования
Продумать и улучшить общий визуал проекта, сделав его более удобным для целевого пользователя
Добавить новые необходимые функции, пересмотреть и перегруппировать старые
Процесс:
Создан мудборд, на основе предпочтений заказчика и основных тенденций в дизайне
Создан вайрфрейм
Сформирован функциональный прототип
Определена цветовая схема и шрифтовой стиль
Разработан UI Kit
Создана дизайн система и система отступов
Разработаны карточки для дашборда с необходимым функционалом
Созданы композиции из готовых элементов
Проведено тестирование проекта
Результаты:
Создан единый стиль для дешбордов разных отделов компании.
Создан единый формат для обработки и визуализации данных с возможностью переиспользования, а именно:
Для управления календарными данными.
Для управления историей событий
Для работы с большими списками данных с различными параметрами
Для графического отображения объектов в различных состояниях в воронках
Для ввода данных и их проверки (валидации)
Для поиска данных, сортировки и постраничной разбивки
Для наглядных панелей с общим перечнем функций
Для работы со сценариями и скриптами
Для работы с блоками функций (боксами) и перетаскиваемыми элементыми
Для работы с особыми функциями разделов (в хедере)
Для категоризации функций в боковой панели меню.
В результате мы получили устойчивый единй стиль, который удобен и экономен в вёрстке на HTML/CSS/Bootstrap
а также гибкий фреймворк-конструктор, который в будущем позволит перегруппировывать элементы, создавая новые уникальные интерфейсы при масштабировании функциональности корпоративной системы.
Следующий этап:
Адаптация шаблонов под мобильные экраны
Разработка дизайна компонентов для всех разделов системы (120+)
Анализ опыта использования существующих компонентов, переформирование и сокращение функций при необходимости
Мониторинг и последующий анализ поведения пользователей из тестовой выборки по hotjar
Внесение корректироок в пользовательские маршруты по результатам анализа мониторинга
Выявление самых сложных для пользователя мест в системе, пересмотр этих мест с руководством
Подробно изучить и проанализировать текущую версию системы
Улучшить визуальную и функциональную составляющую проекта
Создать новую стилевую и цветовую композицию
Создать типизированные карточки для дашбордов каждого раздела с возможностью компонентного и полиморфного переиспользования
Продумать и улучшить общий визуал проекта, сделав его более удобным для целевого пользователя
Добавить новые необходимые функции, пересмотреть и перегруппировать старые
Процесс:
Создан мудборд, на основе предпочтений заказчика и основных тенденций в дизайне
Создан вайрфрейм
Сформирован функциональный прототип
Определена цветовая схема и шрифтовой стиль
Разработан UI Kit
Создана дизайн система и система отступов
Разработаны карточки для дашборда с необходимым функционалом
Созданы композиции из готовых элементов
Проведено тестирование проекта
Результаты:
Создан единый стиль для дешбордов разных отделов компании.
Создан единый формат для обработки и визуализации данных с возможностью переиспользования, а именно:
Для управления календарными данными.
Для управления историей событий
Для работы с большими списками данных с различными параметрами
Для графического отображения объектов в различных состояниях в воронках
Для ввода данных и их проверки (валидации)
Для поиска данных, сортировки и постраничной разбивки
Для наглядных панелей с общим перечнем функций
Для работы со сценариями и скриптами
Для работы с блоками функций (боксами) и перетаскиваемыми элементыми
Для работы с особыми функциями разделов (в хедере)
Для категоризации функций в боковой панели меню.
В результате мы получили устойчивый единй стиль, который удобен и экономен в вёрстке на HTML/CSS/Bootstrap
а также гибкий фреймворк-конструктор, который в будущем позволит перегруппировывать элементы, создавая новые уникальные интерфейсы при масштабировании функциональности корпоративной системы.
Следующий этап:
Адаптация шаблонов под мобильные экраны
Разработка дизайна компонентов для всех разделов системы (120+)
Анализ опыта использования существующих компонентов, переформирование и сокращение функций при необходимости
Мониторинг и последующий анализ поведения пользователей из тестовой выборки по hotjar
Внесение корректироок в пользовательские маршруты по результатам анализа мониторинга
Выявление самых сложных для пользователя мест в системе, пересмотр этих мест с руководством