Ух ты, оказывается можно не корячиться с инспектором, а просто написать в консоль document.designMode = 'on'. И весь сайт превратится в канвас.

UPD. Точнее не в канвас, а в редактируемый документ.

@tg_knl

Стив Руиз (создатель tldraw) решил покошмарить дизайнеров интерфейсов и впилил в продукт вот такое.

Рисуешь скетч интерфейса → Жмешь “Make it real” → получаешь готовый интерактивный UI.

Чтобы потыкать нужна API-шка OpenAI. Впечатляет! Демка тут: makereal.tldraw.com

@tg_knl

В пятницу в 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

⚡️ Изящно проработанный сценарий получения фидбека.

Vlad Dugnist разместил вот такое сообщение в iOS приложении. Его видно по лонг-тапу, обычно перед попыткой удалить аппку. В итоге c этой точки прилетает 50% от всего фидбека от юзеров.

@tg_knl

Клевый ролик от приложения mymind — весь визуал это просто текст, но в паре со звуком сердечко начинает стучать быстрее.

Люблю такие штуки, напомнило лендинг Muzzle (великий!).

🔈 смотреть со звуком

@tg_knl

Кое какие UX-улучшалочки для компонента от Данилова Дэна

↑ Это компонент из Play, там много всяких прикольных нестандартных мелочевок. Не знаю, каково пользоваться такими контролами постоянно, но сделаны отлично.

Единственное чего им не хватает — это тактильного фидбека на маковских тачпадах.

Нравится мне всё таки подход к дизайну у Raphael Schaad.

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

Неделю назад дослушал подкаст с ним (Spotify, Apple Podcast), горячо рекомендую — заряжает.

Оказывается, он приложил руку к iA Writer и работал во Flipboard (одновременно с ним там был стажер Дилан, который, сюрпрайз, потом основал Фигму).

А потом и вообще запаузил свою карьеру и ушел работать ресерчером в MIT. И Cron (нынешний Notion Calendar) родился не внезапно, а после 5 лет труда.

(на картинке книжки, которые он рекомендует как базу для начинающих)

@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

Интересная статистика по количеству дизайнерских вакансий — сначала падение в два раза, затем небольшой рост (данные by Artiom Dashinsky и TrueUp).

@tg_knl