Разработка UI/UX интерфейса Treemap карты. Dashboard
- 113
- 0
- Опубликовано: 2018-06-15
1. Какова была задача клиента ?
Требовалось разработать стильный, удобный UI/UX интерфейс для сервиса Media Zoome. Данные должны были быть представлены в виде карты Treemap и древовидной схемы. Вообщем полный функционал для управления картами и схемами, их рендеринг, настройки и сохранение.
2. Что я сделал, чтобы решить эту задачу?
Взял за основу логику Dashboard. Слева сделал интерактивное меню, которое можно сворачивать и разворачивать, тем самым увеличиваю рабочую область справа.Сами цвета карты для каждой категории и уровня вложенности выбраны из одной цветовой гаммы, но так, чтобы цвета можно было легко отличить глазом. Такой принцип цветовой схемы в целом делает стильной общую картину, а так как данных будет много, то и смотреться это будет гармонично и приятно для глаз. Ведь в таких картах по сути главное - это цвет.
3. Какой результат получил клиент?
Мой клиент получил удобную структуру расположения информации, навигации и системы управления рендерингом карты, вообщем, готовые макеты со всем UI/UX интерфейсом, готовым для верстки. Клиент очень доволен результатом, будет обращаться еще )
Требовалось разработать стильный, удобный UI/UX интерфейс для сервиса Media Zoome. Данные должны были быть представлены в виде карты Treemap и древовидной схемы. Вообщем полный функционал для управления картами и схемами, их рендеринг, настройки и сохранение.
2. Что я сделал, чтобы решить эту задачу?
Взял за основу логику Dashboard. Слева сделал интерактивное меню, которое можно сворачивать и разворачивать, тем самым увеличиваю рабочую область справа.Сами цвета карты для каждой категории и уровня вложенности выбраны из одной цветовой гаммы, но так, чтобы цвета можно было легко отличить глазом. Такой принцип цветовой схемы в целом делает стильной общую картину, а так как данных будет много, то и смотреться это будет гармонично и приятно для глаз. Ведь в таких картах по сути главное - это цвет.
3. Какой результат получил клиент?
Мой клиент получил удобную структуру расположения информации, навигации и системы управления рендерингом карты, вообщем, готовые макеты со всем UI/UX интерфейсом, готовым для верстки. Клиент очень доволен результатом, будет обращаться еще )
Пример реализации
Комментариев нет
оставить комментарий могут только авторизованные пользователи
