Блиииин, дизайнеры такие оригинальные

01 #design30club

Кое-кто не вылезает из киберпанка 2077 последние недели 2…

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

03 #design30club

AI ассистент по подбору луков.

Дополнительно челленджу себя по анимациям и непривычному UI. Пока челленджа как будто бы больше в том, чтобы научиться писать нормальные промты…

Присоединиться к челленджу

Последнюю неделю разбираюсь с Rive, относительно новой и относительно модной тулзой для интерфейсных анимаций и не только. Испытываю реально какие-то давно забытые чувства от удовольствия работы с программой, в которой мне буквально дали всё то, чего мне не хватало в Figma, Protopie и After Effects.

Что меня покорило:
1. Слоение анимаций. То есть вы можете в одном слое сказать, что квадратик двигается, а в другом что крутится. Итоговая анимация будет по формату Smart Animate крутить двигающийся квадратик. Очень удобно и очень атомарно, то что надо для интерфейсных дизов.

2. Создание и динамичное изменение стейтов элементов. Один стейт на ховер, другой стейт на клик, и ничего не пересекается. Ключи не мешают друг другу и вы лишь управляете тем по какому событию элемент перейдёт в другой стейт. И не нужно по отдельности продумать как будет выглядеть переход 1->2, 2->1, 3->1, 1->3 и тд. Переход будет анимирован сам по правилам вашей стейт машины.

3. Использование переменных для управления анимациями. Можно и задавать константы, а можно чтобы в райв эти данные передавались из кода того места, куда вы файл встроете. Огромные возможности для гибких анимаций. И опять же, не нужно продумать как для всех переменных будут выглядеть переходы. Вы задаёте правила, а анимация по ним живёт.

4. Взаимодействие с элементом настраиваете именно вы в файле Rive. То есть какой-то интересный ховер эффект или кардинальное изменение блока по клику, теперь дизайнер может сделать полностью самостоятельно и не контролировать создание анимации разработчиком. Вижу здесь много возможных подводных с разметкой аналитиками или поддержания консистентности в продукте. Но как фича прикольно.

5. Банально, но файл легче лотти.

Я еще планирую написать довольно подробный материал о возможностях и потенциале применения. Но пока материал в работе, очень рекомендую их видеоуроки на ютубе (на английском). Идеально для тех, кто уже имеет какой-то опыт в программах для анимаций, без долгих и занудных рассказов зачем вам нужны ключи.

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

——— Сама заметочка:

Сейчас набирает популярность такой термин как Home-cooked software. То есть софт сделанный своими силами для небольшой группы пользователей, под довольно узкие нужды. Можно сказать, что концепция существует довольно долго, но раньше она называлась «Situated software» (2004 год).

Home-cooked software — это про что-то простое, дешёвое, с простым контролем, приватное, под конкретные цели юзеров, без коммерческого интереса, безопасное и, конечно же, сделанное своими силами и с душой. Хоум кукд это антипод Professional software.
Professional software — софт с высоким коммерческим интересом, сложный, дорогой, требующий большой экспертизы, без контроля у пользователя, с рисками по безопасности.

В сегодняшней IT индустрии диджитал продукты делаются массово и в огромных количествах, но часто, непонятно для кого, ведь наши нужды особо и не знают. В основном продукты делают в США, откуда их транслируют по всему миру, не понимая даже культурного контекста, не говоря уже о более близком знакомстве с юзерами. Большие продукты никогда не сделают фичи под узкий запрос, ведь в масштабах большой компании даже 100к людей - маленькая кучка. У бигтеха никогда не возникнет коммерческого интереса развивать продукт под такие нужды, а соответсвенно и решать пользовательские потребности меньшинства.

Еще недавно, людьми который могли делать такие home-cooked apps были только те самые профессиональные разработчики, работающие в больших компаниях на больших зарплатах, потому что сделать даже самое простое приложение, полностью самостоятельно без сторонних инструментов, довольно сложно. И LLM сегодня как раз дают шанс людям, с идеями и потребностями, но без всех необходимых знаний.

Barefoot Developer (Босоногий разработчик) — это новый термин, предложенный автором доклада. Вдохновлён он историей про босоногих докторов в 1960х-1970х в Китае. Если кратко, то суть в том, что у государства не было времени и возможности качественно и массово обучить кучу докторов, которые смогли бы работать в китайских деревнях, поэтому было принято решение дать базовые знания по врачеванию обычным людям, которые смогли бы в этих деревнях работать. Это всё еще не были профессиональные доктора, но тем не менее ожидаемая продолжительность жизни в Китае выросла с 35 до 68 лет, а младенческая смертность снизилась с 200 до 34 на 1000 новорождённых.

Босоногие разработчики — это сегодняшние вайбкодеры или люди, которые обладают средней технической грамотностью, но которые не могут перешагнуть «барьер командной строки». Вчера они делали супер сложные вещи в разных профессиональных тулзах: типа огромные гугл таблички по планированию бюджета, сложные персонализированные ноушены и тд. За это, конечно же, приходится платить дохера денег, так как всё это дорогой бигтех софт. Но сегодня они уже могут создать эти инструменты самостоятельно с помощью LLM, конкретно под свои нужды, платя за это значительно меньше.

«English is the hottest new programming language»

——— Конец заметочки

Так вот! Я около полугода сопротивлялась вайбкодингу, но в конце концов поняла, что это ровно то, что мне всё это время было нужно.

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

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

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

Но позавчера посмотрела я это видео про barefoot developers и поняла «так это ж я». Собираю сложное связанные автоматизируемые базы данных в ноушене для менторств, поддерживаю сайт-портфолио на вебфлоу, делаю проработанные и удобные дизайн-системы. Всё это я на регулярной основе делаю под свои нужды или нужды своей небольшой социальной группы, но:

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

Но теперь я могу получить работающий продукт под свои нужды, который я даже могу развивать и в котором я могу копаться, спрашивая AI, что за что отвечает, почему что-то не работает и тд. Результат + какие-то знания, ну мечта же! Это всё еще не реальная разработка, но тем не менее всего за день развития своего плагина для фигмы я узнала больше о реальной разработке, чем за все мои «нормальные» попытки вкатиться.

И что же я сделала? Давно мною желанный плагин для фигмы, только для дизайнеров Дзена. Плагин берёт реальные контентные карточки с холодной ленты пользователя с прода и подставляет их в инстансы компонентов. Это очень важно для нас, как для дизайнеров, так как хороший дизайн можно делать только работая с реальными данными. Раньше вставка этих данных в макеты занимала кучу времени, которое теперь, слава богу, тратить не надо. Конечно, можно один раз подготовить варианты данных и постоянно их использовать, но даже разработчики жаловались, что устали смотреть на одни и те же контентные карточки, не говоря уже и о том, что паттерны создания контента у пользователей Дзена тоже меняются и лучше работать с актуальным срезом времени.

Короче, вайбкодинг — добро! Я уже отменила подписку на Webflow и Lifesum (красивое, но не юзабельное говно). Следующий кандидат на отписку - Notion 😈

Ахаха, сори, опять рефлексирующий пост (часть 1)

Сегодня хочу сделать ретроспективу своей карьеры и нормально сформулировать, в том числе для себя самой, причины своего недавнего большого шифта в B2C с даунгрейдом, произошедшего в 2024-м году. Думаю много кому откликнется.

Мой путь выглядит примерно так: Графический и UX/UI дизайнер (2016-2018) → Продуктовый дизайнер в B2B (2018-2023) → Дизайн лид в B2B (2023-2024) → Продуктовый дизайнер в B2C (2024-2025) → Дизайн лид в B2C (2025-настоящее время)

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

Внутренние сервисы и B2B, своей часто слегка скучной узкой спецификой, делают серьёзный предварительный отсев кандидатов, который многие недооценивают. Банально, но довольно мало дизайнеров мечтают начать карьеру с таск-трекера, а не с какого-нибудь главного экрана известного банка.

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

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

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

Часть 2

Так я и строила свою карьеру, продолжая оставаться в B2B. Даже получала большое удовольствие от копошения в сложных продуктах и разных спецификах. За свою 5-летнюю карьеру в направлении мне пришлось разобраться в ипотеке и недвижимости (кстати очень полезные знания), частной авиации, немецком налогообложении для сотрудника и работодателя. Параллельно также качала и визуал, как в UI так и в графе. Даже магистратуру по арт-дирекшену закончила параллельно с работой. Но постепенно я начала осознавать проблемы того, в какое направление сама себя загнала.

Во-первых, это незаинтересованность руководящих лиц в развитии дизайна в таких направлениях. То есть, есть B2C продукты, такой А-класс, на который смотрят все и чей дизайн должен быть прям на достойном уровне, потому что это, очевидно, лицо компании. Туда идут все ресурсы коммдиза и исследований, там проводят A/B тесты и смотрят на метрики. И есть Б (а может даже и В) класс лохов B2B продуктов, к которым отношение «главное работает», а как оно выглядит, дело десятое. Продукт должен выполнять свою задачу, это 100%, но даже на UX могут забить, ведь гораздо проще провести с юзерами тренинги «Как работать с нашим продуктом», чем сделать его более удобным. Никто, естественно, не будет против хорошего UI, но планка слишком низкая, чтобы это хоть кто-то оценил.

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

Какое-то время мне казалось, что может мне не везёт и я просто ещё не попала в ту самую компанию, в которой все мои навыки оценят по достоинству и где они действительно пригодятся, но, к сожалению, я её так и не нашла. Верю, что не везде так, но по крайней мере везде, где работала я. Поэтому зрел план, надо валить и менять направление. Но вот беда, мало кто хочет общаться с дизайн лидом B2B на позицию дизайнера с даунгрейдом в B2C. «Портфолио выглядит скучненько, сложные десктоп интерфейсы без знакомых метрик DAU/MAU/TS, нет ничего прикольного, да и странно что лид даунгрейдится, наверное ей просто руководить не понравилось».

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

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

Поэтому вот моя формула идеального продукта для себя на сегодня:

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

Эх, придумала себе единорога, вот всё жду его)

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