О проекте

Система мониторинга транспорта JANTI — это программное обеспечение для бизнеса, позволяющее отслеживать все характеристики передвижения транспорта: маршруты, скорость, остановки, заправки и другие данные с помощью системы ГЛОНАСС.

Представляем вашему вниманию редизайн ПО JANTI. У клиента появилась необходимость обновить интерфейс. Нами было принято решение сделать акцент на трёх вещах:

✔ удобство для пользователя
✔ светлый дизайн
✔ современный внешний вид

Обратим внимание на следующие детали.

Шрифты

Цвета

UX

✔ В горизонтальном меню появился текстовый навигатор — «справочники», «мониторинг», «отчеты и тахография».
✔ При выборе одного из пунктов навигатора во второй горизонтальной панели (ниже) отображаются вкладки в виде интуитивно понятных icons.
✔ Заново сгруппированы все элементы управления и найдено оптимальное местоположение для каждого из них.

UI

✔ Навели порядок в типографике — сведя к минимуму количество начертаний и кеглей.
✔ В верстке появилось больше пространства, из-за чего информация стала легче считываться.
✔ Поработали с цветом: определили для каждого состояния цвет, который интуитивно понятен пользователю, например, поломка обозначена красным, а парковка — синим.
✔ Пользователи ПО Janti много работают с текстовой информацией, поэтому радикальное изменение произошло в левом блоке — «Список элементов». Если в старом дизайне этот блок был темным, то теперь он стал светлым (не белым). Есть много исследований на тему восприятия «классической» цветовой комбинации — светлый фон с темным текстом и «инверсии» — темный фон со светлым текстом. В своей работе мы опирались на эти исследования.

Icons

Мы разработали целую библиотеку узнаваемых иконок (154 шт.)
При создании icons важно было учесть то, как каждая из них встраиваются в интерфейс ПО. Иконки отрисованы объектом в один цвет. Это даст возможность зашить их в шрифт, а также облегчит взаимодействие. Ниже продемонстрированы некоторые из них: