Как стать автором
Обновить

Комментарии 25

Спасибо за статью.
Интересно читать как менялись взгляды на интерфейс по годам
Спасибо
Спасибо за труд. У самого бизнес в сфере автоматизации инженерных систем. Возьму некоторые идеи на вооружение.
Спасибо, пользуйтесь на здоровье!
отличная статья! очень интересно с точки зрения тоже разработчика систем на Weintek. Вот, кстати, недавно делал демку для большой панели.
image
НЛО прилетело и опубликовало эту надпись здесь
Конечно, все это очень циклично, я согласен с вами. Но интерфейсы у Скада систем сами по себе очень инертны и сейчас большинство библиотек на уровне 2005 года, как правило. Поэтому лет через 5-10 библиотеки уйдут от 3д, а через 20-30 опять вернутся))
Думаю, что Ваш отказ от 3D в рисовании интерфейсов скоро попадет в разряд совсем старых технологий и не модного решения.

У автора промышленный интерфейс, ключевые характеристики которого: эффективность, удобство считывания информации в разных условиях (яркое солнце, бликующий экран, грязный экран на производстве и т.д.), масштабируемость.
Не уверен, что тут можно оперировать таким понятием как «модность».

VR и 3D в потребительских продуктах, создающие вау-эффект — это здорово, но стоит ли тратить на них ресурсы компании, если они не приносят никакой пользы для пользователей, но при этом усложняют разработку?

Интересная статья. С одной стороны кажется что вы немного проспали развитие интерфейса в андроиде, появление гайдлайнов и прочее. Хотя у вас и немного другие задачи к отображению, но андройд привычен многим, и например делать кнопку назад сверху слева — это уже почти стандарт.
С другой стороны существует проект Grafana/Grafite который тоже что-то привнес в мир отображения графики.
С третьей стороны есть тысячи фантастических фильмов / компьютерных игр, откуда кажется тоже можно многое позаимствовать (даже есть такая должность/профессия — рисовальщики интерфейсов в фильмах).
С четвертой стороны — у вас крутые интерфейсы и сразу хочется узнать а где скачать это фреймворк/js-либу/набор ui-kit для визуализации как у вас :))
Но в целом все равно есть некое ощущение варки в собственном соку..

Спасибо! К андроиду мало отношения имеем. Сфера Scada систем очень консервативна и все тренды дизайна проходят сильно мимо. Вбейте в яндекс картинках или гугле «интерфейс scada», поймете о чем я)) Но и нужно понимать специфику области, многим компаниям нужен интерфейс максимально простой.
есть тысячи фантастических фильмов / компьютерных игр, откуда кажется тоже можно многое позаимствовать

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

P.S. Насколько я понял из скриншотов, интерфейс рассчитан под системы на Windows.

В 2020-м наконец-то задумались, что динамический текст (числа в основном) должен быть крупным шрифтом, а статический текст - мелким шрифтом.)))

Не очень видно использование стандартных цветов (красный, желтый, зеленый, синий) и мигания для привлечения внимания. Все мысли только о комфорте, рассуждения с точки зрения дизайна. Это же неполноценный подход. Ваш подход заключается в предположении, что на все элементы на экране человеческий глаз смотрит равномерно, одинаково. А это не так. У вас перегруженный интерфейс, глаза разбегаются. Вопрос нерешенный.

Дизайн на последних проектах просто огонь, хотелось бы видеть его в дефолте кодесис…
Тег sacad не поможет продвижению статьи...
Смотрю на мнемосхему, вроде красиво, но я вижу только схему (схематическую, или 3D). Но важно то не это — важнее цифры, состояния оборудования и сигнализации.
И у вас простейшие схемы, у нас три-четыре сотни вынуждены быть на одной из мнемосхем (если не будет лень, посчитаю точно сколько)
Спасибо за статью!
Интерфейсы приятные и понятные.

Но по технологии есть некоторые вопросы.
Делать интерфейсы с разным разрешением под разные мониторы операторов не совсем удобно. У диспетчера монитор с одним разрешением, у главного энергетика, с другим. Плюс планшет 7" или 10". А завтра купят планшет 12". Переделывать интерфейс?

По поводу кадров для SCADA системы. Из текста я понял что, например, нагреватель имеет 100 кадров. А если на экране 10 нагревателей. Сколько кадров экрана получится? Возможно я не понял, вы имели ввиду кадры для самого нагревателя?
И не совсем понятно само количество кадров для нагревателя (100). С точки зрения картинки, то включен/выключен — 2 состояния. А процент открытия клапана — это уже текстовая информация.

Про вентилятор. Вы пишите «Скорость вращения пропорциональная текущим герцам.»
По моему это лишнее. Вряд ли оператор сможет увидеть разницу в скорости вращения. Тут лучше цифры.

А вообще, классные интерфейсы. Во многом совпадают с моим видением. Некоторые идеи взял для себя.

В качестве примера посмотрите систему IntraSCADA. На мой взгляд ваши идеи интерфейсов легко туда вписываются.
Кстати там есть демо примеры онлайн.
Как раз разрешение экрана почти всегда одно и то же, 1920х1080 для диспетчерской и 800х480 для панелей 7-10 дюймов. Размеры мониторов разное, но как правило 25-27 дюймов, под них и подбирается размер шрифта.
Нагреватель это прозрачная png картинка 100х100 рх, только с обводкой, она накладывается сверху на схему. Можно сделать 100 нагревателей, систему это не нагрузит.
Цифры у вентилятора в приоритете, поэтому они крупным шрифтом в центре круга. Анимация только дублирует эту информацию. Если у вентилятора будет низкая частота, то это низкая скорость вращения бросится в глаза.
Посмотрел, спасибо, действительно концепции очень схожи.
А для планшетов (android, ipad). Если делаете, то какое разрешение обычно выбираете?

И еще, имхо, использовать красный цвет можно только для привлечения внимания при аварийных состояниях устройств.
Для планшетов еще не делали)
красный цвет у нас аварийный, только при аномальных значениях используется и авариях. Есть еще момент, у котла при работе обводка пульсирует от белого до оранжевого, а так красного больше нет)
Понял. Просто на плашках (2020г) в заголовках красный цвет. Но судя по скриншотам 2021, красного уже нет ;)
Про вентилятор. Вы пишите «Скорость вращения пропорциональная текущим герцам.»
По моему это лишнее. Вряд ли оператор сможет увидеть разницу в скорости вращения. Тут лучше цифры.

Кстати да, с анимашками на мнемосхемах HMI могут забавные вещи приключаться. Как то к нам звонок от клиента — у вас на экране ток в обратную сторону течет! Аварийная ситуация так то. А объяснилось все просто. Программисты сделали «красиво», ток течет по проводнику как «бегущая строка», квадратиками. Частота развертки дисплея не делится нацело на частоту воспроизведения анимашки, за много часов работы накапливается рассинхрон, ток то бежыт по картинке правильно, то в обратную сторону :) Но там не СКАДА была, просто LCD дисплей устройства с графикой.
У вас на последних скриншотах есть АСКУЭ и Отчеты. Покажите пожалуйста.
Дизайн мнемосхем 2020 прост, офигенен и что важно для оператора хорошо запоминается и вспоминается если что. В 21 слишком упрощен и уже не очень мнемо (трудно возродить такую картинку в мозгах)
Там просто не видно привычных вентиляторов, которые поменялись на вращающиеся сектора. Интересная идея. Мне кажется в динамике картинка будет другой.

Спасибо за статью.

Плюсую за отказ от 3д. В диспетчирезации это зло. Картинка может быть и красивой, а вот информативность сильно страдает.

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.