UI | UX дизайн интерфейса системы вентиляции

Дизайн пользовательского интерфейса для панели управления
и промышленного контроллера

Задача

Разработать интерфейс управления системой вентиляции для панели оператора

У компании Segnetics имеется известный, разобранный на цитаты, программный продукт - AutoScada.
Система управления вентиляцией, устанавливаемая на PC.

Нужно взять из нее все лучшее и провести адаптацию интерфейса для применения
на 5-ти дюймовом экране панели оператора Trim5.

Первый подход к снаряду — UX-дизайн. Составим список всех выводимых на экран компонентов.
Определим иерархию элементов интерфейса в пользовательском сценарии взаимодействия.
Пробуем компоновку на главном экране системы управления, мнемосхему.

Собираем мудборд с основными референсам, обращая внимание на актуальные тренды UI дизайна.
Выбираем, наиболее подходящие для нас интерфейсные решения и компонуем концепты.
Пробуем нарисовать элементы UI на небольшой части экрана, выбираем стилистику будущего интерфейса.

Находим стилистическое решение, которое ложится в основу всего проекта.
Далее, несколько недель рисования элементов. Анимация, переходы экранов, состояния кнопок и данных.

Следующим шаг — адаптация интерфейса системы вентиляции Trim5 для промышленного контроллера SMH4.
Это другой сценарий использования, иная среда эксплуатации и новый пользователь.
Часть управления уходит с сенсорного экрана на аппаратные кнопки, что влечет за собой переработку как UX, так и UI.