UX/UI [by Uprock]

Когда мы только начинаем путь в UX/UI-дизайне, легко зацепиться за визуал: цвета, кнопки, сетки, тени. Но на самом деле, дизайн начинается не с макета в Figma, а с вопроса: «А что человек пытается сделать❓» Ваша главная задача — понять, как думает и чувствует пользователь, чего он боится, чего ждет, где он теряется. 📌В лонгриде «Как UX/UI-дизайнеру научиться слушать (и слышать) пользователя» мы разберемся, что значит «слушать пользователя» в UX, как развивать эмпатию, задавать правильные вопросы, наблюдать и извлекать из этого максимум пользы. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Боковые панели — один из самых популярных компонентов современных 📲 веб-приложений. Они позволяют структурировать и упорядочить навигацию и упростить доступ к ключевым функциям. 📌В статье «Проектируем боковые панели: лучшие практики» мы разберемся, какую роль играют боковые панели в цифровых продуктах и какие лучшие практики есть в этой области. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Давайте вместе исследуем, как искусственный интеллект меняет процесс онбординга, ожидания пользователей и опыт взаимодействия. Искусственный интеллект продолжает стремительно развиваться и охватывать все новые сферы нашей жизни. Даже опытным дизайнерам и разработчикам сложно угнаться за лавиной новых 👋 AI-инструментов и функций. 📌Автор статьи «Как AI меняет наш подход к дизайну: актуальные тенденции» протестировал более 50 приложений на основе искусственного интеллекта и выявил ряд паттернов и тенденций, которые отражают текущее положение дел в этой области. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌Новая статья «Полезные ресурсы для дизайнеров» для тех, кто в UX/UI. Полезные штуки в одном месте: — сервис для поиска легальных изображений и аудио, — инструмент для генерации гармоничных цветовых палитр, — коллекция тщательно отобранных сайтов для вдохновения. А также 5️⃣ выразительных декоративных шрифтов от Александры Гофман. Она специализируется на кириллических адаптациях и декоративных шрифтах ✍️ с винтажным и ар-деко стилем. И самое приятное — все эти шрифты абсолютно бесплатны. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Вы когда-нибудь замечали, как легко потерять час (или три) за просмотром фильмов и сериалов на Netflix 👀? Все дело в продуманном поведенческом дизайне. 📌Сегодня в статье «Петли вовлеченности в UX на примере Netflix: почему нам так трудно остановиться после одной серии? » мы разберемся, какие психологические приемы и механики использует эта стриминговая платформа 📱, чтобы вовлекать и удерживать аудиторию. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Голос 🗣 — больше не просто звук. Это интерфейс. Уже не только Siri или Алиса: голос управляет машинами, умным домом, заметками и будильниками.   📌В новом лонгриде «UX голосом: где работают голосовые интерфейсы и зачем они вообще нужны» разбираемся, как проектировать диалоги вместо кнопок, зачем дизайнеру думать как сценарист и когда голос — находка, а когда — провал. Читайте, как сделать голосовые сценарии человечными и удобными по-настоящему. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Кнопки ▶️ — базовые UI-элементы, которые отвечают за выполнение определенных действий. Когда они спроектированы правильно, они формируют у пользователей точные ожидания и помогают им понять, как работать с интерфейсом.  📌В сегодняшней статье «Состояния кнопок: руководство» мы поговорим о том: — что такое состояния кнопок и какими они бывают, — как передать их наиболее эффективно, — как они соотносятся со стилями кнопок. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Конкурентный анализ — изучение ключевых характеристик и особенностей компаний-конкурентов. Этот метод позволяет получить ценные инсайты 🤩, способные помочь нам в процессе проектирования. 📌В статье «Конкурентный анализ: руководство для продуктовых дизайнеров» мы разберем фреймворк для проведения эффективного конкурентного анализа. Вы также найдете здесь шаблон для Google Таблиц, который можно скопировать и использовать в своих проектах. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌В новой статье «Полезные ресурсы для дизайнеров» вас ждет подборка для прокачки UX/UI-скиллов: — инструмент для быстрой обработки изображений, — крупный фотобанк с открытой лицензией, — крупнейшая галерея CSS-градиентов. Кириллическая подборка 🖌 на все случаи: — брутальный шрифт как типографское заявление, — традиционный, но при этом свежий вариант, — экспериментальный шрифт нового жанра Unispace, — гротеск с индустриальным 🏢 характером, — шероховатый рукописный шрифт. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Дизайн-системы не новая концепция. Они экономят продуктовым командам много времени, устраняя необходимость каждый раз воспроизводить базовые компоненты с нуля. Однако в корпоративном мире все еще сохраняется некоторый скептицизм и недоверие 😼 по отношению к этому инструменту.  📌В статье «10 мифов о дизайн-системах 🌚» мы разберем 10 самых распространенных заблуждений о дизайн-системах и узнаем, как обстоят дела на самом деле. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

  UX — это не только про удобство. Это про то, что чувствует 😍 человек, когда пользуется вашим продуктом. Радость, удивление, доверие — эти эмоции могут стать ключом к вовлеченности и лояльности.   📌В новом лонгриде «Делаем дизайн, который вызывает отклик: эмоциональные триггеры» разбираем, какие визуальные, текстовые и поведенческие детали пробуждают эмоции — и как их грамотно использовать. С примерами от Duolingo, Headspace, Airbnb, Spotify и других. Читайте, как сделать интерфейс не только удобным, но и по-настоящему человечным. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Чтобы работа дизайн-команд была структурированной и последовательной 📈, им необходимо опираться на те или иные руководящие указания. 📌В сегодняшней статье «Принципы, паттерны, эвристики и уставы команд: как эти инструменты помогают дизайнерам и соотносятся между собой» мы разберем: — какие типы таких указаний существуют, — как они соотносятся между собой, — как соединить их в единую эффективную систему. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Искусственный интеллект 🥳 постоянно развивается. Причем настолько стремительно, что некоторые крупные компании уже подумывают о сокращении ряда специалистов и делегировании их функций AI-инструментам. Конечно, такие новости пугают и вызывают тревогу.  📌В сегодняшней статье «5 ролей стратегического дизайнера, которые не сможет заменить искусственный интеллект» мы разберем, кто такой стратегический дизайнер и какими 5️⃣ чертами он должен обладать, чтобы его не смогли заменить новые технологии. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌В новой подборке «Полезные ресурсы для дизайнеров» вас ждут сервисы, которые сделают работу UX/UI-дизайнера удобнее: — коллекция нестандартных веб-сайтов, — генератор для гармоничных цветовых 🎨 палитр, — бесплатная коллекция 3D-иллюстраций. 5️⃣ стильных и бесплатных кириллических шрифтов: — шрифт с ностальгическим digital-флером, — сжатый геометрический вариант, — ретрофутуристичный гротеск, — дикий, громкий и дерзкий шрифт, вдохновленный вечеринками 🎵, — органичный, небрежный и немного игривый вариант. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Сегодня мы продолжаем исследовать мир темных паттернов. В первой части мы рассмотрели наиболее распространенные их виды и разобрались, почему они работают. 📌В этой же статье «Исследуем мир темных паттернов в UX: этика, прозрачность и доверие пользователей (часть 2)» мы обратимся к этическим аспектам обманчивого дизайна, узнаем какие законодательные нормы, направленные на борьбу с темными паттернами, существуют в разных странах ❓, а также изучим вдохновляющие примеры прозрачного, вызывающего доверие UX. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Психология боли 🔪 : продолжение, которого вы ждали. В первой части мы разобрали дизайн-элементы, которые вызывают раздражение: таймеры, автозапуск, плавающие баннеры и прочее. 📌Во второй «Психология боли: еще 4 элемента дизайна, которые бесят ваших пользователей (часть 2)» — добавим еще 4 UX-решения, от которых пользователи выходят из себя интуитивно. Почему так происходит и как сделать интерфейс честным, предсказуемым и уважительным — разбираем на примерах. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Сообщения об ❌ошибках❌ все еще остаются незаслуженно обделенной вниманием частью UX, но именно от них зачастую зависит доверие аудитории. 📌Сегодня в статье «Как писать сообщения об ошибках, которые на самом деле помогают пользователям, а не расстраивают их» мы попытаемся разобраться, как писать сообщения об ошибках, которые помогут нашим пользователям быстро исправить ситуацию и продолжить свой путь к достижению цели. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Недавно Figma значительно расширила свой функционал, представив на Config 2️⃣0️⃣2️⃣5️⃣ новые инструменты Sites, Draw, Buzz и Make. Как же они могут изменить наш рабочий процесс и что это значит для конкурентов платформы, таких как Adobe, Framer и Canva? 📌В статье «Figma Config 2025: новые функции и их влияние на дизайн» найдете ответы на все эти вопросы! ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

📌Прокачиваем UX/UI в новой подборке «Полезные ресурсы для дизайнеров»: — онлайн-инструмент для четкой работы с типографической иерархией, — википедия по смайлам, — источник референсов для визуальной упаковки приложений. 5️⃣ кириллических шрифтов для современных интерфейсов: — шрифт для создания настроения, — чистый моноширинный гротеск, — смелый, резкий и уверенный ⚡️ в себе вариант, — заметный дисплейный шрифт, — рукописный и живой шрифт. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров