Редизайн часто начинается с ощущения, что сайт устарел или просто всем внутри команды не нравится. Проблема в том, что такие ощущения почти невозможно защитить перед бизнесом. AGIMA на кейсе сайта «Халвы» показывает более трезвый подход: сначала зафиксировать состояние UX, потом менять интерфейс и только после этого смотреть, стало ли пользователю действительно лучше.
Для оценки они взяли SUPR-Q и замерили сайт до и после редизайна. До изменений итоговый балл был 3,82, после стал 4,91. Это рост на 28%. Сильнее всего выросли доверие к информации, комфорт при покупках и общее удобство использования. В этом и ценность кейса: он не про «посмотрите, как стало красиво», а про то, как связать редизайн с измеримым пользовательским эффектом.
Внутри:
– Почему визуальная привлекательность сама по себе ничего не доказывает;
– Какие три ловушки чаще всего мешают честно оценивать редизайн;
– Чем количественные UX-исследования отличаются от качественных;
– Почему для кейса «Халвы» выбрали именно SUPR-Q;
– Как правильно настраивать UX-опросы, чтобы не собрать мусорные данные;
– Какие ошибки чаще всего ломают результаты опросов;
– Какие показатели у «Халвы» выросли после редизайна сильнее всего;
– Как понять, что изменения улучшили не только внешний вид, но и доверие, навигацию и комфорт покупки.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15🔥5👍3
Пока в проекте живут цвета вроде #0055FF и отступы, прописанные руками, все кажется нормальным ровно до первого большого изменения. Потом начинается боль: что где используется, что можно трогать, как менять тему, почему один и тот же цвет называется тремя разными способами. В этот момент токены перестают быть «темой для системщиков» и становятся базовой гигиеной продукта.
Дима очень хорошо раскладывает это через три слоя: примитивы, семантику и компонентные токены. Самое полезное здесь не теория, а логика: семантика отвечает на вопрос «зачем», компонентный слой на вопрос «где», а правильный нейминг делает систему понятной и для дизайнеров, и для разработчиков. Плюс есть нормальный блок про темную тему, deprecated-токены и версионирование, то есть не только про создание, но и про жизнь системы после запуска.
Внутри:
– Как устроена трехслойная архитектура токенов и зачем нужен каждый слой;
– Чем семантические токены отличаются от компонентных;
– Как собирать нейминг от общего к частному, чтобы не путаться потом;
– Какие категории и свойства чаще всего используются в системе токенов;
– Почему состояние
default обычно не нужно писать явно;– Как токены помогают нормально поддерживать светлую и темную темы;
– Что делать с устаревшими токенами, чтобы не ломать прод;
– Почему без токенов любая масштабируемость быстро превращается в технический долг.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14🔥5👍4
Подборка лендингов и сайтов для вдохновения на предстоящую неделю
– pedestal.com
– zapier.com/enterprise
– moblinks.fr
– d2c-lifescience.com
– greenbridge.co.uk
———
– rvlt-ranboo.basement.studio
– aquavoice.com
– manifested.com
– formandfun.co
– jwanderson.com
———
– yeeld.com
– vinyl.beside.com
– backlight.co
– gumroad.com
– iru.com
———
– mantis.works
– davincii.com
– doctronic.ai
– voidzero.dev
– milanote.com
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍5🔥3
Выбираешь товар, начинаешь сужать выдачу, ставишь пару галочек и внезапно получаешь пустой экран. В этот момент проблема обычно не в пользователе, а в логике фильтров. Плохая фильтрация не помогает выбрать, а ломает выбор.
Саша из KISLOROD собрал 18 решений для фильтрации и 7 вариантов сортировки на примерах Ozon, Lamoda, Wildberries и других магазинов. Полезный разбор именно с продуктовой точки зрения: что помогает купить быстрее, а что раздражает и уводит с сайта. Плюс есть наблюдения из исследований Baymard Institute, например про выбор нескольких значений фильтра и поиск совместимых товаров.
Внутри:
– Какие фильтры нужны всем категориям, а какие зависят от конкретной ниши;
– Почему важно давать выбрать несколько значений одного фильтра;
– Как показывать примененные фильтры, сброс и количество найденных товаров;
– Что делать с длинными списками параметров: обрезка, поиск, порядок по популярности;
– Когда лучше фильтровать по кнопке «Применить», а не обновлять выдачу после каждого клика;
– Как не доводить пользователя до пустой выдачи и потери покупки;
– Какие варианты сортировки реально нужны кроме цены: рейтинг, популярность, новинки, наличие;
– Когда горизонтальный фильтр лучше сайдбара, а когда только мешает.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤9🔥4
Про AI в дизайне сейчас говорят очень много. Но если честно, большая часть контента до сих пор крутится вокруг промптов и генерации картинок. А вот как встроить все это в реальный продуктовый процесс, со своей дизайн системой, компонентами и живым прототипом, про это говорят сильно реже.
На демках все обычно выглядит красиво. Один запрос, и у тебя готовый экран. А когда открываешь свой продукт, начинается уже другая история: компоненты не те, переменные мимо, логика ломается, руками потом переделываешь половину.
Плюс отдельно разберут Claude Design. Что он уже умеет, где реально помогает и где пока рано ждать магии.
Поймёте, как настроить агента под свою дизайн систему, какие задачи уже можно отдавать AI, а какие лучше пока держать под контролем. И главное, увидите не просто красивую демку, а рабочий пайплайн, который можно потом применить у себя.
Если хотите разобраться, как AI использовать не для твиттер демо, а в нормальном боевом процессе — рекомендую
Эфир будет в закрытом канале, приходите, чтобы не пропустить
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤4👍3😁2🤔1
Таня, дизайнер диалогов в Т-Банке, разобрала, чем дизайн диалогов отличается от UX-редактуры. На старте кажется, что задачи почти одинаковые: исследования, понятные тексты, тон общения, сценарии. Но в разговорном интерфейсе все меняется, потому что интерфейсом становится сам диалог.
Главная разница хорошо видна на простом примере. Фразы «Хочу оформить дебетовую карту» и «Выпустите мне карту» звучат похоже, но дают роботу разный объем информации и запускают разные сценарии. Поэтому дизайнер диалогов проектирует не только реплики, но и логику уточнений, обработку смены темы, обратную связь и движение пользователя к результату.
Внутри:
– Чем дизайнер диалогов отличается от UX-редактора по роли и зоне ответственности;
– Почему в разговорном интерфейсе UX и UI фактически нельзя разделить;
– Как формулировка клиента влияет на сценарий и количество уточняющих вопросов;
– Зачем читать чаты, слушать звонки и анализировать речевое поведение;
– Почему в репликах робота вопрос часто ставят в конце, особенно в голосовых сценариях;
– Как давать обратную связь без визуальных элементов и не запутать клиента;
– Как писать естественные реплики робота и где разговорная лексика уже неуместна;
– Какие навыки нужны дополнительно: распознавание речи, синтез речи, работа со сценариями.
Хороший разбор для тех, кто смотрит в сторону чат-ботов, голосовых роботов и новой специализации в дизайне.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤13🔥5👍3
Слава разбирает мотивацию не как абстрактную психологию, а как рабочий инструмент для дизайнера. Главная мысль в том, что за любым действием пользователя почти всегда стоит конкретный стимул, и если не понимать, какой именно, то легко проектировать удобные, но пустые механики.
В статье он предлагает полезную рамку: белые, черные и серые стимулы. Белые держатся на смысле, росте и творчестве. Черные сильнее давят через дефицит, непредсказуемость и страх потери. Серые могут работать в обе стороны, например через владение или социальное влияние. И как раз на реальных примерах вроде Duolingo, TikTok, Steam, Minecraft, Dota и Google Docs хорошо видно, где стимул помогает продукту, а где начинает перегревать опыт.
Внутри:
– Почему стимулы полезнее рассматривать не как «хорошие» и «плохие», а как разные типы мотивации;
– Как работают белые стимулы: смысл, рост, творчество;
– Почему владение и социальное влияние могут быть и полезными, и токсичными;
– Как дефицит и непредсказуемость толкают к действию, но быстро перегревают опыт;
– Почему страх потери часто работает сильнее, чем обещание выгоды;
– Как связки стимулов усиливают друг друга в реальных продуктах;
– Чем отличается здоровая мотивация от манипулятивной;
– Как через эту рамку смотреть на свой продукт и выбирать механики осознанно.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤19👍8🔥6🤔2
Оля из Альфа-Банка очень правильно ставит акцент: вёрстка для дизайнера это не про «стать фронтендером», а про умение передавать свою идею в разработку без потерь. Пока дизайнер думает только картинкой, а не платформой, паттернами навигации, типами элементов и ограничениями технологии, на выходе почти всегда появляется один и тот же вопрос: «Что это вообще такое?»
Самое ценное в статье не спор про ответственность, а список конкретных уровней, на которых всё ломается. Разметка экрана, Push и Present навигация, типы элементов, особенности серверной и комбинированной вёрстки. Если это не учитывать в макете, разработчик начинает додумывать за дизайнера, а дизайн-ревью превращается в попытку спасти то, что уже поехало.
Внутри:
– Почему вёрстка это не только код, но и качество ready-to-dev макета;
– Как дизайнер теряет контроль над интерфейсом, если не думает про платформу;
– Чем опасно путать паттерны навигации вроде Push и Present;
– Почему типы элементов тоже влияют на итоговую вёрстку;
– Как технология реализации экрана меняет ограничения для дизайна;
– Что даёт команде более внимательное отношение к вёрстке уже на этапе макета;
– Какие простые шаги помогают дизайнеру быстрее подтянуть матчасть;
– Почему нормальная коммуникация между дизайном и разработкой экономит кучу времени и нервов.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20👍6🔥3😁1
#1 Claude Design
Anthropic выкатили Claude Design. Это инструмент, где можно текстом описать идею, а Claude соберёт визуал: прототип, презентацию, лендинг, one-pager или первый макет интерфейса. На первый взгляд звучит как очередное «ИИ теперь заменит дизайнеров», но мне кажется, тут интереснее другое.
Они делают его явно не только для дизайнеров. Он целится в продактов, фаундеров, маркетологов и всех людей в команде, у кого есть идея, но нет навыка быстро превратить её во что-то визуальное. То есть первый черновик интерфейса теперь сможет собрать почти любой человек. И это меняет не саму профессию дизайнера, а точку входа в дизайн.
Раньше дизайнер часто был первым человеком, который переводил мутную мысль в экран. Приходил продакт с «давай сделаем вот такую штуку», а дальше дизайнер распутывал сценарий, структуру, состояния, ограничения, тексты, логику и визуал. Теперь часть этой работы можно будет быстро накидать через ИИ. Но проблема в том, что такой макет может выглядеть нормально и при этом вообще не учитывать реальные сценарии, ошибки, ограничения разработки, поведение пользователей и метрики.
Поэтому я бы не драматизировал. ИИ отлично ускоряет момент «давайте хоть что-то посмотрим глазами». Это правда полезно, потому что меньше времени будет уходить на пустой лист, первые наброски и попытки объяснить идею словами. Но ценность дизайнера всё больше будет смещаться из «я умею красиво собрать экран» в «я понимаю, какой экран вообще нужен, зачем он нужен, где он сломается и как доказать, что это решение работает».
Плохая новость для тех, кто держался только на визуале. Хорошая новость для тех, кто умеет думать продуктом, задавать неудобные вопросы, работать с ограничениями и доводить идею до живого результата. Мне кажется, дальше таких инструментов будет всё больше, и рынок очень быстро начнёт отделять дизайнеров, которые просто делают макеты, от дизайнеров, которые реально влияют на продукт.
Что думаете? Уже юзали дизайн клода?)) Как вам? Похороны отменяются, пока что
Это мой первый экспериментальный пост, буду иногда писать мысли про какие-то дизайн инструменты или новости)
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Anthropic выкатили Claude Design. Это инструмент, где можно текстом описать идею, а Claude соберёт визуал: прототип, презентацию, лендинг, one-pager или первый макет интерфейса. На первый взгляд звучит как очередное «ИИ теперь заменит дизайнеров», но мне кажется, тут интереснее другое.
Они делают его явно не только для дизайнеров. Он целится в продактов, фаундеров, маркетологов и всех людей в команде, у кого есть идея, но нет навыка быстро превратить её во что-то визуальное. То есть первый черновик интерфейса теперь сможет собрать почти любой человек. И это меняет не саму профессию дизайнера, а точку входа в дизайн.
Первый красивый вариант почти никогда не равен хорошему продуктовому решению
Раньше дизайнер часто был первым человеком, который переводил мутную мысль в экран. Приходил продакт с «давай сделаем вот такую штуку», а дальше дизайнер распутывал сценарий, структуру, состояния, ограничения, тексты, логику и визуал. Теперь часть этой работы можно будет быстро накидать через ИИ. Но проблема в том, что такой макет может выглядеть нормально и при этом вообще не учитывать реальные сценарии, ошибки, ограничения разработки, поведение пользователей и метрики.
Поэтому я бы не драматизировал. ИИ отлично ускоряет момент «давайте хоть что-то посмотрим глазами». Это правда полезно, потому что меньше времени будет уходить на пустой лист, первые наброски и попытки объяснить идею словами. Но ценность дизайнера всё больше будет смещаться из «я умею красиво собрать экран» в «я понимаю, какой экран вообще нужен, зачем он нужен, где он сломается и как доказать, что это решение работает».
Плохая новость для тех, кто держался только на визуале. Хорошая новость для тех, кто умеет думать продуктом, задавать неудобные вопросы, работать с ограничениями и доводить идею до живого результата. Мне кажется, дальше таких инструментов будет всё больше, и рынок очень быстро начнёт отделять дизайнеров, которые просто делают макеты, от дизайнеров, которые реально влияют на продукт.
Что думаете? Уже юзали дизайн клода?)) Как вам? Похороны отменяются, пока что
Это мой первый экспериментальный пост, буду иногда писать мысли про какие-то дизайн инструменты или новости)
———
Please open Telegram to view this post
VIEW IN TELEGRAM
👍45🔥15❤14😁5🤔1
Подборка лендингов и сайтов для вдохновения на предстоящую неделю
– ycombinator.com
– business.pinterest.com/en-in/getting-started
– magicpatterns.com
– itscraft.com
– nobodyschild.com
———
– jackiezhang.co.za
– ugly.cash
– mastra.ai
– getluxo.ai
– abcdinamo.com
———
– cappen.com
– treeo.xyz
– felt.com
– modal.com
– invisibletech.ai
———
– llamaindex.ai
– ccus.heidelbergmaterials.com/en
– shupatto.com
– behold.cam
– every.to
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍5🔥2
Я не верю пока, но пролетел ровно год с первой части этого замечательного сериала. 7 апреля моему проекту исполнился год!
Мы прошли путь от 0 пользователей до 4k DAU, миллионы показов с поисковиках, 2+ млн просмотров, и первой выручке от подписки.
Мы выросли со 100 вакансий для дизайнеров до 35000+ вакансий по 7 категориям. Добавили много новых фильтров, десяток новых фич и тысячи улучшений под капотом. Визуально мы почти не изменились за год, но внутри изменения очень большие :)
Удивительно, но у меня все ещё нет команды и я пилю проект исключительно нейронками. Мне немного помогает с дизайном Тим, за что ему большое спасибо. Без него всё было бы медленее в несколько раз.
И да, сегодня релиз версии 4.2 и это самое большое обновление hirehi за всю его историю. Что же изменилось.
Собес это всегда стресс, но стресса не будет, если потренироваться. И теперь это можно сделать с AI-рекрутером прямо на платформе. Он учитывает множество факторов, ваш грейд, категорию, подкатегорию. Если в профиле есть резюме, то погоняет по нему. Там же можно выбрать тип собеседования (HR, технический или финальный). От этого зависит формат собеседования, продолжительность и стоимость по кредитам. Собесы можно проходить на русском или английском языках. Как вам удобно. Больше никакого стресса. И да, в конце вы получитё отчёт с оценкой. Он может быть пока не супер точный и правильный, это МВП. Любой фидбек пишите в личку. Кстати, там красивая анимация сферы внутри собеса, делал долго, но кажется прикольно. Буду улучшать)
Фича с AI-собесом может быть чуть-чуть нестабильна, ибо зависит от соединения, скорости интернета и так далее. Я максимально постарался свести ошибки к минимуму и оттестировать насколько это возможно. Но ошибки не исключены, поэтому смело пишите в личку, будем смотреть каждый случай и решать.
Я сделал свою собственную модель для предикта зарплат в вакансиях, где её нет. Модель обучена на десятках тысяч актуальных вакансий и определяет зп меньше чем за секунду. Я буду обучать её раз в неделю, а значит предикты будут ещё четче.
На странице вакансии теперь можно сгенерить сиви под конкретную вакансию. Оно возьмёт ваше исходное из профиля и подтюнит так, как нужно. А в самом профиле внутри сиви теперь можно в 1 клик сделать его лучше с точки зрения текстов и пользы :) Пробуйте, и пишите в поддержку (то есть мне, если что-то не так)
Входа по magic-link больше нет. Он был нестабилен и иногда люди просто не могли войти( Теперь можно сбросить пароль и входить просто по почте и паролю стандартно. Это быстрее и надёжнее.
А ещё сотня улучшений технических и правок по UI.
Я благодарю каждого, кто пользуется сервисом, кто его советует просто так (я иногда нахожу упоминания в соц.сетях), кто оплачивает подписку и рекомендует его знакомым и друзьям. Я делаю проект один с 0 бюджетом и каждое такое упоминание очень важно для развития сервиса.
Приходите пользоваться новыми фичами и искать вакансии. Всех люблю и обнимаю
ч.29 | ч.31
———
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤62🔥21👍9🤯1😢1
С AI в разработке почти у всех один и тот же цикл. В первой сессии он быстро собирает красивый экран, во второй начинает придумывать новые токены, в третьей путает отступы, а к десятой у вас уже ощущение, что продукт собирали три разные команды. Проблема не в том, что модель «плохая», а в том, что она не читает дизайн-систему так, как читает ее человек.
В статье предлагают довольно практичный подход: сделать дизайн-систему понятной для LLM через спецификации, закрытый слой токенов, обязательный аудит и инструкции для каждой новой AI-сессии. То есть не надеяться, что модель сама догадается, какой у вас синий, какой радиус у кнопки и как должен собираться layout, а дать ей это в явном виде. На примере с Atlassian после такого подхода убрали 418 хардкодных значений из 28 файлов и свели их к системе токенов и спецификаций.
Внутри:
– Почему LLM не мыслят дизайн-системами и постоянно начинают с нуля;
– Как из-за этого в прототипах копятся сотни мелких визуальных расхождений;
– Зачем проекту нужны spec-файлы, которые модель читает в каждой сессии;
– Почему закрытый слой токенов лучше, чем «разумные» догадки модели;
– Как аудит ловит хардкодные цвета, отступы и другие нарушения до коммита;
– Зачем связывать AI-инструкции, токены и CI в одну систему;
– Как устроена структура спецификаций: foundations, tokens, components, patterns;
– Почему такой подход особенно важен для больших прототипов и длинных AI-итераций.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
#2 Canva AI 2.0
Canva выкатила Canva AI 2.0, и это, кажется, один из самых понятных сигналов для digital-дизайнеров, графических дизайнеров, SMM-дизайнеров и всех, кто каждый день делает баннеры, презентации, обложки, лендинги, ресайзы, креативы и пачки визуалов под разные форматы.
Потому что Canva уже давно не просто «редактор для недизайнеров». Она постепенно становится местом, где маркетолог, предприниматель или команда могут сами закрывать большую часть визуальных задач. Теперь ещё и через ИИ: описал, что нужно, а Canva собирает презентацию, рекламный макет, пост, таблицу, страницу, кампанию или сразу несколько вариантов под разные каналы.
И вот тут неприятный момент. Очень много digital-задач на рынке держатся не на глубокой идее, а на скорости и аккуратности. Сделать баннер, адаптировать в 5 размеров, собрать презентацию, оформить карточки, быстро накидать лендинг, привести всё к бренду. Раньше это была нормальная оплачиваемая работа руками. Теперь всё больше таких задач будет закрываться внутри команды без отдельного дизайнера.
Это не значит, что digital-дизайнеры исчезнут. Но точно значит, что просто «уметь красиво собрать» станет слабым преимуществом. Потому что красиво и быстро теперь сможет сделать инструмент. А вот придумать визуальную систему, удержать стиль бренда, сделать креатив не шаблонным, собрать сильную кампанию, понять аудиторию и не скатиться в одинаковый нейровизуал - это уже другая история.
Мне кажется, для digital-дизайнеров главный вывод такой: надо уходить выше по уровню задачи. Не быть человеком, который просто исполняет «сделай красиво», а становиться тем, кто понимает, почему это должно выглядеть именно так, как это будет работать в рекламе, где нужен акцент, где нужен ритм, где бренд теряется, а где визуал превращается в очередной шаблон из интернета.
Canva сильно ускорит слабый и средний визуал. И его станет ещё больше. Поэтому хороший диз наоборот, будет ценнее, если умеет делать не просто аккуратно, а узнаваемо, осмысленно и с идеей.
Сильнее будет выделяться тот, кто умеет придумать визуальный ход, собрать не шаблонную подачу, почувствовать бренд, сделать так, чтобы креатив не растворился в общей нейро-ленте. Потому что когда у всех появится кнопка «сделать красиво», настоящая разница будет не в кнопке, а во вкусе, насмотренности и умении принимать визуальные решения.
Я, кстати, канвой никогда не пользовался, но знаю, что её любят 9 из 10 дизов. Там ещё и история создания интересная и история основательницы тоже, когда у неё была сотня отказов от фондов и прочих) В итоге они стали миллиардной компанией.
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Canva выкатила Canva AI 2.0, и это, кажется, один из самых понятных сигналов для digital-дизайнеров, графических дизайнеров, SMM-дизайнеров и всех, кто каждый день делает баннеры, презентации, обложки, лендинги, ресайзы, креативы и пачки визуалов под разные форматы.
Потому что Canva уже давно не просто «редактор для недизайнеров». Она постепенно становится местом, где маркетолог, предприниматель или команда могут сами закрывать большую часть визуальных задач. Теперь ещё и через ИИ: описал, что нужно, а Canva собирает презентацию, рекламный макет, пост, таблицу, страницу, кампанию или сразу несколько вариантов под разные каналы.
Canva не забирает у дизайнера вкус. Она забирает у него рутину, на которой многие держались годами.
И вот тут неприятный момент. Очень много digital-задач на рынке держатся не на глубокой идее, а на скорости и аккуратности. Сделать баннер, адаптировать в 5 размеров, собрать презентацию, оформить карточки, быстро накидать лендинг, привести всё к бренду. Раньше это была нормальная оплачиваемая работа руками. Теперь всё больше таких задач будет закрываться внутри команды без отдельного дизайнера.
Это не значит, что digital-дизайнеры исчезнут. Но точно значит, что просто «уметь красиво собрать» станет слабым преимуществом. Потому что красиво и быстро теперь сможет сделать инструмент. А вот придумать визуальную систему, удержать стиль бренда, сделать креатив не шаблонным, собрать сильную кампанию, понять аудиторию и не скатиться в одинаковый нейровизуал - это уже другая история.
Мне кажется, для digital-дизайнеров главный вывод такой: надо уходить выше по уровню задачи. Не быть человеком, который просто исполняет «сделай красиво», а становиться тем, кто понимает, почему это должно выглядеть именно так, как это будет работать в рекламе, где нужен акцент, где нужен ритм, где бренд теряется, а где визуал превращается в очередной шаблон из интернета.
Canva сильно ускорит слабый и средний визуал. И его станет ещё больше. Поэтому хороший диз наоборот, будет ценнее, если умеет делать не просто аккуратно, а узнаваемо, осмысленно и с идеей.
Сильнее будет выделяться тот, кто умеет придумать визуальный ход, собрать не шаблонную подачу, почувствовать бренд, сделать так, чтобы креатив не растворился в общей нейро-ленте. Потому что когда у всех появится кнопка «сделать красиво», настоящая разница будет не в кнопке, а во вкусе, насмотренности и умении принимать визуальные решения.
Я, кстати, канвой никогда не пользовался, но знаю, что её любят 9 из 10 дизов. Там ещё и история создания интересная и история основательницы тоже, когда у неё была сотня отказов от фондов и прочих) В итоге они стали миллиардной компанией.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11❤6👍3🤔1
Разговор про нейросети в искусстве обычно начинается с фразы «это всего лишь новый фотошоп». Олег Пащенко спорит именно с этим. Его мысль простая: кисть, камера или Photoshop не спорят с автором, а генеративная модель спорит. Она интерпретирует запрос, принимает сотни микрорешений сама и возвращает результат, который почти никогда не совпадает с замыслом полностью.
Из-за этого меняется сама роль автора. Раньше автор скорее воплощал идею. Теперь он все чаще отсекает лишнее: формулирует промпт, выбирает из вариантов, режет, удаляет, дорабатывает, оставляет одно и выбрасывает девяносто девять. То есть главная творческая функция смещается от производства к выбору и ответственности за этот выбор.
Внутри:
– Почему генеративную модель уже сложно считать просто послушным инструментом;
– Как промпт сам по себе уже искажает и сужает исходный замысел;
– Что автор на самом деле теряет, когда переводит идею в текст для модели;
– Почему результат генерации может быть одновременно и беднее, и богаче исходной идеи;
– Как Пащенко показывает это на примерах с Тарковским и православной иконографией;
– Почему Midjourney умеет копировать настроение, но часто не понимает структуру и смысл;
– Как возникает «рой» уникальных, но слабо различимых изображений;
– Почему в мире генеративного визуала главным жестом автора становится не создание, а отсечение.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥6👍3
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов.
Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия:
beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе.Внутри:
– Чем typeahead отличается от обычного автокомплита со списком подсказок;
– Почему решение через реальное выделение текста ломается на мобильных;
– Как работает overlay-подход с отдельным слоем поверх инпута;
– Какие события приходится перехватывать, чтобы поведение было естественным;
– Почему стандартный
Highlight не дает одинаковый результат в разных браузерах;– Как обрабатывать состояния фокуса, очистки и переполнения текста;
– Откуда берется проблема с кернингом при разбиении строки на
span;– Как можно компенсировать этот сдвиг, не отключая кернинг полностью.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤3👍2🤯1
Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво.
Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки.
Внутри:
– Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее;
– Почему вложенные элементы выглядят лучше с концентрическим скруглением;
– Как анимировать иконки контекстно, чтобы интерфейс ощущался живее;
– Зачем делать текст чуть более crisp на macOS через сглаживание;
– Почему для обновляющихся чисел лучше использовать табличные цифры;
– Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях;
– Почему enter-анимации лучше разбивать на части и слегка стеггерить;
– Как сделать exit-анимации мягче и менее навязчивыми;
– Почему иногда выравнивать нужно не геометрически, а оптически;
– Когда тень работает лучше границы;
– Зачем добавлять изображениям тонкий внутренний outline.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤26🔥7😁4👍3
#3 Netflix и вертикальная лента
Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо.
И вот тут у меня немного пригорает.
Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн.
С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил.
Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах.
Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить.
Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями.
И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом.
Что думаете?
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо.
И вот тут у меня немного пригорает.
Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн.
Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить
С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил.
Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах.
Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить.
Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями.
И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом.
Что думаете?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤9🔥2🤔2😁1
Успех, это когда о твоём сервисе рассказывают на лекциях Центрального университета от Т-Банка ❤️
Спасибо, Макс!)
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Спасибо, Макс!)
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤64🔥27🤯7👍2
Подборка лендингов и сайтов для вдохновения на предстоящую неделю
– myzenbase.com
– parallel.la
– makipeople.com
– wealthsimple.com/en-ca/product/cash
– reflexai.com
———
– isomeet.com
– sileent.com
– conversationdesigninstitute.com
– pendragoncycle.com
– 247plus.tv
———
– bend.eco
– nicolaromei.com
– grids.bio
– glyphic.bio
– span.app
———
– corca.app
– hottocha.com
– untillabs.com
– abewynen.com
———
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤3👍2
Пару лет назад все спорили, заменит ли AI дизайнеров. Сейчас вопрос другой: что вообще остается ценным, когда визуал, тексты, иллюстрации и прототипы делаются в разы быстрее. Судя по комментариям дизайн-лидов из Ozon, ВТБ, Яндекса, МТС, VK и других, ответ один: мышление, системность и умение связывать дизайн с продуктом, метриками и восприятием.
Самый интересный сдвиг в том, что дизайн перестает быть ремеслом и становится управлением продуктом через интерфейс. AI ускоряет производство, но не решает за команду, что именно нужно делать, зачем, как это встроить в сценарий и чем продукт будет отличаться от остальных. Поэтому в 2026 выигрывают не те, кто быстрее всех генерирует экраны, а те, кто умеет строить логику, характер продукта и ощущение от взаимодействия.
Внутри:
– Как AI стал частью операционной среды, а не просто модной фичей;
– Почему скорость производства больше не дает преимущества сама по себе;
– Как меняется роль дизайнера, когда фокус уходит от ремесла к решениям;
– Почему рынок устал от хайпа и начинает смотреть на AI через экономику и эффект;
– Зачем продуктам в 2026 нужна управляемая уникальность, а не копия лидеров;
– Как эмоциональный дизайн влияет на доверие, позиционирование и восприятие;
– Почему Zero UI становится следующим уровнем конкуренции через поведение, а не через кнопки;
– Как живая типографика и адаптивный сторителлинг помогают управлять вниманием и вовлеченностью.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12👍3🔥2😁1
#4 ChatGPT Images 2.0
OpenAI 21 апреля выкатили ChatGPT Images 2.0. Посмотрел релиз, и там интересно не то, что нейросеть снова делает красивые картинки. Красивые картинки уже стали фоном. Интереснее другое: OpenAI показывает задачи, где раньше генерация быстро рассыпалась. Постеры, инфографика, комиксы, книжные развороты, учебные схемы, мокапы, визуалы с типографикой и разными языками внутри изображения.
Вот это уже другой уровень. Потому что дизайнеру картинка часто нужна не ради картинки. Через неё надо объяснить идею, показать сценарий, собрать настроение, оформить гипотезу, донести мысль команде или заказчику. Раньше нейросетки в таких задачах часто работали как красивая демка. Издалека вроде огонь, а приблизил текст или детали, и всё поехало куда-то в нейроад.
И вот тут начинается самое неприятное. Пока генерация была кривой, с ней было проще спорить. Она сама себя разоблачала. Текст поплыл, руки странные, смысл не собрался, детали развалились. Можно было быстро сказать: выглядит прикольно, но в работу это не пойдёт.
Теперь так будет не всегда. Картинка может быть аккуратной, уверенной и почти готовой на первый взгляд. Принесли такую на встречу, все посмотрели, сказали нормально, пошли дальше. А внутри может не быть ничего: ни идеи, ни точного сообщения, ни связи с продуктом, ни понимания, зачем этот визуал вообще нужен.
Это и пугает больше всего. Не то, что ИИ заберёт работу дизайнера. А то, что он начнёт производить огромное количество визуалов, которые выглядят достаточно прилично, чтобы их перестали нормально разбирать. В командах и так часто обсуждают дизайн на уровне нравится или не нравится. А тут ещё появляется картинка, которая выглядит уверенно и как будто сама просит: ну возьмите меня уже.
Хотя с визуалом так не работает. Можно получить красивый мокап, который продаёт не тот смысл. Можно получить иллюстрацию, которая вообще не помогает понять фичу. Можно получить постер, где всё ровно, но внутри пусто. И проблема в том, что теперь это не всегда будет видно с первого взгляда.
Я бы относился к таким генерациям как к сырью. Сгенерил, посмотрел, разобрал, часть выкинул, часть забрал, что-то докрутил руками, где-то понял, что сама идея слабая. В таком режиме инструмент правда полезный. Он помогает быстрее думать визуально и не тратить кучу времени на первый черновик.
Но если начать принимать аккуратную генерацию за готовое решение, мы очень быстро получим мир, где картинок станет ещё больше, а смысла в них станет ещё меньше.
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
OpenAI 21 апреля выкатили ChatGPT Images 2.0. Посмотрел релиз, и там интересно не то, что нейросеть снова делает красивые картинки. Красивые картинки уже стали фоном. Интереснее другое: OpenAI показывает задачи, где раньше генерация быстро рассыпалась. Постеры, инфографика, комиксы, книжные развороты, учебные схемы, мокапы, визуалы с типографикой и разными языками внутри изображения.
Вот это уже другой уровень. Потому что дизайнеру картинка часто нужна не ради картинки. Через неё надо объяснить идею, показать сценарий, собрать настроение, оформить гипотезу, донести мысль команде или заказчику. Раньше нейросетки в таких задачах часто работали как красивая демка. Издалека вроде огонь, а приблизил текст или детали, и всё поехало куда-то в нейроад.
Самое сильное в новом ИИ-визуале не красота, а правдоподобность
И вот тут начинается самое неприятное. Пока генерация была кривой, с ней было проще спорить. Она сама себя разоблачала. Текст поплыл, руки странные, смысл не собрался, детали развалились. Можно было быстро сказать: выглядит прикольно, но в работу это не пойдёт.
Теперь так будет не всегда. Картинка может быть аккуратной, уверенной и почти готовой на первый взгляд. Принесли такую на встречу, все посмотрели, сказали нормально, пошли дальше. А внутри может не быть ничего: ни идеи, ни точного сообщения, ни связи с продуктом, ни понимания, зачем этот визуал вообще нужен.
Это и пугает больше всего. Не то, что ИИ заберёт работу дизайнера. А то, что он начнёт производить огромное количество визуалов, которые выглядят достаточно прилично, чтобы их перестали нормально разбирать. В командах и так часто обсуждают дизайн на уровне нравится или не нравится. А тут ещё появляется картинка, которая выглядит уверенно и как будто сама просит: ну возьмите меня уже.
Хотя с визуалом так не работает. Можно получить красивый мокап, который продаёт не тот смысл. Можно получить иллюстрацию, которая вообще не помогает понять фичу. Можно получить постер, где всё ровно, но внутри пусто. И проблема в том, что теперь это не всегда будет видно с первого взгляда.
Я бы относился к таким генерациям как к сырью. Сгенерил, посмотрел, разобрал, часть выкинул, часть забрал, что-то докрутил руками, где-то понял, что сама идея слабая. В таком режиме инструмент правда полезный. Он помогает быстрее думать визуально и не тратить кучу времени на первый черновик.
Но если начать принимать аккуратную генерацию за готовое решение, мы очень быстро получим мир, где картинок станет ещё больше, а смысла в них станет ещё меньше.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23👍6😁5🤯1