5081
Как устроены цифровые продукты — просто, с примерами, без воды. Пользовательский опыт, привычки и мышление за кнопками. Для связи: @deabdullin
У приложения Google на iOS обновилась иконка 🤔
хороший ux
Добавляешь какой-нибудь эффект, пользователи в это время:
хороший ux
Зачем в футере сайтов пишут год
Когда пишут © [Год] Название компании имеется ввиду то, что сайт защищён авторским правом с указанного периода. В общем, © 2021–2025 ООО "Пример" означает, что сайт существует с 2021 года и авторские права продолжаются до текущего.
Также это просто показывает актуальность, что сайт обновляется и поддерживается.
А теперь посмотрите, как например сайт «Моспрогулки» указал промежуток дат в футере, видимо хардкод.
хороший ux · вакансии · концепты
А это сейчас позволяет сделать эффект Texture. Сейчас повсеместно хвалят прогрессивное размытие, оно и правильно, есть применение в интерфейсах, но вот эта штука тоже интересная, и к тому же ещё анимируется в прототипах
© · хороший ux · вакансии · концепты
Как со временем поменялись иконки
хороший ux · источник
Предложение изменить интерфейс будильника вот так, чтобы уж точно проснуться
хороший ux · источник
Новый сервис с референсами приложений
В отличии от Mobbin здесь именно записи экрана, подсвеченные сценарии, паттерны, жесты и визуальные решения.
spottedinprod.com ↗
хороший ux · вакансии · концепты
На Figma Config презентуют Figma Sites
Сейчас идёт трансляция, на которой показывают грядущие обновления фигмы. То о чём я писал ранее оказалось не слухом, реально теперь будут конкурировать с Webflow, Framer и Tilda.
📱 Смотреть трансляцию
хороший ux
Вот так будет выглядеть новый интерфейс Android: Google готовит новый визуальный стиль Android — Material 3 Expressive
Material 3 Expressive — это так называемое «новое смелое направление дизайна» от Google, которое является «наиболее исследованным обновлением системы дизайна Google за всю историю». Google хочет, чтобы приложения «вышли за рамки «чистого» и «скучного» дизайна и создавали интерфейсы, которые взаимодействуют с людьми на эмоциональном уровне». Помимо полного названия, его также называют «M3 Expressive» или просто «выразительный дизайн».
Material 3 Expressive появился на свет в результате исследований — не в духе «41 оттенка синего», где принятие решений по дизайну делегируется данным, а в результате совместного исследования, охватывающего исследования, дизайн и проектирование.
7 мая в 11:00 откроются продажи курса по анимации интерфейсов
Здесь на этой странице у себя я опубликую ссылку на сайт, где будет доступна программа курса и ответы на вопросы, которые уже вы задавали ранее.
Пока что прикладываю трейлер курса, там показано почти всё что будет.
Страшно начинать работать в After Effects? 📱
Всё нормально. Это у всех так. Этот интерфейс похож на панель управления самолётом, а количество слоёв и композиций кажется пугающим.
Но вот что я понял: много слоёв — это не баг, а фича. Просто мы, дизайнеры интерфейсов, привыкли к минимализму: меньше экранов, меньше слоёв, всё аккуратно. И этот же подход мы по инерции тащим в After Effects. Начинаем изобретать сложные схемы, лишь бы не плодить слои. Хотя проще — просто дублировать и делать.
В Figma ты не замечаешь, сколько у тебя фреймов и компонентов. А тут — всё перед глазами, вся кухня, весь пирог. И он может быть слоистым, и это нормально. У лучших анимаций слоёв столько, что кажется, проект вот-вот лопнет — и ничего, работает.
А самое страшное в After Effects после многолетнего опыта работы в нём это до сих пор его установка. Понятно, почему много людей боится начать в нём что-то делать, Figma и Rive доступны сразу из браузера, а тут нужно серьёзно так потанцевать с бубном, и вот потом вам откроется бескрайний мир моушна. Главное — не бояться делать.
Вакансии и стажировки для дизайнеров. Смотрите новые вакансии в канале Офферы для дизайнеров
Здесь публикуются свежие вакансии напрямую от дизайнеров, лидов и арт-директоров. Нет, они не заходят в мой канал и пишут, это я пылесосю вакансии с их личных страниц в социальных сетях. Бесплатно, без регистрации и смс, как говорится.
Вот это например свежие вакансии за сегодня и вчера:
🖼️ Ламода ищет стажеров в команду продуктового дизайна
🖼️ В МТС Банк ищут дизайнера
🖼️ Продуктовый web-дизайнер в Звук
хороший ux · вакансии · концепты
Курс близко. Хотите получить скидку на старте и узнать о выходе первым? Оставьте контакт в форме
Осталось совсем немного, ведь курс отснят (даже с дополнениями, о которых я писал ранее), уроки монтируются и доводятся до идеала, чтобы вам было их комфортно смотреть и повторять за мной.
Мне пишут с предложениями оплатить заранее, с вопросами о предзаказе и спрашивают про скидку для подписчиков, поэтому я решил так:
1. Заполните форму, где вы просто можете оставить свой контакт для связи. Вот сама форма: https://forms.gle/8gNGEv6noumd598N7
2. Я с вами свяжусь сразу как только курс станет доступен, и вам будет доступна скидка.
Скоро вы будете магистром плавных кликов, повелителем микровзаимодействий, властелином таймингов и кривых, алхимиком эффектов и переходов, архимагом интересной динамики и дриссировщиком слоёв и масок…
🦄 Как дизайнерам работать с креативными проектами?
11 топовых экспертов объединились, чтобы показать реальные механики, которые работают прямо сейчас:
– Как делать проект или личность медийным
– Как использовать нейросети в креативных индустриях
– Как собирать команду, запускать продукты, находить деньги
– Как систематизировать бизнес, чтобы не сгорать
Всё это на бесплатной онлайн-конференции «Консорциум креативных индустрий»
Когда: 30 апреля
Где: онлайн, бесплатно, в закрытом Телеграм-канале
👉🏻 Получить билет в боте →
🎁 А теперь внимание: каждый эксперт дарит подарок!
Вот несколько из них (всего их 11):
• Мини-курс по креативным индустриям — как найти свою нишу, привлечь инвестиции и стать заметным
• Чек-лист запуска продукта — от гипотезы до результата без миллионов в бюджете
• Идеальные ChatGPT-промты — продвинутые сценарии под твои задачи
Как участвовать:
1. Жмёшь на ссылку и попадаешь в бот
2. Подписываешься на экспертов
3. Получаешь билет в закрытый канал
💬 Плюс — чат с участниками:
Нетворкинг, партнёры, подрядчики, друзья, инсайты — всё там.
Это не просто конференция.
Это точка входа в сообщество креативных людей, которые делают проекты, а не просто мечтают.
👉🏻 Успей, пока бот открыт. Стартуем 30 апреля. Пропустишь — пожалеешь.
Реклама. ООО «Информационные ресурсы» ИНН 7816544880 erid 2VtzqvBdvJW
Портфолио каждого дизайнера сейчас
хороший ux · источник
Тут заметили насколько сырой пока Figma Sites
хороший ux · вакансии · концепты
Фреймворк оценки тестовых заданий
🖼️ Никита Наджаров при найме дизайнеров к себе в команду использует свой фреймворк оценки тестовых заданий для специалистов синьорного уровня (впрочем, он подходит для любых грейдов):
Как я даю полноценный фидбэк на каждое тестовое, не тратя на это уйму времени и сил.
По статистике, одна из самых больших болей кандидатов при общении с работодателем — отказ без внятного объяснения причин и следующий за этим гостинг (резкое прекращение общения).
Исследование пути клиента: как оформляют карты и кредиты на сайтах топ 15 банков
Студия Chulakov готовит большие UX‑исследования, тренд‑репорты и ежемесячные отчеты об
изменениях цифровых продуктов банков. Вышло исследование по оформлению карт и кредитов в банках.
Цель исследования: провести анализ пользовательского пути на десктопной версии сайтов 15 банков, чтобы найти удачные UX/UI-решения, а также ошибки, которые могут затруднять взаимодействие клиентов с банком при оформлении популярных продуктов.
Для исследования эксперты выбрали 15 российских банков (входят в рейтинг топ‑30 банков банки.ру), различающихся по размеру и особенностям обслуживания клиентов. Это позволило проанализировать множество пользовательских путей и выявить ключевые UX/UI‑ошибки и хорошие решения с учетом разных подходов к предоставлению банковских услуг. Такой подбор обеспечивает глубокое понимание текущих тенденций и проблем, с которыми сталкиваются пользователи различных банков.
Получить отчет ↗
хороший ux · вакансии · концепты
Вот за это спасибо, не было ни одного нормального плагина даже для этого, а теперь в быстро доступе такой функционал, можно текст протянуть по кругу и любому другому пути
© · хороший ux · вакансии · концепты
⚡ Сегодня последняя возможность приобрести курс Анимация интерфейсов со скидкой
Курс вышел 7 мая, и на старте его можно купить по цене ниже регулярной, и просто чтобы вы были в курсе, 9 мая последний день скидки.
👨💻 interfaceanimation.ru
Понимаю, что многие уже видели и всё поняли, решил поставить такую напоминалку вчера вечером и утром, чтобы уж точно никто не пропустил. Ну, и повод собрать все ролики из превью в одном месте.
Просто напоминаю, что завтра заканчивается скидка
Завтра заканчивается стартовая скидка на мой курс по анимации интерфейсов. Это курс для тех, кто хочет делать продвинутые UI-анимации в After Effects — от первого кадра до презентации в мокапе.
⚠️ interfaceanimation.ru
Меня уже просили несколько человек сохранить цену завтра, так и есть, скидка до 9 мая, всегда имелось ввиду включительно, то есть до конца дня 9 мая. Потом будет уже по обычной регулярной цене.
С нетерпением жду ваших отзывов!
В общем, обновления Figma
Наверное, вы уже всё видели, но это стоит зафиксировать. Вчера прошла презентация Figma Config, где дизайнеров ошарашили тем, что теперь им не только макеты предстоит делать, но ещё и реализовывать их, запускать свои сайты и продукты, так как появился сайтбилдер Figma Sites и подключили нейросеть Claude в Figma Make.
Итак, давайте по порядку:
• Figma Sites. Будем теперь прямо в Figma создавать сайты и публиковать их.
• CMS в Figma Sites (появится позже). Управление контентом и редактирование.
• Grid. По новому можно собирать элементы в сетку.
• Figma Make. Оживляет ваш макет в рабочий софт.
• Figma Draw. Множество возможностей для рисования и создания графики.
• Figma Buzz. Для создания креативов.
хороший ux · вакансии · концепты
🎉 Сегодня я запускаю свой собственный курс Анимация интерфейсов, на старте его можно приобрести со скидкой 🛍
Курс получился большой: в 10 уроках показываю как делать анимацию с 0, передавая макет из 📱 Figma в 📱 After Effects, до результата уровня Telegram, где интерфейс в мокапе с меняющимися поворотом экрана и демонстрируются жесты поверх него.
Программа курса:
1. Знакомство с интерфейсом After Effects, ключи и скорость анимации, подготовка анимации жестов
2. Скролл и Pull-to-refresh
3. Счетчики, таймеры, зависимости, морфинг, последовательность
4. Сохранение и рендеринг анимации
5. Маски и мокапы
6. 3D-иконки
7. Комплексная анимация, приложение аренды авто
8. Liquid, жидкая анимация
9. Мастер-класс. Повторяем анимации динамического острова (Dynamic Island)
10. Стикеры для Telegram, экспорт кода JSON
Подробнее о курсе:
⌛️ interfaceanimation.ru
🖥 interfaceanimation.ru
✔️ interfaceanimation.ru
Скидка действует до 9 мая.
ASCII-графика – забытый приём
Хочу напомнить себе и читателям о таком приёме как ASCII-графика, это когда изображение сделано с помощью символов моноширинным шрифтом. Отлично такая графика встаёт в тематику кода, криптовалют, финансов.
Наверное, снова приедается высоко детализированная графика, и хочется уйти отдышаться в такой радикальный минимализм. Приём простой, но запоминающийся, можно ещё обыграть текстовой анимацией, подсвечивать случайные символы в случайном порядке.
Есть множество генераторов, с помощью которых можно переделывать изображения, один из самых удобных вот здесь.
Недавно я ещё показывал дизеринг, тоже интересный приём.
хороший ux · вакансии · концепты
Уже частый вопрос по моему курсу анимации интерфейсов – чем After Effects лучше Rive?
Rive ведь действительно хорош, и может After Effects уже не актуален?
На данный момент инструмент с максимальной свободой действий в анимации – это After Effects, пока что он остаётся стандартом индустрии:
🎮 Можно настраивать каждое движение — вплоть до миллисекунд, работая с кривыми, таймингами, слоями и камерами
✨ Видео из After Effects будет выглядеть сильно дороже и убедительнее с вау-эффектами, сложными и последовательными переходами
🌐 Как уже отметил, это стандарт индустрии, After Effects используют по всему миру. В продуктах Apple, Airbnb, Google, Microsoft и Telegram, в студиях Cuberto, Tubik Studio, Zajno и Ueno
⚙️ After Effects позволяет прорабатывать каждый кадр вглубь и накладывать эффекты поверх всей сцены — как слой «над всем», чего нет в браузерных инструментах вроде Figma или Rive.
➡️ В After Effects есть motion blur, glow, размытия, свет, эффекты, 3D, частицы, морфинг, работа с камерой и сложные кривые. Остальное для прототипов и простых анимаций.
🖥 Анимацию здесь можно экспортировать в код с помощью плагина Bodymovin в Lottie и делать Telegram-стикеры.
⚠️ Rive работает через браузер, поэтому ограничен реальным временем исполнения (GPU и код).
В общем, After Effects не лучше и не хуже (вот это вот неожиданно), они разные, в After Effects вы не сделаете интерактивный прототип, а в Rive вы не сделаете некоторые эффекты и не сделаете презентацию целого сценария. В некоторых случаях один и тот же результат можно получить и там и там. Я же в свою очередь покажу вам как делать результат в After Effects.
Я пробовал простые анимации в Rive, после After Effects разобраться в нём оказалось несложно. Но ощущение осталось: пока что инструмент ограничен. Некоторые эффекты, композиции или уровень глубины, к которому я привык, в Rive просто недоступны. Возможно, в будущем я добавлю уроки по Rive в курс, когда инструмент станет мощнее, но на данный момент я делаю анимацию в After Effects и прототипах в Figma. Чаще всего использую несколько инструментов в связке: часть презентации может быть вообще записью экрана телефона, а для простой презентации иногда записанный прототип из фигмы идёт на постобработку в After Effects, где уже можно добавить мокап, жесты и повороты экрана.
После After Effects вы быстро освоите любой другой софт для анимации. Работает также, что первый язык программирования даётся тяжело, но потом остальные даются легче, так как принципы зачастую одни и те же.
Не позволяйте никому потерять ваш призыв к действию
@conceptui · источник
Разработчики снимают стресс, нажимая на эту кнопку
Нам тоже нужна такая кнопка! Как думаете, что она бы делала? Детачила компоненты? Или наоборот автолайаут включала?
хороший ux
Интерфейс фигмы, если бы он был сделан в 2007
хороший ux · источник
Все уроки записаны, которые я изначально планировал
Но не могу ограничиться только ими, хочется дать больше, показать больше, ведь всегда есть несколько путей и примеров для одного и того же. И получается, что я нашел ещё приёмы, которые сам раньше не использовал, но в целом они тоже достойны упоминания. Поэтому я решил ещё дозаписать уроки сверх запланированного. Да можно было бы сделать это позже, а ещё есть и другие идеи и приёмы, которые я также планирую записать позже, но чувствую текущие идеи по дополнению отлично дополняют именно эту базу.
Скоро будут примеры и конечно трейлер курса, в котором будет абсолютно всё, что будет на курсе, а пока что результат из одного урока прикладываю к этому посту. Осталось совсем немного.
Ждёте?