Хороший UX · Денис Абдуллин

Хороший UX · Денис Абдуллин

@goodux
Изображение канала: Хороший UX · Денис Абдуллин
3 787 подписчиков
73 поста
Посты
Обновил трейлер курса
Добавил цвета на фон и описания, чтобы было понятно что из какого урока, что именно демонстрируется в определенный момент времени. И кнопку воспроизведения на самом сайте сделал в стиле Liquid Glass. Также появился отдельный канал курса «Анимация интерфейсов» – @interfaceanimation, там преимущественно будут новости курса, информация о нём и ответы на вопросы, но также планирую там делиться личными историями и полезными находками, связанными с анимацией и презентацией интерфейсов. Также в планах обновить сам сайт.
Video is not supported
Работа с векторной графикой в Figma ещё удобнее
Сами посудите, добавили возможность упрощать вектор (Simplify vector), умное уменьшение количества точек, а ещё смещение (Offset vector). Второе работает как внешняя ободка, только удобнее для определённых целей. Делаете иллюстрации в Figma? 🖼️🖼️ Хороший интерфейс
Video is not supported
Как прогресс-бар улучшает онбординг
Дизайнер virgil pana поделился мыслями во время работы над онбордингом для SEO-платформы, где пользователи подключают сайт и заполняют нужную информацию для генерации персонализированного контента. На видео процесс из 12 шагов с прогресс-баром и продуманными микроанимациями. Прогресс-бар показывает, на каком этапе пользователь, снижает тревожность и упрощает навигацию. Анимации галочек, плавные переходы и мгновенная обратная связь делают процесс более дружелюбным и понятным. Зачем здесь прогресс-бар? 💬 Даёт обратную связь — показывает, что шаг успешно пройден 🟢 Отражает статус — визуализирует продвижение в реальном времени ➡️ Помогает двигаться дальше — мягко подсказывает следующий шаг ✔️ Снижает ошибки — галочки или ошибки сразу видны по каждому пункту Такие детали делают онбординг плавным, приятным и повышают вовлечённость. 🖼️ Хороший интерфейс
Video is not supported
Логотип сегодняшних компаний в ретростиле 80-х
Video is not supported
Гайд по созданию идеальной анимации
В гайде правила и принципы анимации в UX-дизайне с реальными примерами: ✔️ Продолжительность и скорость ✔️ Хореография ✔️ Плавность Смотреть гайд (на английском) ↗ 🖼️ Хороший интерфейс
Video is not supported
Курс по UI-анимации снова доступен со скидкой! 🛍
Смотрите на эти анимации и думаете, что не сможете также? https://interfaceanimation.ru/">Освоить программу можно меньше чем за неделю. Вы будете готовы к тому, чтобы делать крутые микроинтеракции, делать живой эмоциональный дизайн, презентовать свои работы, и усилите портфолио. А также будете готовы к участию в официальных конкурсах Telegram. Автор: Денис Абдуллин, дизайнер интерфейсов с опытом 10+ лет (Альфа-Банк, Открытие Инвестиции, РБК и в студии из Сан-Франциско), автор канала Хороший интерфейс, и 8-кратный победитель конкурсов Telegram с упоминанием от Павла Дурова. ➡️ https://interfaceanimation.ru/">Узнать подробнее о курсе Что вы получаете: ✔️ Курс из 10 уроков 🔒 Доступ в закрытый чат с кураторами, автором и другими учениками 💬 Живую обратную связь + проверку работ от куратора на платформе и в закрытом чате 👑 Готовые работы в портфолио 💎 Полезные материалы по моушн-дизайну и анимации интерфейсов ⌛️ Помощь с установкой всех программ 🛡 Сертификат о прохождении 🔗 https://interfaceanimation.ru/
Video is not supported
Dribbble точно мертв: даже аккаунт Глеба Кузнецова был забанен на Dribbble
Вот Глеб рассказывает историю, где он просто поделился почтой. Они ввели дурацкое правило, что нельзя оставлять контакты, всё общение только внутри их платформы. Аккаунт Глеба был одним из самых больших и виральных, каждая его работа регулярно завоевывала топы, и ещё насколько я помню у него была награда за 100 тыс. подписчиков там. Теперь всё! Согласен с одним ответом под постом Глеба: Подождите, они удалили ваш аккаунт? Это абсурд, каждый онлайн-дизайнер когда-то посещал ваш аккаунт, это реальная часть истории онлайн-дизайна. Я работал с Глебом в Fantasy, он во многом вдохновлял меня в начале моего пути. 🖼️🖼️ Хороший интерфейс
Изображение поста
Сложение инпутов в стопку при переходе к следующим шагам
Video is not supported
ИИ — это новая грамотность
ИИ уже не фишка, а необходимость. Пока одни продолжают делать Reels вручную и писать тексты ночами, другие ставят контент на автопилот — с помощью ChatGPT, Midjourney, Runway и десятков других инструментов. 🔥 3-дневный интенсив НейроКонцентрат — это твой апгрейд по внедрению ИИ в свою жизнь. Разберёшь: – как экономить 20+ часов в неделю, – как автоматизировать продажи и воронки, – как запускать проекты без команды. Без воды. Только кейсы, инструкции и нейроинструменты. 📍 Подходит даже тем, кто никогда не пользовался ИИ. 🎟 Регистрация: https://clck.ru/3NMF34
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
Ощущение безопасности и надёжности в интерфейсе.
🔒🛡✔️ Замочки, зелёные галочки, HTTPS и «Ваши данные под защитой» — всё это работает как сигналы доверия. 🗣️ Успокаивающие тексты: «конфиденциально», «защищённое соединение», «мы не передаём данные третьим лицам». Но за этим должна стоять реальная безопасность — шифрование, продуманная архитектура, ответственность за утечки. И, главное, — репутация продукта. Потому что никакой замочек не спасёт, если пользователи читают новости о сливах и судятся с твоей платформой. 🖼️ Хороший интерфейс
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
Как физически выглядит лента контента?
Очередной арт-объект, который помогает осознать объём потребляемого контента. Метровые полотна, напечатанные из ленты соцсетей за сутки. Бесконечные кадры еды, лиц, мемов, инфографик, новостей и рекламы. Кажется, что это просто фон, но на самом деле — это тонна информации, которая ежедневно проходит через нас. Иногда полезно не просто «делать детокс», а увидеть, сколько всего ты действительно «съедаешь» глазами. 🖼️ Хороший интерфейс
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
Так выглядит новый мессенджер BitChat
Bitchat — децентрализованный мессенджер, который работает без интернета. Для коммуникации он использует Bluetooth Low Energy. Создал его основатель Twitter Джек Дорси. После запуска приложение сразу открывает основной интерфейс, выполненный в стиле компьютерного терминала. Такой дизайн создаёт ощущение контроля и безопасности, апеллируя к «гиковской» эстетике. Здесь нет привычных меню, настроек или визуальных излишеств — только клавиатура, курсор и список никнеймов. Как вам такой подход? 🖼️ Хороший интерфейс
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
Отличная коллекция вдохновляющих деталей дизайна приложений
Сценарии, паттерны и жесты в тщательно отобранной коллекции реальных приложений, понятного интерфейса и продуманных шаблонов. https://spottedinprod.com/ ↗ 🖼️ Хороший интерфейс
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
🖼️ Хороший интерфейс
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
Почему интерфейс в играх так важен?
Ролик про оформление HUD, меню, элементы управления, визуальные метки. Интересно послушать про особенности интерфейсов в играх, и как добиваются баланса между стилем и функциональностью, чистотой и информативностью. Смотреть на YouTube ↗ 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Изображение канала: Хороший UX · Денис Абдуллин
🖼️ Хороший интерфейс
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
Использование метафор при создании эмоционального интерфейса
В этом примере метафора сада помогает превратить процесс записи воспоминаний в заботу о чём-то живом и личном. Каждый день — как новый росток, а эмоции и мысли становятся лепестками на страницах. А ручной стиль иллюстраций и текста усиливает ощущение интимности — будто вы рисуете и пишете в собственном бумажном блокноте. 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
Сколько такой приём с выходом за привычную сетку не используют, всегда работает как вау-эффект
Простое разрушение ожиданий делает своё дело. Очень лаконично сделал бренд Oh Polly: во-первых, уже использование видео в привычных карточках с демонстрацией одежды, а во-вторых, последовательная связь между 2-я или даже 3-я карточками. Ну, и потом можно такие видео выкладывать, мол «Окак мы сделали». Круто, сделали! Погодите-ка, точно такой же приём был в историях Т-Банка. 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
Как вам наслоение боттомшитов друг на друга?
Сталкивался с мнением фаундера стартапа о том, что это странно, хотя это уже довольно частый паттерн. Видится ли вам странным такой подход? 🖼️ Концепты интерфейсов
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
🖼️ Хороший интерфейс
Video is not supported