Дизайн мнемосхемы
#интерфейс
#библиотека_компонентов
О задаче
Мнемосхема — совокупность сигнальных устройств и сигнальных изображений оборудования и внутренних связей контролируемого объекта, размещаемых на диспетчерских пультах, операторских панелях или выполненных на персональном компьютере.

Вот именно ее мне необходимо было реализовать с нуля по ТЗ от главного инженера предприятия, который и стал моим клиентом.
Это проектная работа. Клиент ООО «НЦП ПромВодОчистка». Общалась с клиентом напрямую, это главный инженер Алексей.

Состав команды клиента: проект менеджер, программисты.

Состав моей дизайн команды: Продуктовый дизайнер (Катя Фокина).

Задача очень профильная и не большая. Было решено реализовать ее самостоятельно. Моей задачей было изучить ТЗ клиента и реализовать библиотеку компонентов и собрать все ключевые экраны с нуля под планшет. У меня был только список компонентов и чертеж, как это должно быть в сборе.

Проект 100% удаленный. Работа была плотная, эффективная и очень комфортная как для клиента и для меня.
О проекте в целом
Задача
Разрешение макетов 1920х1080

  1. Отрисовка и создание библеотеки всего оборудования по списку (svg)
  2. Отрисовка взаимодействий состояния оборудования (до 5 состояний)
  3. Разработка дизайн-макета Мненмосхемы (главного экрана)
  4. Разработка дизайн-макета Внутренних экранов для ЕН (баков - 3 шт)
  5. Разработка дизайн-макета Внутренних экранов для НС (насосов - 5 шт)
  6. Разработка дизайн-макета Внутренних экранов для ФОВ (фильтры - 5 шт)
  7. Разработка дизайн-макета Внутренних экранов для УФО (ультрофеолет - 1 шт)
  8. Разработка дизайн-макета Внутренних экранов для ОСМОС (процесс очистки - 4 шт)
  9. Разработка дизайн-макета Журнал (дополнительный экран)
  10. Разработка дизайн-макета Внутренних экранов для Журнала (8 шт)
  11. Реализовать кликабельный прототип (под NDA)
Проблема/Решение
Основная проблема заключалась в том что в России создание уникальных мнемосхем не так популярно, как в Европе. Инженеры не знают, как правильно объяснить дизайнеру, что надо делать. Так как дизайнер нужен не простой, а который понимает и быстро вникает в задачу. Понимает специфику и делает акцент на UX и правилам ЧМИ(Человеко-машинный интерфейс). К счастью для клиента я и есть такой дизайнер. Пару созвонов для точного брифинга и разбора специфики дали свои плоды в виде верного результата и быстрого согласования.

Пользователь: Оператор и инженер на производстве. "Уже все глаза сломали
с этими таблицами и мелким шрифтом!". Так как клиент и есть пользователь не пришлось тратить ресурсы на портреты пользователей и другие тестирования, так как это происходило в моменте согласования экранов.
Стиль
Перед тем как начать, я показала ценность лаконичного дизайна и стиля в интерфейсах. Так как я буду делать именно так.
До
После
Детали важны
Объяснила, как и из чего состоит макет, как я передам его программистам. Рассказала все что важно для клиента. Потому что мне хочется, чтобы мы были на одной волне)
Исследование
Иследования были среди конкурентов из Европы. Так же были изученны аллгоритмы работы данного цеха. Визуальный анализ позволил выбрать стиль и дизайн библиотеки простой и локоничный для русской целевой аудитории.
Библиотека
Я начала разработку с библиотеки, так как именно из оборудования собирается мнемосхема. До этого я проработала эскиз Мнемосхемы, чтобы понять какие размеры мне нужны и уровень детализации оборудования, чтобы все читалось.
Ключевые экраны
До/После
Figma
Ссылка на проект по личному запросу
Результат :)
Спустя какое-то время мне пришли реальные фото моего интерфейса! Я счастлива, что 99%. того, что я рисовала — стало реализовано.

Сейчас я жду официальный отзыв от клиента. Но могу с гордостью сказать, что мой дизайн работает.

Обожаю, когда проект получается по принципу win-win. То есть все заинтересованные лица в проекте счастливы)
Есть вопросы по проекту? Можно смело мне писать)
Контакты
@designer_fokina
Телеграм
+7 915 112-06-03
Телефон:
Адрес
Рабочее время
E-mail:
Made on
Tilda