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

Дизайнер virgil pana поделился мыслями во время работы над онбордингом для SEO-платформы, где пользователи подключают сайт и заполняют нужную информацию для генерации персонализированного контента. На видео процесс из 12 шагов с прогресс-баром и продуманными микроанимациями. Прогресс-бар показывает, на каком этапе пользователь, снижает тревожность и упрощает навигацию. Анимации галочек, плавные переходы и мгновенная обратная связь делают процесс более дружелюбным и понятным. Зачем здесь прогресс-бар? 💬 Даёт обратную связь — показывает, что шаг успешно пройден 🟢 Отражает статус — визуализирует продвижение в реальном времени ➡️ Помогает двигаться дальше — мягко подсказывает следующий шаг ✔️ Снижает ошибки — галочки или ошибки сразу видны по каждому пункту Такие детали делают онбординг плавным, приятным и повышают вовлечённость. 🖼️ Хороший интерфейс

🖼️🖼️ Хороший интерфейс

В гайде правила и принципы анимации в UX-дизайне с реальными примерами: ✔️ Продолжительность и скорость ✔️ Хореография ✔️ Плавность Смотреть гайд (на английском) ↗ 🖼️ Хороший интерфейс

Смотрите на эти анимации и думаете, что не сможете также? https://interfaceanimation.ru/">Освоить программу можно меньше чем за неделю. Вы будете готовы к тому, чтобы делать крутые микроинтеракции, делать живой эмоциональный дизайн, презентовать свои работы, и усилите портфолио. А также будете готовы к участию в официальных конкурсах Telegram. Автор: Денис Абдуллин, дизайнер интерфейсов с опытом 10+ лет (Альфа-Банк, Открытие Инвестиции, РБК и в студии из Сан-Франциско), автор канала Хороший интерфейс, и 8-кратный победитель конкурсов Telegram с упоминанием от Павла Дурова. ➡️ https://interfaceanimation.ru/">Узнать подробнее о курсе Что вы получаете: ✔️ Курс из 10 уроков 🔒 Доступ в закрытый чат с кураторами, автором и другими учениками 💬 Живую обратную связь + проверку работ от куратора на платформе и в закрытом чате 👑 Готовые работы в портфолио 💎 Полезные материалы по моушн-дизайну и анимации интерфейсов ⌛️ Помощь с установкой всех программ 🛡 Сертификат о прохождении 🔗 https://interfaceanimation.ru/

Вот Глеб рассказывает историю, где он просто поделился почтой. Они ввели дурацкое правило, что нельзя оставлять контакты, всё общение только внутри их платформы. Аккаунт Глеба был одним из самых больших и виральных, каждая его работа регулярно завоевывала топы, и ещё насколько я помню у него была награда за 100 тыс. подписчиков там. Теперь всё! Согласен с одним ответом под постом Глеба: Подождите, они удалили ваш аккаунт? Это абсурд, каждый онлайн-дизайнер когда-то посещал ваш аккаунт, это реальная часть истории онлайн-дизайна. Я работал с Глебом в Fantasy, он во многом вдохновлял меня в начале моего пути. 🖼️🖼️ Хороший интерфейс

🖼️ Концепты интерфейсов

ИИ уже не фишка, а необходимость. Пока одни продолжают делать Reels вручную и писать тексты ночами, другие ставят контент на автопилот — с помощью ChatGPT, Midjourney, Runway и десятков других инструментов. 🔥 3-дневный интенсив НейроКонцентрат — это твой апгрейд по внедрению ИИ в свою жизнь. Разберёшь: – как экономить 20+ часов в неделю, – как автоматизировать продажи и воронки, – как запускать проекты без команды. Без воды. Только кейсы, инструкции и нейроинструменты. 📍 Подходит даже тем, кто никогда не пользовался ИИ. 🎟 Регистрация: https://clck.ru/3NMF34

🔒🛡✔️ Замочки, зелёные галочки, HTTPS и «Ваши данные под защитой» — всё это работает как сигналы доверия. 🗣️ Успокаивающие тексты: «конфиденциально», «защищённое соединение», «мы не передаём данные третьим лицам». Но за этим должна стоять реальная безопасность — шифрование, продуманная архитектура, ответственность за утечки. И, главное, — репутация продукта. Потому что никакой замочек не спасёт, если пользователи читают новости о сливах и судятся с твоей платформой. 🖼️ Хороший интерфейс

Очередной арт-объект, который помогает осознать объём потребляемого контента. Метровые полотна, напечатанные из ленты соцсетей за сутки. Бесконечные кадры еды, лиц, мемов, инфографик, новостей и рекламы. Кажется, что это просто фон, но на самом деле — это тонна информации, которая ежедневно проходит через нас. Иногда полезно не просто «делать детокс», а увидеть, сколько всего ты действительно «съедаешь» глазами. 🖼️ Хороший интерфейс

Bitchat — децентрализованный мессенджер, который работает без интернета. Для коммуникации он использует Bluetooth Low Energy. Создал его основатель Twitter Джек Дорси. После запуска приложение сразу открывает основной интерфейс, выполненный в стиле компьютерного терминала. Такой дизайн создаёт ощущение контроля и безопасности, апеллируя к «гиковской» эстетике. Здесь нет привычных меню, настроек или визуальных излишеств — только клавиатура, курсор и список никнеймов. Как вам такой подход? 🖼️ Хороший интерфейс

Сценарии, паттерны и жесты в тщательно отобранной коллекции реальных приложений, понятного интерфейса и продуманных шаблонов. https://spottedinprod.com/ ↗ 🖼️ Хороший интерфейс

Ролик про оформление HUD, меню, элементы управления, визуальные метки. Интересно послушать про особенности интерфейсов в играх, и как добиваются баланса между стилем и функциональностью, чистотой и информативностью. Смотреть на YouTube ↗ 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров

В этом примере метафора сада помогает превратить процесс записи воспоминаний в заботу о чём-то живом и личном. Каждый день — как новый росток, а эмоции и мысли становятся лепестками на страницах. А ручной стиль иллюстраций и текста усиливает ощущение интимности — будто вы рисуете и пишете в собственном бумажном блокноте. 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров

Простое разрушение ожиданий делает своё дело. Очень лаконично сделал бренд Oh Polly: во-первых, уже использование видео в привычных карточках с демонстрацией одежды, а во-вторых, последовательная связь между 2-я или даже 3-я карточками. Ну, и потом можно такие видео выкладывать, мол «Окак мы сделали». Круто, сделали! Погодите-ка, точно такой же приём был в историях Т-Банка. 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров

Сталкивался с мнением фаундера стартапа о том, что это странно, хотя это уже довольно частый паттерн. Видится ли вам странным такой подход? 🖼️ Концепты интерфейсов

Разное размещение не просто вопрос эстетики — оно определяет, какую роль играет ИИ: быстрый помощник, креативный партнёр или эксперт по запросу. Sharang Sharma собрал в статье 7 типовых паттернов, от привычных чат-виджетов и инлайн-подсказок до более сложных решений: панелей в интерфейсе, интеграции в холсты для совместного творчества и даже «умных» таблиц, где каждый столбец работает как отдельный агент. Нет универсального решения. Выбор зависит от сценариев — чем сложнее задача и глубже взаимодействие, тем ближе ИИ должен быть к основному рабочему процессу, а не прятаться в боковом чате. Читать статью ↗ 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров