Рубрика «ui/ux»

Для фронта MES у нас на заводе используются мнемосхемы производственных цехов. Мы очень любим их проектировать.

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

Читать полностью »

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

  • Делать свою или взять готовую? Прыг.

  • Платформенная или универсальная? Прыг.

  • Версионировать компоненты или всю библиотеку? Прыг...

И ещё много таких «прыгов» (с оглавлением).

Автостопом по дизайн-системе. Путеводитель с оглавлением - 1

Читать полностью »

В предыдущей статье я подробно разобрал проблемы связанные со шрифтами для темной темы и причины их актуальности. В данном материале смотрим на то, какие есть решения и что предлагает индустрия. + figma файл с адаптированным мной под темную тему стандартным текстовым набором стилей Material Design для Roboto.

Темная тема=шрифтовой ад - Решение - 1

Material Design 3

Читать полностью »

Неизбежный xkcd
Неизбежный xkcd

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

Читать полностью »

Как гласит старинная скандинавская максима, "С соседями своими в мире живи, чтобы не сожгли дома твоего".
К сожалению, даже в такой критически важной мелочи, как добрососедское сосуществование с иным софтом, в геймдеве (да и, чего греха таить, в целом по IT) наблюдается хронический непроглядный швах.
В лучшем случае из конфликта между двумя программными продуктами получается внеочередной товарищеский матч между техподдержками этих программ, по виду спорта "футбол пользователем".
Читать полностью »

«Что такое дизайн интерфейсов, с чего начать и что нужно знать» — в интернете много статей на данные тему, но зачастую большинство из них это просто общие советы. Смотря на такой список из 10 шагов юный дизайнер может потеряться и просто не поймет с чего начинать. Поэтому текст ниже это некая методичка с конкретными ресурсами и идеями, которые могут помочь новичкам более быстро разобраться в теме и потратить меньше времени на поиск качественных материалов. Каждый из источников ниже был опробован лично и получил свою медальку эффективности.

1. Youtube

Читать полностью »

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

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

Это будет рассказ о личном опыте посещении смотровой площадки башни «Федерация» в новогодние праздники 2021 и наблюдения UI этой самой смотровой площадки.

Читать полностью »

Забытые корни популярных иконок - 1

Популярная шутка утверждает, что наши дети воспримут 3,5-дюймовую дискету как распечатанный на 3D-принтере значок сохранения. Действительно, растёт поколение, не знающее объекта, с которого срисовали эту пиктограмму.

Но забытый формат хранения данных — далеко не единственный символ, память о происхождении которого мы теряем. Символы берут начало не только в исчезающих объектах реальности: некоторые из них зародились в устаревших стандартах, а иногда для нового объекта или явления нужен запоминающийся значок, автор которого не получает заслуженную славу. Постепенно иконки входят в нашу жизнь, и мы уже и сами не можем сказать, куда они уходят корнями.

В этом посте мы попытаемся отследить этимологию наиболее простых иконок, которые прочно вошли в наш графический язык.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js