Правила выживания дизайнера на заводе: от Figma к ГОСТам

Пока вы спорите о скруглении углов в новой дизайн-системе и попиваете лавандовый раф, где-то в Челябинске ослепленный бликами от раскаленной стали оператор пытается разглядеть ваш элегантный серый шрифт на мониторе 2012 года выпуска. Спойлер: у него не получается.

Дизайнеры, приходящие из разных сфер в Heavy Digital, совершают одни и те же ошибки. Они становятся очевидными только тогда, когда ты снимаешь белые кроссовки, надеваешь каску, проходишь инструктаж по технике безопасности и заходишь в реальный цех.

С 2020 года я набила достаточно шишек, пытаясь подружить стерильную эстетику Figma с суровой реальностью ГОСТов и промышленных мониторов. 

Добро пожаловать в цех! Разберем по полочкам, как не провалить проект на этапе компонентов.

Почему оператор важнее, чем гайдлайны

Самая опасная ошибка новичка в Heavy Digital — прийти на завод с позицией: «Сейчас я научу вас работать по стандартам 2026 года». Вы открываете фигму, выбрасываете страшные таблицы из 90-х и перерисовываете все в стиле Liquid Glass.

Через неделю внедрения вы как будто попадаете под ледяной душ и слышите отборный мат. Операторы требуют вернуть как было, а руководство завода пишет гневные письма.

Визуальный шум и цена контраста: когда WCAG капитулирует

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

В вебе мы стараемся опираться на WCAG 2.0/2.1 с его коэффициентом 4.5:1 (Level AA). Но на производстве этот стандарт должен быть минимум 10:1.

Это не вкусовщина, а физиология и ГОСТ Р ИСО 9241-303. Если оператор не замечает критические показатели периферическим зрением (цвет индикатора, мигание, движение), ваш интерфейс бесполезен.

Не кричите на оператора без повода!

Если на экране все мигает красным при малейшем отклонении параметров, у оператора развивается баннерная слепота, и он просто перестает реагировать на предупреждения. Это не лень, а защитная реакция мозга ^[1] на информационную перегрузку. 

Существует стандарт ANSI/ISA-18.2 (Управление системами тревожной сигнализации), который прямо запрещает делать промышленный интерфейс новогодней елкой. Не все отклонения одинаково критичны, и интерфейс должен это отражать.

Дублируйте цвет формой

Я рекомендую использовать комбинированное кодирование, опираясь на ISO 3864 (графические символы безопасности) и ANSI Z535.4 (предупреждающие знаки).

• Красный треугольник — критическая авария, немедленная остановка.

• Желтый ромб — предупреждение, требуется внимание.

• Синий круг — информационное сообщение.

Почему это важно?

~8% мужчин имеют нарушения цветовосприятия (дальтонизм). Если вы кодируете информацию только цветом — ваш интерфейс физически непригоден для каждого десятого оператора. И это не прихоть дизайнера, а требование ISO 9241 по эргономике и базовый принцип доступности.

Итак, мы разобрались с визуалом. Теперь про то, как операторы взаимодействуют с интерфейсом в реальности.

Почему нельзя трогать расположение кнопок

В цеху правит не эстетика, а мышечная память. Если оператор за 15 лет привык, что кнопка аварийного сброса находится в правом нижнем углу и она квадратная, я не советую переносить ее в красивое бургер-меню или делать круглой «для стиля».

В стрессовой ситуации мозг ^[1] человека отключает логику и переходит на рефлексы. Если рефлекс не находит кнопку на привычном месте, может случиться инцидент.

Но значит ли это, что мы не можем ничего менять?

Нет. Улучшать нужно, но не за счет перемещения кнопок, а за счет сокращения пути. Не только на производстве, но и в вебе, каждый лишний клик — это физическое усилие и потеря времени.

• Все, что нужно для оперативного управления, должно быть на расстоянии клика.

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

• Мы знаем, куда смотрит человек в первые секунды стресса. Располагайте ключевые индикаторы так, чтобы они попадали в естественную траекторию взгляда, а не в слепые зоны экрана.

Вывод: улучшайте эффективность через сокращение шагов, а не через смену декораций. Если вы можете превратить три клика в один, сохранив кнопку на привычном месте — поздравляю, вы сделали гениальный промышленный UX.

Примеры из практики

За 5 лет работы с промышленными интерфейсами я прошла путь от дизайнера до руководителя отдела из 30+ специалистов. Вместе мы спроектировали десятки MES-систем: от адаптации дизайн-систем под старые мониторы и экстремальное освещение до мнемосхем производственных цехов размером со стадион.

• Как нарисовать завод на мнемосхеме. ^[2]
  Статья-победитель Технотекст-7. Детальный разбор проектирования визуализации для MES.

• Что рассказали технологи про интерфейсы на производстве. ^[3]
  Реальные запросы операторов, и почему они просили усложнить UI.

• Почему типичные дизайн-подходы неприменимы к интерфейсам для производств. ^[4]
  О первой поездке на завод и разработке основных принципов.

Итог: дизайн как инженерная дисциплина

Дизайн для Heavy Digital — это не портфолио на Behance и не эстетика ради эстетики. Это инженерная дисциплина, где каждое решение влияет на безопасность людей и непрерывность производства: теперь вы не просто дизайнер, а инженер человеко-машинного взаимодействия.

Ваш интерфейс — рабочий инструмент, такой же как гаечный ключ или пульт управления краном. Он должен быть незаметным, надёжным и безотказным.

Основные принципы:

• Сокращайте количество действий, а не просто меняйте визуальный стиль.

• Старайтесь сохранить привычные паттерны взаимодействия, даже если они кажутся вам устаревшими.

• ГОСТы и ISO существуют не для бюрократии. Они обобщают опыт реальных аварий и инцидентов. Игнорировать их — значит повторять чужие ошибки.

Если после внедрения оператор в цеху сказал, что ему стало удобнее работать — это важнее любой дизайн-премии. Это значит, вы создали инструмент, который действительно помогает людям.