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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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