Да — теперь это первое, что проговариваем с новыми дизайнерами при онбординге. Также помимо критериев, мы передаем наследие лучших UX-практик, применяемых в создании интерфейсов: для этой цели был создан отдельный раздел в Сторибуке
Спасибо! Да, однозначно движемся в сторону упрощения. В создании минимального набора цветов, да еще и с поддержкой двух тем, мы достигли идеала процентов на 80, на мой взгляд. И пока нет предела совершенству)
Четыре цвета — это было бы очень удобно, но в наших таблицах может требоваться до 10 цветов. Плюс мнемосхемы, где нужен визуальный объем. Поэтому задача выработать стандарт — действительно непростая, но выполнимая
Полностью разделяю идею выработать общие стандарты, как раз к этому и идем. Например, наша палитра MES — идеально подходящая под запросы производств: используется на многих проектах, неоднократно протестирована в различных условиях, еще и поддерживает автоматическое переключение тем.
Material был взят с той же целью — при разработке опираться на проверенный стандарт, не изобретая велосипеды там, где не нужно
Мы также используем две темы, но именно в цехах популярна темная; при этом в обеих темах соблюдается читаемость.
В ваших статьях увидела отличные примеры обновления мнемосхем — здорово, что работаем в похожем ключе, вообще рада на Хабре видеть столько людей, погруженных в тематику)
Хорошо когда можно однозначно назвать самый важный показатель. У нас бывает одна и та же форма — но разные ролевые модели: одному цеху нужно одно, другому — другое... еще от ответственного зависит.
Поэтому было решено дать возможность кастомизировать форму «под себя», настраивать столбцы и данные в таблицах, менять местами показатели. Оптимизировали на годы вперед;)
Ого, не знала! Пиктограммы — это часть наших правил и рекомендаций по применению интерфейсов, особенно в кнопках. Выше было обсуждение про семиотику, вот это оно.
Вы точно подметили — особенно с учетом неизбежной миграции, привыкать к новой системе людям так или иначе бы пришлось. И это, пожалуй, было основной причиной, почему хотелось сделать хороший проект.
На тот момент даже не было амбиций как-то глобально за это взяться, действовала только в рамках своей зоны ответственности. А там одно за другое..и не остановиться теперь )))
На мой взгляд, источником первоначальных проблем была самоуверенность: если в стандартном вебе, да даже в банкинге, все интуитивно понятно — в металлургии на входе намного сложнее дела обстоят с аналитикой и сопутствующими вводными. Понадобилось время, чтобы основательно разобраться в вопросе и работать в правильном направлении
Находясь на старте с неким базовым набором без знания матчасти, было просто необходимым съездить и посмотреть, с какой целью мы все это делаем и для кого)
Ключевое — заложить базовые элементы, на основе которых будет выстраиваться пользовательский опыт для многих проектов; без системного подхода тут действительно не обойтись
Спасибо! Да, не каждый дизайнер / разработчик ставит себя на место конечного пользователя, и большинства проблем взаимодействия можно было бы избежать при таком подходе
С точки зрения подхода в целом, управление с клавиатуры у нас также есть. Про мобильную разработку для производства стоит написать отдельную статью)
Кардинальное отличие мобильной разработки — создание удобных областей «тапа» на экране, отсутствие правых кликов (которые есть в десктопе), доступность нужных параметров на одном экране и добавление дополнительного управления элементами с помощью свайпов. Мы это активно применяем в интерфейсах для планшетов.
Касаемо пунктов:
Совершенно верно, светло-серый шрифт в отличие от белого не так напрягает глаза в темноте. Все контрастные элементы проверялись по шкале WebAIM.
Выравнивание заголовков зависит от наполнения столбцов: числовые значения необходимо выравнивать по правому краю.
Слишком толстый шрифт не всегда подходил — ввиду того что на мониторах не всегда включено сглаживание шрифтов по умолчанию, шрифт Medium был подобран оптимально.
С линиями соглашусь, с внедрением нового функционала таблиц, аналогичного Excel, это нововведение было применено. А вот по чередующимся строкам — спорно, бывают ситуации с большим количеством подсветки строк и ячеек, чередование может сбивать с толку в этом случае.
Очень правильный момент заметили — но мы и это решили: выбранная строка закрепляется сверху при скролле.
Общее количество элементов мы отображаем в случае выделенных строк, это действительно удобно. Если необходимо, данный параметр мы также выводим по запросу — он не всегда нужен для постоянного мониторинга.
Согласна, Excel с точки зрения работы с таблицами — идеальный инструмент, мы стремимся к тому, чтобы приблизиться к нему по удобству и функциональности.
Все постепенно приходилось внедрять. Особенно отзывается комментарий про пустое место на экране, я не написала об этом в статье — но это тоже было одной из горячих проблем. Однозначно, грамотное использование пространства на мониторе — это первое, на что было необходимо обратить внимание, в версии 2.0 это также учли.
Это было непросто — привнести свой взгляд и опыт с учетом уже готовых наработок, но в итоге удалось прийти к правильно заложенной базе для дальнейшего развития проектов
Вам большое спасибо за приятный фидбэк!) Очень рада, что статья оказалась полезной
Да — теперь это первое, что проговариваем с новыми дизайнерами при онбординге. Также помимо критериев, мы передаем наследие лучших UX-практик, применяемых в создании интерфейсов: для этой цели был создан отдельный раздел в Сторибуке
Спасибо! Да, однозначно движемся в сторону упрощения. В создании минимального набора цветов, да еще и с поддержкой двух тем, мы достигли идеала процентов на 80, на мой взгляд. И пока нет предела совершенству)
Четыре цвета — это было бы очень удобно, но в наших таблицах может требоваться до 10 цветов. Плюс мнемосхемы, где нужен визуальный объем. Поэтому задача выработать стандарт — действительно непростая, но выполнимая
Поэтому красный ковш помимо цвета отличается тем, что он движется туда-сюда, т.к позиционирование не установлено — так точно не ошибутся )
Спасибо!) У нас такие живые процессы — уверена, с учетом постоянных обновлений эти наработки будут только лучше с каждым годом
Полностью разделяю идею выработать общие стандарты, как раз к этому и идем. Например, наша палитра MES — идеально подходящая под запросы производств: используется на многих проектах, неоднократно протестирована в различных условиях, еще и поддерживает автоматическое переключение тем.
Material был взят с той же целью — при разработке опираться на проверенный стандарт, не изобретая велосипеды там, где не нужно
Мы также используем две темы, но именно в цехах популярна темная; при этом в обеих темах соблюдается читаемость.
В ваших статьях увидела отличные примеры обновления мнемосхем — здорово, что работаем в похожем ключе, вообще рада на Хабре видеть столько людей, погруженных в тематику)
Лучше и не скажешь, спасибо!
Действительно чувствуешь себя реализованным в профессии, когда на первое место ставишь человека, а не кейс для Behance :)
Лучшее, у нас так тоже первое время делали ٩(◕‿◕｡)۶
Хорошо когда можно однозначно назвать самый важный показатель. У нас бывает одна и та же форма — но разные ролевые модели: одному цеху нужно одно, другому — другое... еще от ответственного зависит.
Поэтому было решено дать возможность кастомизировать форму «под себя», настраивать столбцы и данные в таблицах, менять местами показатели. Оптимизировали на годы вперед;)
А на улице еще и блики от солнца на мониторе, так что и в этом случае теория с вырвиглазной яркостью не сработает )
Ого, не знала! Пиктограммы — это часть наших правил и рекомендаций по применению интерфейсов, особенно в кнопках. Выше было обсуждение про семиотику, вот это оно.
Рада, что материал понравился:)
Очень вас понимаю) Примерно с теми же мыслями вернулась из первой командировки
Вы точно подметили — особенно с учетом неизбежной миграции, привыкать к новой системе людям так или иначе бы пришлось. И это, пожалуй, было основной причиной, почему хотелось сделать хороший проект.
На тот момент даже не было амбиций как-то глобально за это взяться, действовала только в рамках своей зоны ответственности. А там одно за другое..и не остановиться теперь )))
На мой взгляд, источником первоначальных проблем была самоуверенность: если в стандартном вебе, да даже в банкинге, все интуитивно понятно — в металлургии на входе намного сложнее дела обстоят с аналитикой и сопутствующими вводными. Понадобилось время, чтобы основательно разобраться в вопросе и работать в правильном направлении
Бесспорно, раскрашивание кнопок в нашей задаче — не самое приоритетное дело)
Находясь на старте с неким базовым набором без знания матчасти, было просто необходимым съездить и посмотреть, с какой целью мы все это делаем и для кого)
Ключевое — заложить базовые элементы, на основе которых будет выстраиваться пользовательский опыт для многих проектов; без системного подхода тут действительно не обойтись
Спасибо! Да, не каждый дизайнер / разработчик ставит себя на место конечного пользователя, и большинства проблем взаимодействия можно было бы избежать при таком подходе
С точки зрения подхода в целом, управление с клавиатуры у нас также есть. Про мобильную разработку для производства стоит написать отдельную статью)
Кардинальное отличие мобильной разработки — создание удобных областей «тапа» на экране, отсутствие правых кликов (которые есть в десктопе), доступность нужных параметров на одном экране и добавление дополнительного управления элементами с помощью свайпов. Мы это активно применяем в интерфейсах для планшетов.
Касаемо пунктов:
Совершенно верно, светло-серый шрифт в отличие от белого не так напрягает глаза в темноте. Все контрастные элементы проверялись по шкале WebAIM.
Выравнивание заголовков зависит от наполнения столбцов: числовые значения необходимо выравнивать по правому краю.
Слишком толстый шрифт не всегда подходил — ввиду того что на мониторах не всегда включено сглаживание шрифтов по умолчанию, шрифт Medium был подобран оптимально.
С линиями соглашусь, с внедрением нового функционала таблиц, аналогичного Excel, это нововведение было применено. А вот по чередующимся строкам — спорно, бывают ситуации с большим количеством подсветки строк и ячеек, чередование может сбивать с толку в этом случае.
Очень правильный момент заметили — но мы и это решили: выбранная строка закрепляется сверху при скролле.
Общее количество элементов мы отображаем в случае выделенных строк, это действительно удобно. Если необходимо, данный параметр мы также выводим по запросу — он не всегда нужен для постоянного мониторинга.
Согласна, Excel с точки зрения работы с таблицами — идеальный инструмент, мы стремимся к тому, чтобы приблизиться к нему по удобству и функциональности.
Большое спасибо за развернутый комментарий!
Все постепенно приходилось внедрять. Особенно отзывается комментарий про пустое место на экране, я не написала об этом в статье — но это тоже было одной из горячих проблем. Однозначно, грамотное использование пространства на мониторе — это первое, на что было необходимо обратить внимание, в версии 2.0 это также учли.
Это было непросто — привнести свой взгляд и опыт с учетом уже готовых наработок, но в итоге удалось прийти к правильно заложенной базе для дальнейшего развития проектов