This media is not supported in your browser
VIEW IN TELEGRAM
В пятницу в Twitter завирусился мой пост (впервые!). Дублирую сюда.
«Думаю это мудрый ход — добавлять в дизайн-систему градации прозрачностей. Потому что:
🎛️ Это делает компоненты более гибкими — они отлично выглядят на любом фоне.
💡 Дизайн-система меньше связывает руки. Появляется больше решений для одной и той же дизайнерской задачи.»
В комменты пришло много дизайнеров.
Adham Dannaway (автор книги Practical UI) — сказал, что его ресерч показал что такой подход оказался самым гибким для UI, где фон может сильно варьироваться.
Adam Przewoski (дизайнер Netguru) — поделился своим сервисом, который как раз генерирует такие палитры.
David Aerne (разработчик Elastiq Ltd) — предложил для таких целей использовать CSS-функцию color-mix(), и даже сделал демку.
Aen Tan (Head of Design в Bake) — развеял опасения по поводу перфоманса. В теории он должен был снизиться, но по факту никакого заметного снижения не происходит.
Сам твит здесь (подписывайтесь, кстати): twitter.com/danilov_den_/status/1725441615504736534
@tg_knl
«Думаю это мудрый ход — добавлять в дизайн-систему градации прозрачностей. Потому что:
🎛️ Это делает компоненты более гибкими — они отлично выглядят на любом фоне.
💡 Дизайн-система меньше связывает руки. Появляется больше решений для одной и той же дизайнерской задачи.»
В комменты пришло много дизайнеров.
Adham Dannaway (автор книги Practical UI) — сказал, что его ресерч показал что такой подход оказался самым гибким для UI, где фон может сильно варьироваться.
Adam Przewoski (дизайнер Netguru) — поделился своим сервисом, который как раз генерирует такие палитры.
David Aerne (разработчик Elastiq Ltd) — предложил для таких целей использовать CSS-функцию color-mix(), и даже сделал демку.
Aen Tan (Head of Design в Bake) — развеял опасения по поводу перфоманса. В теории он должен был снизиться, но по факту никакого заметного снижения не происходит.
Сам твит здесь (подписывайтесь, кстати): twitter.com/danilov_den_/status/1725441615504736534
@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
Forwarded from Полезное дизайнеру
This media is not supported in your browser
VIEW IN TELEGRAM
Кое какие UX-улучшалочки для компонента от Данилова Дэна
Нравится мне всё таки подход к дизайну у Raphael Schaad.
В 2024 году в индустрии всё еще довольно размыто определено кто же такой «продуктовый дизайнер», но в моем понимании это чувак типа Рафаэля (и Расмуса Андерсона конечно, хотя у него гораздо больший уклон конкретно в интерфейсы).
Неделю назад дослушал подкаст с ним (Spotify, Apple Podcast), горячо рекомендую — заряжает.
Оказывается, он приложил руку к iA Writer и работал во Flipboard (одновременно с ним там был стажер Дилан, который, сюрпрайз, потом основал Фигму).
А потом и вообще запаузил свою карьеру и ушел работать ресерчером в MIT. И Cron (нынешний Notion Calendar) родился не внезапно, а после 5 лет труда.
(на картинке книжки, которые он рекомендует как базу для начинающих)
@tg_knl
В 2024 году в индустрии всё еще довольно размыто определено кто же такой «продуктовый дизайнер», но в моем понимании это чувак типа Рафаэля (и Расмуса Андерсона конечно, хотя у него гораздо больший уклон конкретно в интерфейсы).
Неделю назад дослушал подкаст с ним (Spotify, Apple Podcast), горячо рекомендую — заряжает.
Оказывается, он приложил руку к iA Writer и работал во Flipboard (одновременно с ним там был стажер Дилан, который, сюрпрайз, потом основал Фигму).
А потом и вообще запаузил свою карьеру и ушел работать ресерчером в MIT. И Cron (нынешний Notion Calendar) родился не внезапно, а после 5 лет труда.
(на картинке книжки, которые он рекомендует как базу для начинающих)
@tg_knl
Media is too big
VIEW IN TELEGRAM
Вау, линеечка чтобы мерить размеры шрифтов и тач-зон на мобилках. Выглядит прикольно, наверное чувствуешь себя таким инженером с циркулями и мольбертом.
Купить можно тут https://www.4ourthmobile.com/touch-templates
@tg_knl
Купить можно тут https://www.4ourthmobile.com/touch-templates
@tg_knl
Прошел курс «50 days of writing» от Дэвида Перелла.
Это просто бесплатные 50 емейлов, приходят каждый день. По сути — прогрев.
Курс больше про письмо для себя. Для тех, кто ведет личные блоги, каналы и соцсети. Но еще больше этот курс про то, как организовать свои мысли и идеи. Так, чтобы извлекать из них больше пользы. Вот че выписал:
— Когда пишешь — шлифуешь свои мысли. Они становятся четче и понятнее.
— У нашего поколения есть привилегия — писать и стать известным может каждый. Раньше не было интернета, публиковаться и распространять свои идеи и мысли было тяжело.
— Мало кто серьезно относится к писательству. Вокруг полно кликбейта, политики и другого фастфуда. Поэтому глубокие и интересные авторы быстро становятся известными.
— «Страх пустого листа» это булщит. Неправильный подход. Правильный такой:
1. Своя система заметок, свой клад идей. Живешь себе, записываешь, тегируешь (не вылизывать, а то замедлится генерация). Конспектируешь так книги, лекции, и просто свои мысли (они быстро исчезают, если не зафиксировать).
2. Как только решил написать о чем-то — бинго, уже есть идеи. Идешь по нужным тегам, собираешь их, и вот уже сырой список тезисов готов. Осталось его обработать и выдать продукт — статью.
3. В итоге всегда начинаешь писать уже имея кучу опорного материала. Минус в том, что нужно время, пока разрастется система заметок. Зато будешь начинать марафоны письма сразу с середины дистанции.
4. А еще хорошая практика — реализовывать только те личные проекты, к которым накопилась куча заметок.
— Креативность это не про «сидеть и усердно думать». Это про несфокусированность и несконцентрированность. В кровати, на отдыхе и во время ходьбы всегда приходят самые лучшие идеи. Поэтому среда для творчества должна быть именно такой.
— Кратно повысить качество контента помогает объяснение его другому человеку. Так замечаешь шероховатости. Беседы с клевыми людьми это вообще отдельный кайф — заметки после них валятся кучей.
— Нет ничего оригинального. Банальная мысль, но примеры огонь: книга Sapiens это просто сборная солянка уже существующих знаний из других книг (со слов самого автора). Как и «Звездные войны», там кажется вообще кроме сценария нет ничего своего.
— «Imitate, Then Innovate». Походу, этот принцип брат афоризма «Fake it until you make it». Это про то, что начинать свой путь лучше с подражания кому-то. Ирония в том, что так мы обнаруживаем чем отличаемся. И свою индивидуальность.
— «Пиши, как говоришь» — это херовый принцип. Когда мы говорим, информация передается не только словами. Есть звуковые акценты, скорость, паузы, движения тела, мимика. Текст лишен этой роскоши. Поэтому надо делать поправку на контекст. (от меня: UX-тексты могут частично передавать эти нюансы через брендинг продукта)
— Всегда просите фидбек. Мы слепы к своей работе. И друзья нам врут, говорят «вай как все клево, ты умница». Чтобы добиться нормального фидбека есть методика CRIBS.
— Тащите подписчиков из соцсетей на личные каналы (вроде блога на своем домене). Чужие платформы это ненадежно: алгоритмы меняются, а еще можно внезапно в бан улететь. Ты всегда там в гостях.
— Audience-First продукты. Сначала соберите себе аудиторию, а потом делайте для них продукт. А не наоборот, как происходит обычно.
— И самый сок — Личная Монополия. Про то, как на самом деле строится личный бренд. Проще погуглить — Personal Monopoly.
Это всё — мизерная часть всего того, что есть в курсе. В целом клёво, я вовлекся и не отлипал до последнего урока. Дальше пойду уже на его серьезный курс — Write of Passage. Прогрев удался🤷♂️
@tg_knl
Это просто бесплатные 50 емейлов, приходят каждый день. По сути — прогрев.
Курс больше про письмо для себя. Для тех, кто ведет личные блоги, каналы и соцсети. Но еще больше этот курс про то, как организовать свои мысли и идеи. Так, чтобы извлекать из них больше пользы. Вот че выписал:
— Когда пишешь — шлифуешь свои мысли. Они становятся четче и понятнее.
— У нашего поколения есть привилегия — писать и стать известным может каждый. Раньше не было интернета, публиковаться и распространять свои идеи и мысли было тяжело.
— Мало кто серьезно относится к писательству. Вокруг полно кликбейта, политики и другого фастфуда. Поэтому глубокие и интересные авторы быстро становятся известными.
— «Страх пустого листа» это булщит. Неправильный подход. Правильный такой:
1. Своя система заметок, свой клад идей. Живешь себе, записываешь, тегируешь (не вылизывать, а то замедлится генерация). Конспектируешь так книги, лекции, и просто свои мысли (они быстро исчезают, если не зафиксировать).
2. Как только решил написать о чем-то — бинго, уже есть идеи. Идешь по нужным тегам, собираешь их, и вот уже сырой список тезисов готов. Осталось его обработать и выдать продукт — статью.
3. В итоге всегда начинаешь писать уже имея кучу опорного материала. Минус в том, что нужно время, пока разрастется система заметок. Зато будешь начинать марафоны письма сразу с середины дистанции.
4. А еще хорошая практика — реализовывать только те личные проекты, к которым накопилась куча заметок.
— Креативность это не про «сидеть и усердно думать». Это про несфокусированность и несконцентрированность. В кровати, на отдыхе и во время ходьбы всегда приходят самые лучшие идеи. Поэтому среда для творчества должна быть именно такой.
— Кратно повысить качество контента помогает объяснение его другому человеку. Так замечаешь шероховатости. Беседы с клевыми людьми это вообще отдельный кайф — заметки после них валятся кучей.
— Нет ничего оригинального. Банальная мысль, но примеры огонь: книга Sapiens это просто сборная солянка уже существующих знаний из других книг (со слов самого автора). Как и «Звездные войны», там кажется вообще кроме сценария нет ничего своего.
— «Imitate, Then Innovate». Походу, этот принцип брат афоризма «Fake it until you make it». Это про то, что начинать свой путь лучше с подражания кому-то. Ирония в том, что так мы обнаруживаем чем отличаемся. И свою индивидуальность.
— «Пиши, как говоришь» — это херовый принцип. Когда мы говорим, информация передается не только словами. Есть звуковые акценты, скорость, паузы, движения тела, мимика. Текст лишен этой роскоши. Поэтому надо делать поправку на контекст. (от меня: UX-тексты могут частично передавать эти нюансы через брендинг продукта)
— Всегда просите фидбек. Мы слепы к своей работе. И друзья нам врут, говорят «вай как все клево, ты умница». Чтобы добиться нормального фидбека есть методика CRIBS.
— Тащите подписчиков из соцсетей на личные каналы (вроде блога на своем домене). Чужие платформы это ненадежно: алгоритмы меняются, а еще можно внезапно в бан улететь. Ты всегда там в гостях.
— Audience-First продукты. Сначала соберите себе аудиторию, а потом делайте для них продукт. А не наоборот, как происходит обычно.
— И самый сок — Личная Монополия. Про то, как на самом деле строится личный бренд. Проще погуглить — Personal Monopoly.
Это всё — мизерная часть всего того, что есть в курсе. В целом клёво, я вовлекся и не отлипал до последнего урока. Дальше пойду уже на его серьезный курс — Write of Passage. Прогрев удался🤷♂️
@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
tl;dv на лендосе показывает не модалку с подпиской, как обычно, а спрашивает “С кем сравниваете нас?”. Вводишь название и тебя кидает на статью со сравнением, табличкой, красота.
P.S. Это те самые ребята с клевыми рекламными видосами.
@tg_knl
P.S. Это те самые ребята с клевыми рекламными видосами.
@tg_knl
Please open Telegram to view this post
VIEW IN TELEGRAM
О, у ADPList тоже есть wrapped — записали меня в топ 30% менторов. Кстати, записывайтесь на 1х1 сессию, это бесплатно.
— Дизайнерам расскажу что угодно про продуктовый/интерфейсный дизайн (уже 10 лет как в сфере).
— Фаундерам SaaS могу проревьюить продукт, интерфейс, найти quick wins, побрейнштормить как повлиять на конверсии (в воронках и на лендосах).
—Разработчикам подсказать как быстро научиться делать красиво и удобно.
Да и вообще что угодно о своем опыте рассказать или просто поболтать. Мне всегда в кайф.
@tg_knl
— Дизайнерам расскажу что угодно про продуктовый/интерфейсный дизайн (уже 10 лет как в сфере).
— Фаундерам SaaS могу проревьюить продукт, интерфейс, найти quick wins, побрейнштормить как повлиять на конверсии (в воронках и на лендосах).
—Разработчикам подсказать как быстро научиться делать красиво и удобно.
Да и вообще что угодно о своем опыте рассказать или просто поболтать. Мне всегда в кайф.
@tg_knl
Блин, лендос PostHog — одна большая самоирония. Здорово когда вайб бренда стирает границу между чёрствым SaaS и живыми людьми.
Поскроллишь, обмажешься этим контентом, и кажется будто тут и интерфейс скорей всего быстрый, и документация нормальная, и поддержка быстро и по делу ответит. Потому что видно human touch. И даже какое-то сострадание, что ли🤷
@tg_knl
Поскроллишь, обмажешься этим контентом, и кажется будто тут и интерфейс скорей всего быстрый, и документация нормальная, и поддержка быстро и по делу ответит. Потому что видно human touch. И даже какое-то сострадание, что ли🤷
@tg_knl
Пробую-обкатываю свой новый пайплайн для создания классных конвертящих текстов на лендосы и пейволлы. Делюсь (пошагово):
👯 Проводим 4-5 интервью с ЦА: показываем им текущий лендос/пейволл/продукт.
🎥 Записываем на видео.
💬 Генерируем субтитры через Whisper (например Whisper Transcribe). Экспортируем в .SRT файлы.
☁️ Закидываем .SRT файлы в любую нормальную LLM-ку. Я юзаю для этого TypingMind: у меня подключено 4 разных API-шки и собран AI-агент аля «Virtual CMO».
🏞️ Вместе с субтитрами кидаем скриншот лендинга/пейволла.
📝 Просим переписать тексты используя все эти знания и лексику респондентов (чтобы текст говорил словами ЦА).
🏁 Готово! По факту, конечно, детали всё равно приходится шлифовать самому. Можно еще попереключать разные модели, никогда не угадаешь у какой получится лучше.
@tg_knl
👯 Проводим 4-5 интервью с ЦА: показываем им текущий лендос/пейволл/продукт.
🎥 Записываем на видео.
💬 Генерируем субтитры через Whisper (например Whisper Transcribe). Экспортируем в .SRT файлы.
☁️ Закидываем .SRT файлы в любую нормальную LLM-ку. Я юзаю для этого TypingMind: у меня подключено 4 разных API-шки и собран AI-агент аля «Virtual CMO».
🏞️ Вместе с субтитрами кидаем скриншот лендинга/пейволла.
📝 Просим переписать тексты используя все эти знания и лексику респондентов (чтобы текст говорил словами ЦА).
🏁 Готово! По факту, конечно, детали всё равно приходится шлифовать самому. Можно еще попереключать разные модели, никогда не угадаешь у какой получится лучше.
@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
Я тут участвую в папочке дизайнерских каналов, подписывайтесь: https://t.me/addlist/mzQtBZVAlGw5NTc6
Здесь в телеграме я сам обычно читаю только личные каналы. Там честнее и интереснее делятся опытом: как в гости пришел и сел в кресло послушать. Поэтому как только попадается такая папка — всегда пробегаюсь по внутрянке, часто там находятся очень хорошие каналы.
@tg_knl
Здесь в телеграме я сам обычно читаю только личные каналы. Там честнее и интереснее делятся опытом: как в гости пришел и сел в кресло послушать. Поэтому как только попадается такая папка — всегда пробегаюсь по внутрянке, часто там находятся очень хорошие каналы.
@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
Очень круто сделан lightnote.co — обучение музыкальной теории по лучшим практикам дизайнеров Брета Виктора и Бартоша Чехановского.
Мне кажется, такой формат — это лучшее, что можно придумать в онлайне, чтобы в эпоху ADHD помочь мозгам пройти длительное обучение. Короткие абзацы, четкая фрагментация, и примеры, которые можно потыкать и послушать.
@tg_knl
Мне кажется, такой формат — это лучшее, что можно придумать в онлайне, чтобы в эпоху ADHD помочь мозгам пройти длительное обучение. Короткие абзацы, четкая фрагментация, и примеры, которые можно потыкать и послушать.
@tg_knl