Отдыхаю в Грузии и перезагружаюсь для продолжения своего активного московского образа жизни 👀

В мае буду открыта для новых сайд проектов, менторств, лекций, и может быть даже подкастов.

Приглашаю послушать мой новый материал на дизайн-выходных в Казани. Будет микс китайской (и не только) истории, экономики, политики и конечно же как это всё влияет на продуктовый дизайн!

31 мая (сб), 17:30-18:00. Зал 11 (Цифровой дизайн)
Казань, Спартаковская улица, 2

«Смотрите на восток, а не на запад»

Выкладываю обещанную запись с моего выступления на дизайн-выходных в Казани. Была классная публика, поддерживающие друзья и коллеги 🙏 надо будет повторить

Блин, это че теперь еще и ютуб вести…

https://youtu.be/mvmXi71MRY8?si=JNcYc9yIVIPp7iZT

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

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 😈