Apple Calculator: чисто ≠ удобно

На экране — лаконичный UI. Ни кнопки лишней. Но ты вводишь длинное число… ошибся… А стереть одну цифру нельзя. Только сброс. Заново. 📌 Проблемы: — Нет backspace — ошибка = обнуление — Инженерный режим спрятан в альбомной ориентации, о которой почти никто не знает — На iPad всё ещё нет калькулятора в 2025 — даже после выхода Vision Pro Почему это важно: Apple выбирает эстетику и "простоту" вместо контроля. И это типичный пример: минимализм без эмпатии превращается в фрустрацию. 🎯 Что взять себе: — Не жертвуй базовыми сценариями ради визуальной чистоты — Если скрываешь функции — убедись, что пользователь хотя бы знает, что они есть — Проверяй: можешь ли ты отменить ошибку в один шаг? UX — это не когда красиво. UX — когда не бесит. #ux #ios #apple #интерфейс #микровзаимодействие #uxдлялюдей #webminute
Изображение поста

Сегодня вышел большой курс по анимации интерфейсов

Он для тех, кто давно хотел делать эмоциональный UI и микровзаимодействия, лучшим образом презентовать решения заказчикам, разработчикам и пользователям, а также усилить своё портфолио. Его автор, Денис Абдуллин, 8 раз победил в конкурсах Telegram для дизайнеров, его работу отметил Павел Дуров и реализовал предложенную фичу. На курсе показано с 0, от передачи макета в After Effects, до конечного результата, анимации интерфейса в мокапе с жестами по аналогии с роликами, которые Telegram показывает для своих обновлений. Именно в After Effects дизайнеры Telegram и во многих других мировых компаниях делают такие ролики, это стандарт индустрии. Посмотреть программу курса и приобрести можно здесь: http://interfaceanimation.ru/ На старте всего несколько дней можно приобрести курс со скидкой!

5 софт-скиллов, которые прокачивают даже топовые дизайнеры⬇️

1️⃣ CJM-карта пути клиента. Ваша задача понять, какой путь пройдет пользователь. И провести его до целевого действия, т.е. помочь ему сделать то, зачем он пришел. 2️⃣Умение слышать и уточнять. Когда клиент говорит «сделай ярче», он может иметь в виду разное: 💜реально хочет, чтобы было ярче по цвету; 💜думает, что дизайн будет незаметным и не сработает; 💜переживает, что его целевая аудитория не обратит внимания. Что делать: задавайте уточняющие вопросы. Например: — «Вы хотите именно усилить цвета или чтобы акцент был заметнее?» — «Вам важно, чтобы визуал был ярче в общем или чтобы лучше читался оффер?» Так вы быстрее поймёте реальную задачу — и не будете исправлять то, что не требует исправления. 3️⃣Критическое мышление. Дизайн — это не просто «чтобы было красиво». Это упаковка идеи, смыслов и задач. Каждый элемент должен быть осознанным: зачем он здесь? Что он даёт пользователю? Как помогает достичь цели проекта? Когда вы проектируете осознанно, исчезает хаос. Фиксируйте любые идеи, для это можете использовать: простые заметки или сервис Notion👌🏻 4️⃣Гибкость. На проектах редко бывает идеально выстроенный процесс. Часто приходится учитывать разные мнения, правки от нескольких отделов или неожиданные вводные. Гибкость — это про умение сохранить ядро идеи, адаптируясь к новым условиям. Чтобы развивать гибкость, тренируйте себя работать с ограничениями. Например, ставьте себе мини-задачи: собрать макет только в двух цветах или с одним шрифтом. 5️⃣UX-наблюдательность. Это навык видеть не просто красивую картинку, а понимать: почему элементы расположены так, как пользователь взаимодействует с ними, что помогает ему быстрее достичь цели. Что важно делать: 💜Замечать общие паттерны. Где чаще всего ставят кнопку «Купить», как оформляют формы обратной связи и т.д. 💜Сравнивать разные ниши: как строится UX в медицине, образовании, e-commerce, развлечениях. 💜Собирать личную коллекцию: скриншоты крутых решений, микровзаимодействий, удачных паттернов. Потом можно использовать их как референсы в своих проектах. И вот парадокс: Именно эти «мягкие» навыки, ценят крутые клиенты и команды. Потому что дизайн — это не только красивая картинка. Это ответственность за результат. Поделитесь честно, какого навыка вам не хватает?
Изображение поста

Курс близко. Хотите получить скидку на старте и узнать о выходе первым? Оставьте контакт в форме

Осталось совсем немного, ведь курс отснят (даже с дополнениями, о которых я писал ранее), уроки монтируются и доводятся до идеала, чтобы вам было их комфортно смотреть и повторять за мной. Мне пишут с предложениями оплатить заранее, с вопросами о предзаказе и спрашивают про скидку для подписчиков, поэтому я решил так: 1. Заполните форму, где вы просто можете оставить свой контакт для связи. Вот сама форма: https://forms.gle/8gNGEv6noumd598N7 2. Я с вами свяжусь сразу как только курс станет доступен, и вам будет доступна скидка. Скоро вы будете магистром плавных кликов, повелителем микровзаимодействий, властелином таймингов и кривых, алхимиком эффектов и переходов, архимагом интересной динамики и дриссировщиком слоёв и масок…
Большой набор ui анимаций и микровзаимодействий для твоего вдохновения
Изображение поста
Fancy Components
The project collects unusual and bold microinteractions inspired by award-winning websites. Built in React, TypeScript, Tailwind and Motion. Open source, can be used and adapted in your own projects. Проект собирает необычные и смелые микровзаимодействия, вдохновлённые award-winning сайтами. Создано на React, TypeScript, Tailwind и Motion. Open source, можно использовать и адаптировать в своих проектах. #u_tools
Большой набор ui анимаций и микровзаимодействий для твоего вдохновения
Изображение поста
Большой набор ui анимаций и микровзаимодействий для твоего вдохновения
Изображение поста
Привет!
В современном гиперконкурентном цифровом ландшафте маленькие детали часто дарят пользователям самые яркие и запоминающиеся впечатления 🤩. Именно здесь в игру вступают микровзаимодействия. 📌Сегодня в статье «Микровзаимодействия в веб-дизайне: маленькие детали, которые имеют большое значение» мы разберемся: — что это такое, — из каких элементов они состоят, — где их использовать, — как разрабатывать эффективные микровзаимодействия и многое другое. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Казалось бы, обычный аккуратный каталог ламп и люстр, но этот тогл делает его просто невероятно ориентированным на покупку пользователя ✨
Сразу чувствуется, что обо мне подумали. А возникает это чувство, увы, не всегда. Что важно при выборе лампы? Стоимость, внешний вид, параметры, как доставят и прочее, а еще как она будет смотреться в выключенном и включенном виде. И все это удалось показать в диджитал продукте. Микровзаимодействие, с помощью которого мне будет в тысячу раз легче принять решение. Именно это наша задача — отыскивать такие штуки и реализовывать их в своих проектах. Браво In Common With
Лучшее за январь
1. Polène – эстетичный интернет-магазин кожаных изделий со строгой сеткой и атмосферными фото 2. Breaking – дерзкий сайт о биотехнологиях с пиксельными эффектами и анимациями 3. ChainGPT Labs – технологичный сайт с 3D-маскотом, видимой сеткой и ретро-пиксельной типографикой 4. Cocota – минималистичный сайт агентства с анимированными микроперсонажами и прикольными микровзаимодействиями 5. La Petite Jumelle – сайт в швейцарском стиле для компании по производству премиум-упаковки Здесь только те ресурсы, на которые вы отреагировали больше всего, а значит, выжимка — огонь 🔥 Людочка, референсы – отборные работы по веб-дизайну
Изображение поста
Мелочи и детали ✨
Обратили внимание на то, как круто проработаны взаимодействия с элементом навигации из прошлого референса? В этом году хочу сделать особый акцент на микровзамодействиях. Помню как будучи мидл-дизайнером где-то в 2018 году, четко определил для себя, что моей киллер-фичей как специалиста всегда будет исключительная проработка мельчайших деталей в проектах, и особенно при работе над анимациями интерфейсов. Я всегда обращаю особое внимание на кнопки, загрузчики, элементы навигации и прочие интерактивные штуки. И то с какой любовью и страстью могут быть сделаны те или иные микровзаимодействия и микроанимации в работах различных дизайнеров всегда заряжает идеями и вдохновением. Для меня это всегда было чем-то особенным, тайным и сокровенным, но пришло время начать делиться с вами. @uimotion
Микровзаимодействия пользовательского интерфейса.
• Подборка интерфейсных микроанимаций. #animation Открыть в Figma 👨 Дизайн-телега
ПСИХОЛОГИЯ ВОСПРИЯТИЯ В ДИЗАЙНЕ
Создавайте интуитивные интерфейсы с учётом психологии! 📊 Понимание поведения пользователей, гештальтпринципы и микровзаимодействия помогут в достижении этой цели. ⚙️ Визуальная иерархия, персонализация и ефекты внимания упростят взаимодействие. 🔍 Полезно учитывать когнитивную нагрузку и законы Хика и близости для снижения сложности! #UX #UIDesign #Психология #ГрафическийДизайн #Интерфейсы ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
Изображение поста
Большой набор ui анимаций и микровзаимодействий для твоего вдохновения
Изображение поста
Люблю, когда в продуктах появляются небольшие тематические украшения и микровзаимодействия, вызывающие эмоции и создающие атмосферу.
Например, в Авито теперь при добавлении любого товара в избранное с тактильным виброткликом разлетаются снежинки. Кайф же ❄️
Как украсть сердечко пользователя? Добавить эмоциональный дизайн 😍
Примеры дизайн-решений, которые ощущаются как магия, собирает на своём канале старший дизайнер из Альфа-Банка 🖼️ Саша Смирнов. На канале найдёте примеры ярких интерфейсов из крупных сервисов и мобильных приложений. Также Саша сделал удобную навигацию по каждому приёму эмоционального дизайна: • Маскот • Живая коммуникация • Персонализация • Выразительные образы • Юмор • Геймификация • Микровзаимодействия • Видео и анимация Больше про эмоциональный дизайн здесь
Изображение поста
Нужен UX/UI специалист в агентство.
Обязанности: - Проектирование и создание пользовательских интерфейсов для веб- и мобильных приложений. - Разработка прототипов и пользовательских потоков (user flows) для оптимизации пользовательского опыта. - Создание дизайн-систем и поддержка их актуальности. - Поддержка высокого уровня визуальной эстетики и удобства использования в каждом проекте. Требования: - Опыт работы UI/UX дизайнером - Владение инструментами дизайна (Figma, Sketch, Adobe XD или аналогичные). - Понимание принципов адаптивного и кросс-платформенного дизайна. - Навыки создания интерактивных прототипов и пользовательских сценариев. - Опыт работы с дизайн-системами и понимание основ проектирования интерфейсов. - Знание основных принципов UX-исследований Будет плюсом: - Опыт работы с анимацией и микровзаимодействиями. - Навыки работы с аналитическими инструментами для улучшения дизайна (Hotjar, Google Analytics и пр.). Откликнуться 👉 @romashka044
Изображение поста