This media is not supported in your browser
VIEW IN TELEGRAM
Что делать, если…🤫
или мои любимые мысленные эксперименты для развития креативности
С возрастом человек всё реже задаёт вопросы и представляет разные варианты развития событий. Мозг всё чаще идёт по проторенной дорожке и не хочет искать новое🪧
А сейчас упражнять креативность стало как никогда важно — ведь монотонную техническую работу всё чаще выполняют нейронки. Поэтому… вот несколько упражнений, когда вы ищете решение:
1️⃣ Задавайте вопросы
Почему?
Что если?
Почему нет?
Важно не искать сразу ответ, а специально «раскачивать» рамки задачи😺
2️⃣ Круг благоприятных возможностей
Выберите 12 атрибутов, связанных с вашей задачей (например: пользователь, цель, страх, мотивация, интерфейс, ошибка, время, контекст и т.д.) и разложите их по кругу, как циферблат.
Дальше:
— случайно выбираете два элемента
— и пробуете связать их между собой в контексте задачи
Смысл в том, чтобы вытаскивать неожиданные комбинации и смотреть на задачу под углом, в который вы бы сами не пошли.
3️⃣ Техника Уолта Диснея
Уолт Дисней, сталкиваясь с творческой задачей, трижды менял перспективу. Он представлял себя в роли трёх персонажей и пробовал применить отношение каждого из них к проблеме:
Вообще техник намного больше💭 )) Если интересно, вот бонус-треки:
— книжка Рисовый штурм и ещё 21 способ мыслить нестандартно
— фильм Почему мы креативны🐏
— статья на РБК о теории Генриха Альтшуллера ТРИЗ
Пишите какие техники используете вы и что работает лучше всего✨ 📥
@prodtomorrow
или мои любимые мысленные эксперименты для развития креативности
С возрастом человек всё реже задаёт вопросы и представляет разные варианты развития событий. Мозг всё чаще идёт по проторенной дорожке и не хочет искать новое
А сейчас упражнять креативность стало как никогда важно — ведь монотонную техническую работу всё чаще выполняют нейронки. Поэтому… вот несколько упражнений, когда вы ищете решение:
Почему?
(Почему на одной стороне дороги четные дома, а на другой наоборот? Почему отпуск именно 28 дней, а не 30?)
Что если?
(Что если убрать главный экран? Что если пользователь не читает текст вообще?)
Почему нет?
(Почему нельзя сделать наоборот? Почему нельзя упростить это до одного действия?)
Важно не искать сразу ответ, а специально «раскачивать» рамки задачи
Выберите 12 атрибутов, связанных с вашей задачей (например: пользователь, цель, страх, мотивация, интерфейс, ошибка, время, контекст и т.д.) и разложите их по кругу, как циферблат.
Дальше:
— случайно выбираете два элемента
— и пробуете связать их между собой в контексте задачи
Смысл в том, чтобы вытаскивать неожиданные комбинации и смотреть на задачу под углом, в который вы бы сами не пошли.
Меня, например, в Вышке на первом курсе учили похожей технике — только был не циферблат, а матрица. В колонках — разные свойства объекта (например, тип, цвет, контекст, форма, размер).
Дальше вы случайно соединяете слова из разных столбцов и пробуете собрать из них идею
Уолт Дисней, сталкиваясь с творческой задачей, трижды менял перспективу. Он представлял себя в роли трёх персонажей и пробовал применить отношение каждого из них к проблеме:
• Перспектива мечтателя — придумывает без ограничений, чистый полёт фантазии
• Перспектива реалиста — приземляется и думает, как это можно воплотить
• Перспектива критика — накидывает вопросы и ищет слабые места идеи
Вообще техник намного больше
— книжка Рисовый штурм и ещё 21 способ мыслить нестандартно
— фильм Почему мы креативны
— статья на РБК о теории Генриха Альтшуллера ТРИЗ
Пишите какие техники используете вы и что работает лучше всего
@prodtomorrow
Please open Telegram to view this post
VIEW IN TELEGRAM
7❤19🔥5🤝4
This media is not supported in your browser
VIEW IN TELEGRAM
Время идти на длинные выходные🐆 🐆
Пообещайте мне хотя бы один день из трёх не открывать крышку ноута!
——
Ссылка на автора этой секси анимации😍
——
Ссылка на автора этой секси анимации
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13❤4🤩4🙏2🏆2⚡1
Друзья! Тут Андрюха хочет вам пару слов сказать🔥
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥5❤3😁3
Чем предстоит заниматься: писать маркетинговые и UX-тексты для дебетовых карт, накопительных счетов, программ лояльности и других продуктов в сфере daily banking.
Скучно точно не будет — присоединяйся к нам!!
Чтобы откликнуться, напиши мне в тг или заполни анкету
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥11😁5❤4
Волшебная пилюля для Claude Code 🤡
Недавно в рилсах попался чувак, который обещает прокачку Клода для дизайнеров в разы: копируешь его волшебную PDF-табличку в md — и получаешь качественно новый уровень результата.
Обещание сильное. Решила проверить руками. Скачала. В голове: «Ну что же там? Что же?😑 »
Открываю гайд — а там суть в составлении таблицы для Клода: сфера → цвета, шрифты, tone of voice, набор блоков + инструкция для агента:
🚩 определить продукт → взять из таблицы данные 🚩
Так вот что автор имеет ввиду, когда говорит о дизайн-базе😬 Только скормив клоду такие инструкции, вы по факту вы не «прокачиваете» его, а загоняете в рамки. Потом ещё и тратите токены, чтобы из них выбраться.
Если надо погенерить дизайн просто так, то вам вообще эти гайды не нужны, а, наоборот — максимальная свобода для иишки. А если делаете реальный большой проект, то тем более не нужны бессполезные ТАБЛИЦЫ с абстрактными стилями, где разбивка по сферам. (Тогда, кстати, подойдет design.md файл, где будет описана дизайн система и правила для конкретного проекта)
Ах да, с чего я начала.
Волшебной пилюли, конечно же, нет. Ищите, пробуйте и находите то, что работает именно для вас🤍
Недавно в рилсах попался чувак, который обещает прокачку Клода для дизайнеров в разы: копируешь его волшебную PDF-табличку в md — и получаешь качественно новый уровень результата.
Обещание сильное. Решила проверить руками. Скачала. В голове: «Ну что же там? Что же?
Открываю гайд — а там суть в составлении таблицы для Клода: сфера → цвета, шрифты, tone of voice, набор блоков + инструкция для агента:
Так вот что автор имеет ввиду, когда говорит о дизайн-базе
Если надо погенерить дизайн просто так, то вам вообще эти гайды не нужны, а, наоборот — максимальная свобода для иишки. А если делаете реальный большой проект, то тем более не нужны бессполезные ТАБЛИЦЫ с абстрактными стилями, где разбивка по сферам. (Тогда, кстати, подойдет design.md файл, где будет описана дизайн система и правила для конкретного проекта)
Ах да, с чего я начала.
Волшебной пилюли, конечно же, нет. Ищите, пробуйте и находите то, что работает именно для вас
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14 4 2
На днях нашла фотки за 2021 год и вспомнила, что у меня есть диплом педагога. Хихикаю, когда смотрю на эти пруфы с моей практики😂
Если нейронки все таки заменят продуктовых дизайнеров, я уйду преподавать вашим детям в художественную школу 💅
Если нейронки все таки заменят продуктовых дизайнеров, я уйду преподавать вашим детям в художественную школу 💅
3❤19😁8😱4🤝3🔥2🙏2
Парадокс персонализации
Замечали, как📱 Spotify угадывает настроение? Как 📱 YouTube понимает, чего ты хочешь в пятницу вечером? Мы уже привыкли к этому, но за каждым таким алгоритмом — дизайн-решение, основанное на более глобальных целях.
Мы листаем ленту соцсети, и каждый пост — отражение наших интересов и подтверждение наших убеждений. Чем больше скроллишь, тем уже тематически становится выборка контента👻
А теперь представьте, как это можно использовать (и как это уже используется) в политике.
Алгоритмы всё сильнее влияют на общество, подтверждая уже существующие убеждения и отсекая противоположные точки зрения.
Ещё несколько примеров.
🎥 TikTok за 30–40 минут пассивного просмотра может довести пользователя до контента про расстройства пищевого поведения. Алгоритм 🔍 Google Ads показывал вакансии с высокой зарплатой мужчинам значительно чаще, чем женщинам — при абсолютно равной активности пользователей.
Проблема не в персонализации как таковой. Проблема в том, что мы подстраиваемся под прошлое поведение и называем это «знанием пользователя». Но прошлое поведение — это не личность, а всего лишь цифровые следы.
Этика персонализации — это про три вещи: прозрачность (почему это показывается), контроль (возможность сбросить и переопределить себя) и разнообразие (намеренное введение неожиданного). Иначе мы дизайним не для человека — мы дизайним для модели, которую о нём построили🐕
@prodtomorrow
Замечали, как
Мы листаем ленту соцсети, и каждый пост — отражение наших интересов и подтверждение наших убеждений. Чем больше скроллишь, тем уже тематически становится выборка контента
А теперь представьте, как это можно использовать (и как это уже используется) в политике.
Далеко ходить не надо: алгоритм новостной ленты одной соцсети (f), как выяснилось, избирательно продвигал эмоционально заряженный контент для повышения вовлечённости — даже ценой распространения дезинфы и усиления политической поляризации.
Алгоритмы всё сильнее влияют на общество, подтверждая уже существующие убеждения и отсекая противоположные точки зрения.
Ещё несколько примеров.
Проблема не в персонализации как таковой. Проблема в том, что мы подстраиваемся под прошлое поведение и называем это «знанием пользователя». Но прошлое поведение — это не личность, а всего лишь цифровые следы.
Этика персонализации — это про три вещи: прозрачность (почему это показывается), контроль (возможность сбросить и переопределить себя) и разнообразие (намеренное введение неожиданного). Иначе мы дизайним не для человека — мы дизайним для модели, которую о нём построили
@prodtomorrow
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12🙏6💯4🍌1🍓1💅1🦄1
У меня сегодня был последний день в МТС Финтех 🥚 🐱
Please open Telegram to view this post
VIEW IN TELEGRAM
7 31😱20❤12🕊4💔4💋2
😁10🍓3💯2
Полезные ресурсы для дизайн-инженера🎉
Недавно проводила воркшоп по нейронкам для коллег и обещала прислать все ссылки. Наконец-то собрала их в один список. Делюсь бесплатно, без СМС и регистрации 😁
◦ 21st.dev — библиотека крутых React-компонентов и инструментов для вайбкодинга
◦ Supahero — коллекция hero-секций. Ещё footer.design. Часто скармливаю как референсы
◦ Генерация визуалов:
Nanobanana 2 / GPT Image 2 + Kling
◦ Frontend-design skill. Для Claude Code есть плагин уже.
◦ UI UX Pro Max skill— ну чуууууточку лучше начинает делать прототипы. В комплекте стили, цветовые палитры, шрифтовые пары, графики, гайдлайны доступности и т д. Можно повысить уровень агента от стажера до уверенного джуна)
◦ Motion.dev (бывший Framer Motion) — библиотека для анимаций. Ссылка на установку
◦ Magic UI — красивые анимированные компоненты для React / Tailwind
У них еще есть MCP (вот ссылка на установку)— удобно подключать в курсор/клодик
◦ Playwright mcp— запускает браузер, делает скрины и находит ошибки раньше вас
◦ Whispr Flow — голосовой ввод. По ощущениям, реально ускоряет работу. Есть бесплатные лимиты в месяц. Я уже не только промпты им набираю. С кайфом ввожу поисковые запросы и пишу заметки
Еще спрашивали, где брать дизайн-системы и UI-киты для проектов:
*️⃣ Figma Community — UI kits
*️⃣ Design Systems Surf
*️⃣ getdesign.md
Если еще что-нибудь вспомню — выложу отдельным постом. Что еще забыла? Чем вы пользуетесь? Дополняйте🤍
Недавно проводила воркшоп по нейронкам для коллег и обещала прислать все ссылки. Наконец-то собрала их в один список. Делюсь бесплатно, без СМС и регистрации 😁
◦ 21st.dev — библиотека крутых React-компонентов и инструментов для вайбкодинга
◦ Supahero — коллекция hero-секций. Ещё footer.design. Часто скармливаю как референсы
◦ Генерация визуалов:
Nanobanana 2 / GPT Image 2 + Kling
◦ Frontend-design skill. Для Claude Code есть плагин уже.
◦ UI UX Pro Max skill— ну чуууууточку лучше начинает делать прототипы. В комплекте стили, цветовые палитры, шрифтовые пары, графики, гайдлайны доступности и т д. Можно повысить уровень агента от стажера до уверенного джуна)
◦ Motion.dev (бывший Framer Motion) — библиотека для анимаций. Ссылка на установку
◦ Magic UI — красивые анимированные компоненты для React / Tailwind
У них еще есть MCP (вот ссылка на установку)— удобно подключать в курсор/клодик
◦ Playwright mcp— запускает браузер, делает скрины и находит ошибки раньше вас
◦ Whispr Flow — голосовой ввод. По ощущениям, реально ускоряет работу. Есть бесплатные лимиты в месяц. Я уже не только промпты им набираю. С кайфом ввожу поисковые запросы и пишу заметки
Еще спрашивали, где брать дизайн-системы и UI-киты для проектов:
Если еще что-нибудь вспомню — выложу отдельным постом. Что еще забыла? Чем вы пользуетесь? Дополняйте
Please open Telegram to view this post
VIEW IN TELEGRAM
2❤17🔥8🤝3
Так, ну, я побыла безработной целых 4 дня!) Пора делать крутые штуки в большом синем банке 💳 Кто там угадал, кстати? 🤍
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥38❤11🎉3😱2👏1
«Ало, вайлдберис, вы там совсем е**нулись»
Уже четверо знакомых скинули мне этот рилс, где чувак разносит наружную рекламу WB.
Хотел захейтить «девочку дизайнера», а опозорился сам на весь запретграм🤡 )
Чувак как будто вообще не слышал про оптический баланс. Текст специально прижат к левому краю, потому что у карточки экстремально скруглённые углы плюс левое выравнивание. В таких случаях элементам приходится давать больше воздуха, чтобы визуально всё выглядело ровно. Это буквально база.
Снизу тоже всё очевидно. Отступ от лого до края карточки специально уменьшен, чтобы компенсировать белый внутренний отступ. Тут вообще-то вспоминаем правила вложения одного скруглённого элемента в другой. Математически одинаково ≠ визуально одинаково.
Еще орнула от претензии к кнопке на печатном баннере. «О боже, кнопка на наружке. Как они могли?»😂
Да очень просто. Кнопка — один из самых узнаваемых символов маркетплейса. Хотят использовать её как декоративный элемент — используют. Более того, почти наверняка там ещё есть какие-то психологические триггеры, о которых можно отдельно поразмышлять)))
Короче, если взять все правки автора рилса и реально внести их в макет, всё просто посыпется и будет выглядеть как полное гэ🤠
Меня всегда удивляет, насколько уверенно люди разбирают дизайн по линейке, полностью игнорируя то, как его вообще воспринимает человеческий глаз. Че думаете?
Уже четверо знакомых скинули мне этот рилс, где чувак разносит наружную рекламу WB.
Хотел захейтить «девочку дизайнера», а опозорился сам на весь запретграм
Чувак как будто вообще не слышал про оптический баланс. Текст специально прижат к левому краю, потому что у карточки экстремально скруглённые углы плюс левое выравнивание. В таких случаях элементам приходится давать больше воздуха, чтобы визуально всё выглядело ровно. Это буквально база.
Снизу тоже всё очевидно. Отступ от лого до края карточки специально уменьшен, чтобы компенсировать белый внутренний отступ. Тут вообще-то вспоминаем правила вложения одного скруглённого элемента в другой. Математически одинаково ≠ визуально одинаково.
Еще орнула от претензии к кнопке на печатном баннере. «О боже, кнопка на наружке. Как они могли?»😂
Да очень просто. Кнопка — один из самых узнаваемых символов маркетплейса. Хотят использовать её как декоративный элемент — используют. Более того, почти наверняка там ещё есть какие-то психологические триггеры, о которых можно отдельно поразмышлять)))
Короче, если взять все правки автора рилса и реально внести их в макет, всё просто посыпется и будет выглядеть как полное гэ🤠
Меня всегда удивляет, насколько уверенно люди разбирают дизайн по линейке, полностью игнорируя то, как его вообще воспринимает человеческий глаз. Че думаете?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3😁29💯15❤9
This media is not supported in your browser
VIEW IN TELEGRAM
Мем зашел слишком далеко😁🌷
Please open Telegram to view this post
VIEW IN TELEGRAM
😁21🔥9❤4🤣4