⚡️Про Webflow и ИИ, который действительно стоит внимания

Мы давно не писали про сервисы, которые упрощают жизнь дизайнеру. Новости про ИИ уже, честно говоря, немного поднадоели — но мимо этого апдейта пройти не можем.

Webflow выпустил свой (очередной) ИИ-инструмент, который позволяет собирать сайты буквально в несколько промтов. И это действительно круто. Особенно если учитывать, какую долю рынка Webflow занимает за рубежом — это уже не просто конструктор, а полноценный инструмент для серьёзной веб-разработки.

Если вы до сих пор делаете лендинги исключительно на Tilda, возможно, пришло время расширить горизонты.

Учить Webflow точно стоит — не ради хайпа, а потому что это следующий логичный шаг для любого, кто хочет делать более гибкие и мощные сайты.

#ai #webflow #development

Юзабилити тестирования

Юлиана Шевчук из Контура (а Контур, кстати, вообще молодцы) написала отличную статью о том, как составлять сценарии для юзабилити-тестирования.

Что внутри? Всё по делу: как подойти к составлению сценария, какие этапы пройти и с какими сложностями можно столкнуться по дороге.

Если вы работаете с продуктом — читать обязательно. Ну и вообще, юзабилити-тестирование — это база.

Ух, пятница. Всем хороших выходных — передышка нужна.

А пока — возвращаемся к нашей традиционной рубрике «мем по пятницам». Сегодня в кадре — арт-директор, который внезапно залетел в вашу Figma и уже пофиксил компонентик.

Антон, дизайнер B2B-продуктов в X5, написал очень годную статью про скелетоны — те самые серые заглушки, которые мы видим, пока грузится интерфейс.

В материале — и общие принципы проектирования, и практические советы с примерами. Всё по делу, без воды.

Знаете, что случается, когда 30 диджитал директоров объединяются?

Появляется финальная версия Легендарной папки!

И даже если вы уже подписывались раньше — загляните снова, потому что состав участников стал ещё круче.

В легендарной папке:

— Реальные кейсы от лучших управленцев digital-рынка, которые не найти на конференциях, VC, Хабре;

— Инсайды о том, как на самом деле развивать и масштабировать digital-компании;

— Прямые трансляции, живое общение, контакты к первым лицам лучших digittal-компаний России;

— Откровенные истории о победах и факапах;

— Практические советы для будущих руководителей.

Никакой воды — только концнтрат опыта управленцев, которые реально строят digital и IT-бизнес в России!

Присоединяйтесь к седьмой, финальной версии → https://news.1rj.ru/str/addlist/wHmT3ESlQBM0YmIy

Смотрите, что вышло: Влад, старший дизайнер в Альфа-Банке, запилил классный пост на Хабре о том, как с помощью макетов оптимизировать процессы и экономить время в команде.

Внутри — много толковых мыслей, но особенно круто, что он затронул важные и часто забываемые штуки: как сделать макеты предсказуемыми, упростить передачу между дизайнерами, сократить время на их «чтение», мыслить сценариями и собирать удобные компоненты для повседневной работы.

Короче, если работаете в команде и проектируете интерфейсы — очень советуем. Пушка, ей богу.

Сейчас сервисы работают быстро — в большинстве случаев мы даже не успеваем заметить, что что-то грузится.

Но есть сценарии, где без паузы не обойтись: например, при онбординге или генерации персонального контента. В такие моменты важно не просто «держать пользователя», а грамотно управлять его вниманием.

Продуктовый дизайнер Юлия Кондратьева как раз написала статью на эту тему — как научить пользователя ждать. Причём не на уровне ощущений, а на основе реальных научных исследований.

Если работаете с загрузками, онбордингом или просто хотите сделать пользовательский опыт плавнее — читать обязательно. Нечего ждать, правда.

Вы уже слышали, что в Фигме появился свой скрепыш — FigPal?

Ему можно надеть шапочку и кормить иконками. Но сегодня не про это.

Мы стараемся реже писать про «те самые нейросети», которые обещают оставить без работы не только дизайнеров и разработчиков, но и всех остальных. Но сегодня сделаем исключение — потому что инструмент реально интересный.

Знакомьтесь, Wegic.AI — штука, которая помогает создавать полноценные сайты по простому принципу: промт → уточнение → результат. Всё в интерфейсе до боли знакомо, но что главное — результат выглядит не хуже, чем у других аналогов (а иногда и лучше).

Из полезного: можно за доплату разместить проект на своём домене. То есть, по сути, это уже не просто генератор, а инструмент, который можно использовать в проде, если немного докрутить.

Попробовать точно стоит — хотя бы ради общего понимания, куда всё движется.

Ульяновск, встречай XIII IT-конференцию «Стачка»!

18-19 апреля мероприятие соберет более 2500 специалистов: разработчиков, маркетологов, дизайнеров, топ-менеджеров и предпринимателей.

Спикеры из Сбера, Яндекса, Ozon, VK и других топ-компаний выступят с докладами по 4 ключевым направлениям:
▪️ Разработка
▪️ Управление
▪️ Дизайн и контент
▪️ Digital-маркетинг

Специальные гости:
🔹 Антон Шкаплеров – космонавт-испытатель, побывал в космосе 4 раза
🔹 Дмитрий Побединский – физик, блогер, автор канала «Физика от Побединского»

Что еще будет?
▪️ Нетворкинг
▪️ Мастер-классы
▪️ Экспертная зона
▪️ Афтепати

Бонусом – скидки на билеты:
–10% на билеты «ВИП» и «Комфорт» по промокоду «Фетюхин_10»
–20% на билеты «Стандарт» по промокоду «Фетюхин_20»

Изучить программу и купить билет можно на сайте https://ul25.nastachku.ru

Дизайнеров много, и хороших — тоже. Но есть студии, за которыми хочется следить пристально: за идеями, подходами и реализацией. Они делают настоящие вещи, и за ними точно стоит присматривать.

Чтобы вам было проще — вот небольшой список студий, на которые стоит обратить внимание:

PORTO ROCHA
Нью-йоркская студия с бразильскими корнями. Работают на стыке брендинга, графдиза и цифровых продуктов. Проекты всегда про форму с характером и идею с настроением. Если хочется увидеть, как выглядит современный международный дизайн — вам сюда.

Locomotive
Канадская digital-студия с безупречным чувством ритма. Их сайты — это микс визуальной выразительности и технологичности. Очень круто работают с типографикой и анимацией. Если ищете референсы по современным промо-сайтам — это маст.

Buena Suerte
Свежая студия из Мадрида, у которой уже очень мощный стиль. Акцент на айдентику, упаковку и цифровые форматы. Работы всегда с дерзким вайбом и смелыми визуальными решениями.

Ony
Московская студия с мощным портфолио в брендинге и digital. Работают с крупными компаниями и стартапами, делают сильные айдентики и сайты, в которых всё сбалансировано — от идеи до пикселя. Один из столпов российского рынка.

Linii
Молодая, но очень уверенная студия. Много экспериментов, нестандартных ходов и внимания к деталям. Работы тонкие, визуально свежие и умные. Приятно следить за тем, как они развиваются.

Добавляйте в сохранёнки, внимательно изучайте и вдохновляйтесь. Это как минимум красиво. А как максимум — полезно для роста.

UX уходит, AX приходит: как ИИ меняет подход к дизайну

Джон Маэда, вице-президент Microsoft по ИИ-направлению, выпустил новый доклад Design in Tech, где очень точно зафиксировал то, что уже происходит на наших глазах: дизайн меняется. И меняется глубже, чем может показаться.

Главная мысль Джона — переход от пользовательского опыта (UX) к агентскому опыту (AX).

Раньше пользователь кликал, искал, заполнял формы, переходил по экрану за экраном. Весь UX строился вокруг управления вниманием, построения паттернов, предсказуемости интерфейсов. Это работало в мире, где человек взаимодействует напрямую с системой через понятные визуальные элементы.

Теперь всё иначе. Пользователь просто формулирует своё намерение. Одним запросом. Нейросеть интерпретирует его и сразу выдаёт результат, минуя привычные уровни взаимодействия. Не «заполни анкету на 10 шагов», а «сделай за меня». ИИ превращает сложные интерфейсы в один акт коммуникации.

Это уже не про то, чтобы сделать кнопку «поудобнее». Это про то, чтобы вообще убрать кнопку из уравнения. В агентском опыте главное — правильно распознать, что хочет пользователь, и быстро привести его к цели, даже если сам пользователь не всегда точно знает, как туда дойти.

Что это меняет для дизайнеров? Всё. Мы больше не проектируем кнопки, поля и чекбоксы — мы проектируем сценарии намерений. Мы выстраиваем логику взаимодействия на уровне запросов и ответов, а не экранов. Мы учимся думать, как агенты: как понять пользователя с полуслова и сделать за него большую часть работы.

ИИ не просто меняет инструменты. Он меняет саму структуру взаимодействия. И тот, кто сейчас это осознает, успеет перестроиться под новый стандарт. Остальные будут пытаться улучшать формы на сайтах в то время, когда формы уже будут не нужны.

Время UX как мы его знали — заканчивается. Время AX — уже началось.

Как правильно работать с референсами: важная статья от Насти Петяхиной

Настя Петяхина — преподаватель Школы Дизайна НИУ ВШЭ и участница команды "Щелочь" — выпустила отличную статью про то, как работать с референсами без потери себя.

Из важного: Настя чётко объясняет, где проходит граница между вдохновением и плагиатом, как не утонуть в бесконечных картинках и научиться находить своё в потоке чужих идей.

Из не менее важного: она собрала подборку полезных ссылок — каналы, книги, фильм — всё, чтобы прокачать насмотренность без лишнего хаоса.

Figma и ИИ: теперь уже без отговорок

Только собрался написать статью о том, что каждый дизайнер обязан уметь превращать свои экраны в кликабельные прототипы — с помощью Bolt, Lovable и других инструментов (не беру Cursor, он уже посложнее), — как Figma выкатывает апдейт. И не просто апдейт, а буквально встраивает под капот тот же Bolt, на базе Claude Sonnet 3.7.

Без лишнего шума Figma делает то, что должно было случиться: превращает среду проектирования в среду исполнения. Теперь ты не просто рисуешь экраны — ты можешь сразу собирать из них работающие штуки.

Это ожидаемо, логично и, я бы сказал, органично. Всё, о чём я говорил в своих видео, теперь выходит на другой уровень. Раньше это были эксперименты в сторонних инструментах — теперь это становится частью самого процесса. Не где-то рядом, а прямо внутри того, где дизайнер работает каждый день.

Поэтому теперь всё просто: нет смысла спорить, надо ли дизайнеру уметь работать с ИИ. Надо. Уже сейчас. Иначе будешь не в процессе, а догоняющим.

(На фотографии я с сыном — без всяких ИИ, просто момент. Для нас это уже наступившее будущее, для него — будет обыденной реальностью. И в этом, наверное, самый интересный контраст.)

С возвращением после праздников! Надеюсь, вы успели перезагрузиться — пора включаться в работу и делать продукты ещё сильнее.

Для плавного старта — короткая, но крайне полезная лекция от Apple с WWDC22. Да, видео не новое, но актуальности не теряет вообще.

Внутри — чётко, по делу и с примерами рассказывается, как писать хорошие интерфейсные тексты: понятно, дружелюбно и без лишнего.

Если вы работаете с копирайтингом в UI (спойлер: вы точно работаете), обязательно посмотрите.

AX: что меняется в дизайне и почему это важно

Дизайн-директор компании Intelsy Костя Зудов поразмышлял о том, как меняется роль дизайна в мире, где на первый план выходят голосовые ассистенты и GPT-системы вроде GPT. Мысли интересные, обсуждения по классике в комментариях.

Вместо предисловия
За последние десятилетия дизайнеры выстроили удобный цифровой мир: кнопки, формы, экраны, понятные сценарии. UX научил нас делать сложное понятным и помог миллионам пользователей быстрее решать свои задачи. Но сейчас мы наблюдаем заметный сдвиг. Пользователь всё чаще хочет не нажимать — а просто сказать, что нужно.

Не искать фильтр — а сказать:
«Алиса, включи Лед Зеппелин»,
«Покажи ближайшие кофейни»,
«Забронируй столик у окна на 19:00, но без громкой музыки».

Это уже не UX в привычном смысле. Это другое взаимодействие — без экранов и интерфейсов. Пользователь формулирует намерение, а система сама выбирает, как к нему прийти. Это называется AX — Agent Experience.

Что такое AX
AX — это опыт взаимодействия с цифровым агентом: ИИ, голосовым помощником или чат-ботом. У пользователя есть задача, система — понимает и делает. Весь процесс можно описать так:

1. Пользователь формулирует запрос
2. Система распознаёт намерение
3. Агент (например, GPT) подбирает нужные действия
4. Выполняется задача
5. Пользователь получает результат и при необходимости корректирует его

В отличие от UX, где всё завязано на сценарии и кнопки, AX — это гибкий, контекстный диалог. Если вы пользовались ChatGPT, говорили «Окей, Google», или создавали презентацию в Canva Magic — вы уже сталкивались с AX. Даже в Figma можно просто описать экран словами — и получить заготовку. Это уже не интерфейс — это взаимодействие.

AX не заменяет UX, но сильно меняет фокус. Раньше дизайнер проектировал маршрут пользователя. Теперь — логику того, как система будет понимать задачи.

Тут уже нужны другие навыки:
— Понимание намерений, а не только визуальных паттернов
— Работа с логикой и ситуациями, а не с кнопками
— Знание, как устроены LLM (большие языковые модели)
— Умение проектировать поведение и реакцию системы, а не только макеты

Что дальше
AX — не модный термин. Это смена логики. Как когда-то мы перешли от кнопочных телефонов к смартфонам, так сейчас переходим от интерфейсов к интерактивному диалогу. Интерфейсы никуда не исчезнут — но они станут вторым уровнем.

На первом будут: контекст, язык, смысл.

И тем, кто продолжит проектировать только визуальные слои, будет всё сложнее конкурировать. Потому что новая ценность создаётся уже не там.

Что можно делать уже сейчас
— Изучите, как работают агенты: GPT, Claude, голосовые ассистенты
— Освойте основы prompt engineering
— Попробуйте собрать собственного телеграм-бота или протестировать простого агента
— И главное — начните задавать себе вопросы: Что должен понимать агент? Как он должен реагировать? Что будет с дизайном, когда кнопок не станет?

Вместо итога
Пользователь всё чаще не нажимает — а говорит.
Система всё чаще не предлагает путь — а сразу решает.
Если вы занимаетесь дизайном — подумайте, как к этому адаптироваться.

По данным HH в ИТ теперь рынок работодателя, а не работника.