На выходных выкачу первый пост про балансировку UX при технических ограничениях (кстати, спойлер — порой лучший способ это стоять намертво, что под капотом надо менять, но это должно быть мотивировано и об этом и отчасти погвоорим).

А пока давно не писал про свои эксперименты и мою дизайн систему. И, может и не в тему, к тому же я нашел отличный способ полезной прокрастинации, когда задолбан намертво, но просто слюни пускать в кинофильмы не хочется.

В общем, я давно интересуюсь инженерными шрифтами — все эти шрифты дорожных знаков, чертежей, подписей на приборных панелях, для отображения кода, для бортовых номеров на самолётах и лодках и т.п. Мне нравится их инженерный и примитивный вид, но порой они слишком уродливы. И мне всегда хотелось попробовать войти в эту воду — я вряд ли когда-нибудь сделаю хороший художественный шрифт, но эта история мне кажется по плечу. И вот поскольку работы сейчас прямо очень много, а мозг требует эпизодической разгрузки, я решил заняться этим (еще в марте) и когда есть минутка-другая, занимаюсь ковырянием в Glyphs Mini над своей версией моноширинного шрифта.

В идеале мне хочется сделать небольшое семейство моноширинных и обычных рубленых гарнитур, которые я буду использовать в своих проектах и дизайн-системе — то есть достаточно читабельных и «скучных», т.е. нейтральных, плюс имеющих несколько степеней жирности и узости для использования в разных условиях ограничений HMI и физических панелей, плюс есть несколько еще хитрых идей модульности, о которых я напишу если у меня получится написать. Плюс хочу поддержку расширенной кириллицы и латиницы (например, для сербского, норвежского/шведского, немецкого, турецкго, беларусского, украинского, польского и других языков)

Пока это конечно на месяцы дел. Но вот первая прикидка, с латиницей, которая отражает некоторые мои взгляды (как минимум, наилучшие на данный момент). Тут еще шлифовать и шлифовать, но оказывается это очень успокаивает, наверное, как вязать спицами. Вдруг кому зайдет идея.

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

Upd1. На самом деле есть закругленная полная версия M01, со всеми знаками и буквами, но она мне не нравится и я ее пока заморозил.

Upd2: А ещё это отлично развивает чувство кривых Безье

Ничто не ново в этом мире. Инструмент быстрого и интерактивного прототипирования из 90-ых — https://www.youtube.com/watch?v=VLQcW6SpJ88

Идея итеративной проработки от скетча (ваерфрейма) к работающему UI прямо отлично отражена (благо с 90-ых годов, как и с 90-ых годов до нашей эры, люди слабо поменялись в подходах к работе)

P.S. Стыдно что так и не выкатил статью про “реверс-UX”, даже умолк с мелочевкой, но я честно пишу её и она получается, ммм, огромная и подробная.

Привет, надо все таки отметиться после трех месяцев молчания. Я понял что надо или закрыть, или перезапустить этот проект — жизнь поменялась и даже снова появились силы, но продолжать как раньше — писать спонтанно или мелкими урывками и не возвращаться потом меня самого не устраивает, а формат постов (в том числе тут, в телеге) не очень, мы же говорим о достаточно сложных темах.

Пока думаю над этим — я ж ничего не получаю с проекта, и нужна какая-то новая мотивация. Самое простое было бы сделать это коммерцией, но понятно, что мои темы слишком узкие, чтобы приносило хоть какой-то доход (ну или это точно не блогом с телегой решается). Так что бог с ним. Но я уже выкинул всё несвершившееся, оставив только действительно на мой взгляд важные посты. Ну и втихую занимаюсь кое-какими активностями.

Например, было бы неплохо сделать некоторые открытые мини-курсы на заданные темы (“топики”), опять же чтобы была какая-то законченность и польза, а не обрывки мыслей. Это то, на чём я полетел с постом про реверс-инжиниринг (и некоторым другими раньше) и понял что «стопэ, оглянись». Даже стал прорабатывать большую и относительно простую/популярную тему — как работает наше зрение и как это влияет на наше human-machine interaction — все эти красные ночные палитры, почему индикатор когда переводишь взгляд на него кажется зависшим, ну и почему кислотно-синий цвет в UI — не всегда лучший выбор.

Также хочу больше писать для совсем новичков, эдакий «джуниор курс». Много запросов «помоги», а куда направить и не знаю — на какой-нибудь Практикум? Там вполне свой взгляд на область UX, и дизайнеры оттуда вряд ли смогут думать над UI для дальних пароходов, лучистых атомных станций и мрачных шахт. Верю, что это будет мой небольшой вклад в их светлое будущее.

Вообще, ничего не обещаю. Очевидно, что геополитические события, иммиграционные потоки и то, как это коснулось меня, не могли не затронуть и мои увлечения и интересы (хотя затронуты они были и другими событиями ранее, корпоративно-поглощенческого плана). К тому же летний режим — надеюсь, через неделю я уже раздобуду себе простенькую яхту, и остатки короткого местного лета будут заняты скорее ей, чем рефлексиями “а чё дальше то?” сидя на крыльце.

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

https://protraktor.design/ru/2023/07/05/red-night-palettes/

Казалось бы, мы считаем мобильные устройства нормой, и даже можем задаваться вопросом, “зачем делать все эти отдельные HMI-панели, если всё может быть под рукой в телефоне/планшете”. Но, как всегда, у всех решений есть свои ограничения. На яхте телефон может утонуть, на судовом мостике планшет может быть разбит в качку или будут вопросы по кибер-безопасности, в шахте или автосервисе грязными пальцами в перчатках вряд ли получится работать с сенсорным экраном, а на вертолёте — упасть под педаль и привести к катастрофе.

Вот как раз свежая история про вертолёт — планшет выпал, упал под педаль, а пристегнутый пилот не смог оперативно достать его. Вертолёт разбился, пилоты погибли — https://verticalmag.com/news/dropped-ipad-implicated-in-fatal-chinook-helicopter-crash/

Если планшет под рукой — убедитесь, что его можно будет достать. Впрочем, всё это может произойти и в автомобиле, и где угодно ещё.

Решил поделиться личным опытом использования полупрофессиональных систем в течение двух недель плавания на яхте из Таллинна в Грайфсвальд — точнее, проблемами этих систем, которые вызывали мои негативные эмоции.

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

https://protraktor.design/ru/2023/09/08/personal-sailing-ux-experience/

Так, попробую-ка таки писать наборами постов без постов — а ля минилекции, которые на корпоративных сайтах гордо зовутся «академиями». И начнём с такого важного явления во многих сложных системах (особенно реального времени), как поддержание ситуационной осведомленности. Пока выложил общее описание того, что это такое и почему это важно, плюс, для тех кому это особенно интересно, список рекомендуемой литературы. Вообще, удивительно как часто о СО говорят в мире (прямо будничная рутина обсуждений), а в русскоязычном IT-сообществе даже не все знают о таком термине.

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

Итак, встречайте тут — Ситуационная осведомленность

P.S. Пока материал доступен только по прямой ссылке. Когда будет что-то законченное — тогда и впишу в общую навигацию сайта.

Эта статья по ссылке ниже настолько хороша (спасибо, Тарас!), что я думаю стоит нарушить обет молчания чуть раньше, чем я хотел.

Дело в том, что я давно считаю, что специфика UX-дизайна в своё время обросла каким-то нереальным количеством лишнего и избыточного — от «дизайн спасёт мир» и до «ща я быстро научусь делать классно и буду рубить бабло». Не спасёт. Быстро не научишься. Рубить бабло не будешь. Обросла в своё время, а в итоге сама себя съела, как будто мы сами поверили в свою собственную пропаганду — или поверили чужой и стали её распространять. Но потом, теперь — начались вопросы — а где реальная добавленная стоимость от UX? А может за громкими словами ничего нет? Может программист Вася сделает не хуже, но он ещё и алгоритмы и бэкэнд бацает. А может и AI сделает не хуже? Или, может, шаблонное решение будет лучше, чем то что сделают условный Саша, потому что он рукожоп и делает что-то не то и не может объяснить почему оно стоит того? За что, в конце концов, я, заказчик, плачу ему?

Мы же живём в убеждениях (зависит от нашего опыта, разумеется), что UX-дизайн важен, что должны быть пользовательские исследования, что заказчики должны давать нам творческую свободу, или что может быть верное решение (встречал), что старые системы говно, а новые нет (привет, liquid glass) и так далее. Но с чего это они должны разделяться бизнесом или кем либо ещё? Ракеты разные летают, компании ужимают бюджеты и т.д. — да и вообще, еще 30 лет назад у нас были дискеты и MS DOS, а сейчас с роботом можно разговаривать, и вероятно или мы должны снова переосмыслить что есть проектирование опыта человеко-машинного взаимодействия эргономика, либо же признать, что через-какое то время рабочие на производствах станут более незаменимыми, чем мы с нашими представлениями о прекрасном, которое никогда не наступит и вообще ни о чём.

В общем, я считаю что UX-профессии — ровно такие же, как другие. Не хорошие, не плохие, в них нет никакого флёра, всё это шум. Можно быть UX-дизайнером, можно быть инженером, можно быть сантехником, можно быть пекарем — кем угодно, кто может взять что-то и выдать результат, который обладает добавочной стоимостью. Но можно любить свою работу, а можно быть нарциссом. Можно учиться даже в плохих условиях, а можно думать что “компания/начальник говно, найду лучше”. Но не факт что эти стажировки не маркетинговый шум для привлечения внимания к HR-бренду. Симулякры и дискурсы.

Я всё размышлял, что далеко не всё, что я считаю ценным, разделяется, и пытался разобраться, это я схожу с ума или нет, ну и что происходит. И, что важнее, почему и куда это ведёт — в бесчисленных беседах вокруг, с бывшими и настоящими коллегами, с бывшими и настоящими заказчиками, начальниками и подчиненными, с друзьями и даже недругами. И знаю, что не я один ломаю мозг на эту тему, и тут уж остается две вещи 1) говорить не так как раньше 2) продолжать молчать и наблюдать как уроборос подбирается к своей голове.

UX умер. До здравствует UX!

Такая вот ситуационная осведомленность 🤷‍♂️ Продолжение последует :)

Tobias van Schneider дает дельные советы начинающим дизайнерам.

The best advice I've received in my career was from people who didn't care about my feelings, but cared about me becoming a better designer. After all, that’s what I wanted (and still want) to be.

5 hard truths for young designers

https://vanschneider.com/blog/5-hard-truths-for-young-designers/

И ещё мелочь — завел анти-вдохновляющий канал в довесок к инспирационному:
@protraktorantiinspiration

Пока софтовые вещи, но будут не только они.

Понял, что канал решит две моих связанных проблемы:

a) Когда в очередной раз что-то выбешивает, хочешь куда-то это пульнуть, чтобы потом пригодилось. А пульнут некуда и забываешь, соответственно оно пропадает.

б) Когда что-то хочется показать как пример ошибки или просто недостаточно хорошего подхода (а иногда и как наоборот — «смотрите, недостаточно хорошо, но никого не парит»), и даже помнишь что было где-то такое, но вспомнить не можешь ибо не пульнул и от этого страдает рабочая коммуникация. Картинка лучше тысячи слов.

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

Не воспринимайте слишком серьёзно. Но, кажется, наполнять его я буду чуть чаще чем инспирационный. То есть раз в квартал, а не в полгода :)

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

P.S. Разумеется, более частное/простое репостить не буду :)

Немного другой «анти» пример, когда и в нишевых продуктах эффектность побеждает эффективность. Хожу три года с часами Garmin 7 Solar Edition, которые нежно люблю — в них совершенно немассовый экран, ближе к старым жидко-кристаллическим, который прекрасно читается в любое время дня и ночи, что особенно критично на ярком солнце в кокпите на яхте, почти что e-ink, хоть и имеет некоторые ограничения по цветам. И благодаря этому я заряжаю часы дай бог если 12 раз в год — заряда хватает больше чем на месяц, и это почти не изменилось за три года (что логично, столько циклов то заряда).

Решил глянуть “есть ли что новое”, и ужаснулся. В столь нишевом продукте они убрали версию с трансфлективным дисплеем и оставили только AMOLED. Он, конечно, читается достаточно хорошо в максимальной яркости на солнце, но ценой стало уменьшение времени жизни, и сравнивать стоит с режимом always-on, ибо мои текущие часы включены всегда (хоть и без подсветки, но она и не нужна в дневное время).

Иными словами, нишевый продукт пошел по пути массового, а красивые экраны с эффектами как у китайских (а теперь не только) автомобилей — ну, хотел бы, купил бы Apple Watch.

Так вместе с маркетинговыми метриками мы имеем вырождение видового разнообразия и ухудшение (в данном случае для таких как я) пользовательского опыта — для меня время зарядки однозначно важнее, чем все эти светящиеся обводки и прочий нефункциональный визуальный шум.

Причины же решения, думаю, куда более тривиальны, хотя и маскируются как обычно визуальным дизайном — вероятно, производство столь нишевых экранов достаточно дорого, и нужно удешевлять производство в условиях конкуренции и глобального снижения спроса. Ровно то же происходит и даже по сути завершилось повсеместно в автомобилях, когда цифровые приборные панели вытеснили куда более дорогие аналоговые (и обладающие большим количеством плюсов, сравнимых с этой историей про часы), но это подаётся под соусом «цифровой — значит круто». Возможно, в другой раз доберусь и до них, когда в очередной раз посижу с очередным норвежцем в его Тесле и бурлящим “управляю планшетом, а не автомобилем, чёрт побери”.

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

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

P.S. Отдельно подбешивает что во всех этих фигмах углы поворота и размеров считаются от оси X. Я же больше мыслю «курсами» компаса, где нуль вверху — но увы и ах :)

P.P.S. Подправил и отправил на ревью. Ждёмс что скажут

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

В общем, продублировал картинки оттуда же с пояснениями что есть что из параметров. Последовательность: делаем прикидку, и когда всё устраивает, уже добавляем стрелки, меняем цвета и стили обводок и т.п.

Шкала с «шерстью» наружу всё равно находится внутри фрейма с диаметром внутренним — то есть за пределами его габарита, чтобы сохранить геометрический центр (а ещё потому что я не знаю как сделать вписывание всего в увеличенный фрейм, а разбираться с всякими ограничениями API не вижу смысла). Может сделаю когда-нибудь лучше версию, но пока можно просто разбить всё из фрейма и заново сгруппировать.

Если пригодится, можете закинуть мне на бусти 10 рублей ради прикола. Буду ходить мотивированный и гордый — «смотрите, я заработал!»