Как устроены цифровые продукты — просто, с примерами, без воды. Пользовательский опыт, привычки и мышление за кнопками. Для связи: @deabdullin
Какой-то некст-левел в интерфейсе карт в Китае
Каждый светофор показывает, сколько времени осталось, и это в режиме реального времени!
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Официальный кит iOS 26 стал доступен одновременно с тем как добавили эффект Glass в Figma
Да уже можно использовать Liquid Glass в своих макетах, и делать макеты на основе компонентов из новой iOS 26.
Figma Community ↗
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Пишут, что размеры выпирающей части на задниках новых iPhone, которые покажут этой осенью, будут рифмоваться с размерами динамического острова.
Приятная деталь, которая как будто немного смягчает вообще новость о том, что сзади появится какая-то выпирающая платформа.
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Сегодня в Figma обещали добавить материал стекла, можно будет делать оригинальный эффект Liquid Glass из iOS 26
🖼️ Хороший интерфейс
Собираю интересные концепты и референсы
А ещё подписываю, что именно там подметил или что можно переиспользовать.
/channel/conceptui ↗
Прийдя работать в дизайн-студию я когда-то думал, что буду сохранять все-все-все интерфейсные решения, а потом каким-то образом в задачах прибегать к ним. Задумал, но не сделал. А такая идея по сути переросла в ведение сообществ и каналов, и даже сейчас я собираю интересные решения, и по факту Концепты интерфейсов это и есть такой канал.
🖼️ Хороший интерфейс
Как интерфейс Netflix заставляет нас возвращаться снова и снова?
Netflix держит внимание не только благодаря контенту, но и через продуманные UX-механики:
1. Ожидание награды — трейлеры и превью создают интригу, пользователь «зависает» в поиске, как в TikTok.
2. Быстрый старт — автостарт следующей серии без лишних кликов снижает фрикцию.
3. Лёгкий вход — минимальное количество шагов до контента, никаких сложных форм.
4. Индивидуализация — рекомендации под тебя, создают ощущение «личного кинотеатра».
5. Гибкость отложенного действия — можно продолжить позже, но с напоминанием.
Эти петли усиливают привычку, и ты возвращаешься снова — даже не осознавая почему. Детальнее про петли вовлечённости можно прочитать в этой статье.
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
На следующей недели со встречами в календаре надо будет поступать так
🖼️🖼️ Хороший интерфейс
Кнопки должны быть всегда активны
Неактивные (задисейбленные) кнопки вызывают у пользователя путаницу и негатив. Они не нажимаются, но занимают место и вызывают вопросы: «Что не так?» или «Что я сделал не так?». Об этом рассказывает 🖼️ Александр Мачуговский, с которым мы вместе работали в «Открытии», в статье про неработающие кнопки.
Как избежать:
1. Всегда держите кнопку активной — пусть даже при ошибке покажет, чего не хватает.
2. Показывайте кнопку, если контента мало; прячьте за скроллом, если страниц много, но оставайтесь активными.
3. Только в случае необратимого действия (например, удаление) можно отключать кнопку ради предотвращения случайного клика.
Кнопка должна всегда работать или объяснять, почему не работает — иначе она только мешает UX.
🖼️🖼️ Хороший интерфейс
Кто-то должен был сделать такой концепт: Liquid Glass x Dynamic Island
🖼️ Концепты интерфейсов
Сделал кейс в портфолио, но есть нюанс 😁
Ранее уже показывал пост под NDA, и тут увидел у Vital Kulesh тоже, пишет «вот мои проекты за 7 лет».
Была мысль сделать прямо на Behance такой «кейс», в котором остались бы только мокапы, в комментариях покажу набросок сделанный уже 2 года назад. 😳
🖼️🖼️ Хороший интерфейс
Как меняется Liquid Glass от версии к версии
Пока что это Beta-версии, видимо в реальном времени идёт поиск лучше версии. В первой были проблемы с контрастностью и читаемостью, а теперь в основном это исправили, становится чище.
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Пустое пространство и чрезмерное упрощение убили корпоративное приложение
В одной истории UX-дизайнер сделал редизайн внутренней панели управления в крупной компании, убрав избыточный контент и добавив много пустого пространства, ориентируясь на современные потребительские приложения. Однако пользователи, работающие в колл-центре с высокими требованиями к скорости, были вынуждены тратить больше времени на клики и скроллинг, что их очень раздражало.
В итоге новый дизайн был отвергнут, так как ухудшал производительность и вызывал раздражение.
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Ещё один способ смягчить ожидание в интерфейсе
Геймификацию логично добавляют во время процесса ожидания, так развлекательные элементы, игры, занимают время ожидания, тем самым дают впечатление, что ожидание было не таким долгим. Много игр мы уже видели, и кажется Додо Пицца пошла дальше, добавив как будто логичное продолжение.
Так у Додо Пиццы появился конструктор из стикеров, чтобы создать уникальную иллюстрацию, которая появится на экране непосредственно в заведении, когда заказ будет готов.
Об этом кейс рассказал 🖼️ Никита Анисимов у себя на канале.
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Визуализация движения к $1 миллиону долларов
Основатель своей дизайн-студии Adam Barta выложил такую картинку, где показал свой прогресс к заданной цели в 1 миллион долларов, каждая точка это 1000 долларов.
Похоже вдохновился попитом, помните такую игрушку-антистресс?
🖼️🖼️ Хороший интерфейс
Пользователи не читают соглашение
Продукты пользуются этим фактом, делая пользовательские соглашения, условия, настолько огромными, что их просто физически нереально прочитать.
Это показал 🖼️ Дима Яровинский своей инсталляцией «I Agree». Он распечатал пользовательские соглашения Google, Tinder, Facebook, Snapchat и других социальных сетей, разместив их рядом друг с другом.
Современное искусство.
🖼️🖼️ Хороший интерфейс
Презентация торгового терминала
Источник
🖼️ Хороший интерфейс
Мокапы интерфейсов чатов в мессенджерах
Тут недавно появился сервис, который имитирует интерфейсы чатов разных мессенджеров, чтобы можно было вписать любой текст, создать фейковую переписку.
https://getmockly.com/ ↗
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Презентация наград в приложении в виде пинов
🖼️ Хороший интерфейс
Дизайнеры, как изменилась ваша работа в 2025 году?
Уже каждый год проводится опрос среди продуктовых дизайнеров, потом все результаты представляются в виде удобной инфографики. Давайте и в этот раз пройдём опрос, чтобы быть в курсе общей картины.
Пройти опрос ↗
Вот некоторые выводы из исследования прошлого 2024 года:
• 72% обучалось продуктовому дизайну самостоятельно
• Всего 7.9% начали свою профессиональную карьеру сразу с продуктового дизайна
• 90% продуктовых дизайнеров активно применяют AI-инструменты
🖼️ Хороший интерфейс
В Spline, инструмент для создания 3D, добавили Liquid Glass
🖼️ Хороший интерфейс
Когда сделал первую секцию лендинга и осталось сделать всё остальное
🖼️🖼️ Хороший интерфейс
В Mobbin на 404 странице добавили интерактива — викторину по угадыванию приложений
Ранее в Mobbin, самом известном сервисе со скриншотами приложений и сайтов, просто сыпались логотип приложений, это тоже было забавно, но теперь тут полноценная игра на знание приложений. Так что, если попали на несуществующую страницу, можно залипнуть в игру.
Попробовать можно тут:
https://mobbin.com/googux ↗
🖼️🖼️ Хороший интерфейс
Некоторые пользователи предлагают добавить настройку Liquid Glass, выбирать уровень прозрачности, но таким образом это будет означать, что решение взвалено на пользователя.
🖼️ Хороший интерфейс
Анимация нейросетью Magic Animator в Figma
Появился инструмент, который позволяет делать анимацию автоматически прямо в фигме. Отлично подойдёт для презентаций. Далее в самом Lottielab можно редактировать результат. Прикладываю видео как это работает.
Уже попробовал сам, реально определяет что показано в интерфейсе, а не просто по заданным сценариям. Так например у меня был чеклист, и чекбоксы в конце анимировались отдельно.
А если хотите делать профессиональную анимацию интерфейсов, то смотрите мой курс, в котором я показываю как делать мясо в After Effects.
Базовая палитра цветов
Когда начинаешь проект с нуля, может понадобится удобная и понятная система цветов для применения в интерфейсах. Open Source Color System — бесплатная базовая палитра с шаблоном в Figma Community и готовыми стилями в CSS.
https://opensourcecolorsystem.design/ ↗
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Эффект новизны в UX: почему мы любим новое?
Эффект новизны — это психологический феномен, когда новые элементы интерфейса привлекают наше внимание и лучше запоминаются. В дизайне это можно использовать, чтобы выделить важные функции или подсказки, которые пользователь увидит и запомнит с большей вероятностью.
Например, Apple в iOS 14 ввела виджеты, которые позволили пользователям легко кастомизировать экран — и именно простота и свежесть нововведения вызвали у людей желание экспериментировать и ценить свой смартфон больше. Это классический эффект новизны в действии: новая фишка, которую легко освоить, приносит удовольствие и ощущение контроля.
Чтобы использовать эффект новизны эффективно, важно не перегружать интерфейс — слишком много новых элементов только отвлекают и путают. Лучше выделять ключевые новшества в начале или конце списка, чтобы они лучше запомнились и мотивировали пользователя взаимодействовать с продуктом.
В итоге эффект новизны — мощный инструмент для создания запоминающихся и приятных интерфейсов, если его применять с умом.
🖼️ Хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Вам нравится читать контент на этом канале?
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
Азбука дизайнера интерфейсов
Увидел идею, что под разные сферы в ChatGPT генерируют азбуки, решил попробовать сделать под тему интерфейсов, и вот что вышло 😆
🖼️ Хороший интерфейс