UX/UI [by Uprock]

Как выбесить пользователя за 3 секунды: гид по анти-UX ❌ Сколько раз за день вы раздражаетесь на интерфейсы? Кнопка чуть меньше, чем хотелось бы, поп-ап вылез не вовремя, загрузка длится на пару секунд дольше. Вроде мелочи, но именно из них складывается ненависть к продукту. Хорошая новость в том, что теперь вы по другую сторону экрана — а значит, несете ответственность за то, чтобы таких «бесячих» мелочей в вашем интерфейсе не было.

➡️ В статье "Ошибки UX, которые сводят пользователей с ума (и как их исправить)" собрали короткий чек-лист по самым частым раздражителям и способам их устранения.

Почему геймификация в духе "получи виртуальную медальку" не работает? 🏅 Все просто: пользователь не понимает, зачем ему эти ваши виртуальные баллы, очки и прочие системы достижений. Он видит пустую механику без контекста и закрывает приложение. Но как тогда удержать внимание пользователя и чем мотивировать его вновь и вновь возвращаться к вашему приложение? Единственный рабочий инструмент - сторителлинг с продуманным сюжетом, в котором пользователь выступает главным героем, а каждое действие приближает его к цели.

➡️ Подробно рассказываем об этом в новой статье "Сторителлинг как основа осмысленной геймификации".

10 UX-правил из 90-х, которые работают до сих пор⏳ Вы удивитесь, но правила юзабилити, на основе которых мы по сей день проектируем интерфейсы, были придуманы во времена, когда компьютеры были размером с чемодан, а слово "Интернет" — чем-то из области фантастики. Как это возможно? Все дело в том, что основаны они не на трендах, а на психологии восприятия. А человек за экраном почти не изменился. Соответственно, его когнитивные ловушки, зона внимания и паттерны принятия решений остались теми же.

📌В новом лонгиде "10 эвристик Нильсен" разберем каждое правило, объясним механику и покажем на примерах, как применять их на практике.

Информация для тех, кто давно присматривался к обучению в Uprock, но ждал того самого момента✨ Этот момент настал. Мы постепенно уходим от длинных программ в пользу более емких курсов, поэтому сейчас распродаем наши флагманские пакеты по самый выгодной цене. Программы проверены временем и тысячами студентов — так что в представлении не нуждаются. 🎁 Сейчас помимо курса по графическому дизайну, который мы дарим абсолютно бесплатно, вы получаете еще один крутой бонус — модуль по нейро-3D. Пример уровня работ, которые вы научитесь делать в рамках данного модуля, прикрепили к посту. До вторника включительно действуют следующие условия👇

📌 Пакет «UX/UI с нуля» (сайты + веб-приложения) + курс «Графический дизайнер» + AI-дизайнер 2.0 (модуль по генеративному 3D) — 228 600 84 000 ₽ (от 4542 ₽/мес. в рассрочку) 📌 Пакет «Middle / Senior UX/UI-дизайнер» (сайты + мобильные приложения) + курс «Графический дизайнер» + AI-дизайнер 2.0 (модуль по генеративному 3D) — 230 900 108 000 ₽ (от 5334 ₽/мес. в рассрочку) Общая экономия до 144 600 ₽.

➡️ Забронировать обучение по акции можно здесь или напрямую у коллег в @uprock_hello

Когнитивный налог — и кто должен его платить💰 Каждый лишний клик, непонятное меню, кнопка, которую пришлось искать глазами, — это налог. И платит его пользователь своим временем, вниманием и нервами. Часто эти "налоговые сборы" закладываются случайно: дизайнер не подумал, разработчик не проверил. А расхлёбывает последствия конечный пользователь. Но так быть не должно. Снижение когнитивной нагрузки — это ответственность дизайнера. Убрать все сложное внутрь системы, оставив на поверхности только ценное. Чтобы пользователь двигался к своей цели легко и быстро, без лишних вопросов.

➡️ А как именно это сделать, найдете ответ в сегодняшнем лонгриде — "Как уменьшить когнитивную нагрузку пользователя".

Человека встречают по одежке. А бренд — по цвету 🎨 На подсознательном уровне пользователь формирует первое впечатление о продукте за 0,05 секунд. И единственное, что работает в этот момент, — цвет. Никаких текстов, цен или кейсов. Только оттенки и их сочетания. Однако большинство недооценивают этот инструмент и выбирают палитру интуитивно. А потом удивляются, почему их продукт не запоминается.

В статье "Как выбрать фирменные цвета" разбираем 6 шагов, чтобы ваш цвет работал на вас, а не наоборот.

Кастомизация 👾 Персонализация Новички часто путают эти термины, поскольку оба про адаптацию интерфейса под посетителя, различие лишь в механике. Если кратко, кастомизация подразумевает настройку интерфейса самим пользователем, а персонализация — автоматическую адаптацию без его участия. И вот тут главный вопрос: что выбрать? Ответ зависит от продукта, аудитории и даже настроения пользователя.

🔡 Когда использовать одно, а когда другое, и как перестать путать эти термины раз и навсегда, разбираем в статье — "В чем разница между персонализацией и кастомизацией".

Пришёл. Запутался. Ушёл🚶‍♂️ Так выглядит типичный сценарий пользователя в плохо продуманном интерфейсе. И дело не в его невнимательности, а в преградах, которые вы расставляете на его пути — непонятная навигация, перегруженные экраны, кнопки-невидимки, отсутствие подсказок. По отдельности они кажутся мелочью, но в совокупности превращаются в непреодолимую стену.

➡️ В статье "Интуитивные интерфейсы: что на самом деле делает их понятными" собрали чек-лист таких препятствий, которые мешают пользователю понять ваш продукт.

Скевоморфизм вновь в моде, кнопки стали объемные, повсюду жирные тени, а где-то в углу прячется пиксельный ёжик... Что происходит, вы провалились на 20 лет назад? 🕰 Не спешите паниковать, это не петля времени и даже не сбой в матрице, просто ностальгия по 2000-м официально стала новым трендом. Да-да, все то, от чего мы годами бежали, все чаще захватывает интерфейсы топовых студий. Почему так произошло? Это ответ на стерильный минимализм, усталость от одинаковых дизайнов, или тут есть что-то еще?

Рассказываем в новом лонгриде — "Ностальгия в UI: почему возвращаются старые паттерны".

Всплывающие подсказки: не дайте маленькой иконке сломать весь интерфейс ℹ️ Тултипы должны делать интерфейсы понятнее. Но слишком часто они работают против пользователя: вместо ясности создают путаницу, а вместо помощи — раздражение. Казалось бы, что может быть проще — поставить иконку "i" или "?", написать пару строк пояснения, и готово. Но именно здесь новички часто совершают одни и те же ошибки: перекрывают рабочую область, дублируют очевидное или вместо емкой подсказки в пару слов пишут полотна текста, которые никто не читает. Хорошая новость в том, что все эти ошибки легко исправить, если знать несколько простых правил👇 😘 В статье — "Почему так много подсказок неэффективны (и как их улучшить)" делимся реальными примерами и решениями.

Ретро 2.0: всё новое — это хорошо забытое старое 🎞 Помните шрифты из 90-х, зернистые текстуры и выцветшие оттенки? Так вот, они вернулись, но в совершенно новом прочтении. Сегодня ретро в дизайне сочетает эстетику прошлых десятилетий с актуальными технологиями и свежими смыслами. Почему ретрографика снова в тренде и как применять её в своих проектах уже сейчас👇

➡️ Разобрали в новом лонгриде — "Ретрографика: старые/новые визуальные тренды".

Иконки: маленькая деталь с большими последствиями🔬 Вы когда-нибудь смотрели на макет и чувствовали: что-то не так? Нередко проблема кроется в иконках. Каждая по отдельности хороша, а вместе — сборная солянка. Разные толщины, разные углы, разные пропорции — пользователь чувствует это, даже если не может объяснить словами. Вот в чем ловушка: иконки настолько малы, что мы не замечаем их во время анализа. Но когда они несогласованы — весь интерфейс выглядит неаккуратным.

💬В статье "Иконки в дизайне пользовательского интерфейса. История, типы, библиотеки и анимации" — как сделать так, чтобы иконки работали на ваш интерфейс, а не против него.

Убрать нельзя оставить: дизайнеры, а где бы вы поставили запятую? 🤔 Мы привыкли упрощать интерфейсы: меньше кнопок, меньше текста, меньше экранов. Но упрощение не может быть бесконечным. В какой-то момент минимализм начинает уже вредить пользователю. Почему так происходит, объясняет закон Теслера: у любой задачи есть неснижаемый объем сложности. И цель дизайнера — не избавиться от него (это невозможно), а распределить так, чтобы пользователь его не почувствовал.

🤩 Как это сделать, читайте в статье — "Закон Теслера".

Финал скидок на пакетные курсы по UX/UI Напоминаем, что мы выводим из продажи два флагманских пакета — «UX/UI с нуля» и «Middle / Senior» и сегодня финальный день, когда можно приобрести их по лучшим условиям: со скидками до 73% и экономией порядка 130 000 ₽.

➡ UX/UI с нуля – наша главная программа для начинающих дизайнеров. Здесь мы учим делать интерфейсы для сайтов и веб-приложений, подготавливать их для разработки и вести в рамках реальных запросов рынка. Стоимость по акции — 84 000 ₽ (вместо 213 700 ₽ при покупке всех составляющих отдельно) ➡ Middle / Senior — это пакет следующего уровня, где к разработке веб-интерфейсов добавляются мобильные приложения. Можно сразу сфокусироваться на коммерческих проектах и начать зарабатывать со 2-3 месяца занятий Стоимость по акции — 216 000 ₽ (вместо 216 000 ₽ при покупке всех составляющих отдельно)

➡ Плюс к каждому пакету мы подарим курс AI-дизайнер 2.0. Это самая насыщенная программа на рынке по работе с ИИ: для создания сильного визуала, ярких роликов и больших коммерческих проектов. Чтобы забронировать цену или узнать детали, пишите нашим коллегам в @uprock_hello

Почему ваш дизайн выглядит по-любительски? (Скорее всего, дело в шрифтах🤫) Парадокс типографики: когда она сделана идеально — её не замечают. Но стоит только ошибиться и эта невидимка сразу же дает о себе знать и буквально кричит: " здесь что-то не так". Поэтому если вы думаете, что пара лишних шрифтов или кривое выравнивание — это мелочь, вы ошибаетесь. Взгляд спотыкается, восприятие контента замедляется, доверие пользователя к вашему продукту тает на глазах. Как этого не допустить?👇

Читайте в нашей новой статье "20 распространенных типографических ошибок в дизайне пользовательского интерфейса".

Коллеги, давайте на чистоту: больше недостаточно сделать просто хороший продукт🤫 Сегодня пользователя не подкупить ни качеством, ни ценой. Люди выбирают сердцем: тех, кто им откликается, разделяет их ценности, вызывает доверие. Но как эту эмоциональную связь построить? Как нащупать ту самую точку, где просто удобный сервис превращается в продукт, который становится образом жизни? ❤️

➡️ В лонгриде "От функций к эмоциям: что такое лестница преимуществ бренда" разбираем инструмент, который помогает пройти путь от просто функций к живым эмоциям — тем самым, за которые клиенты и выбирают.

Как сохранить свои нервы при работе с типографикой?🙃 (Спойлер: начинайте заниматься ей до того, как шрифтов в проекте станет слишком много🤫) Может показаться, что это очевидно. Но почти все вспоминают о типографике, когда в системе уже десятки продуктов и полный хаос. Автор статьи как раз столкнулся с такой ситуацией — пришлось наводить порядок в одной из таких систем.

👉 Какие выводы он сделал — рассказываем в статье "Улучшение типографики в дизайн-системе"

Коллеги, спорим, вы используете "Баухаус" в своих проектах, даже если никогда о нем не слышали😅 Сетки, простые формы, отсутствие лишнего декора — это не просто дань моды, а философия, которой уже больше 100 лет. Это тот самый фундамент, на котором строится вся современная типографика, композиция и даже дизайн-системы. Каждый начинающий дизайнер должен понимать эти корни — они объясняют, почему "так правильно", а не просто "красиво"⬇️

🗂 В лонгриде "Стиль Баухаус и его влияние на дизайн интерфейсов" разбираем, как идеи прошлого века помогают делать крутые интерфейсы сегодня.

❌ Наши флагманские программы «UX/UI-дизайнер» и «Middle / Senior UX/UI» закрываются Важно отметить, что курсы выходят из продажи не потому, что перестали быть актуальными, наоборот, мы продолжаем обновлять их: уже добавили блоки по нейросетям и готовим крупное обновление по созданию сайтов. Фактически перед нами стоял выбор: повышать стоимость до уровня рынка (150–200 тыс. руб. за сопоставимый объем и поддержку), либо сместить фокус в сторону более компактных и гибких форматов. И мы выбираем второе, чтобы сохранить доступность и ускорить обучение за счет новых инструментов и ИИ. Обе программы будут доступны к покупке еще около месяца. Далее они выйдут из продажи полностью. Мы будем напоминать о закрытии в несколько этапов, и на каждом из них условия будут меняться. 🔔Рекомендуем воспользоваться моментом и приобрести обучение по выгодной цене. Кроме того, при покупке вы получите курс «AI-дизайнер 2.0», обычная стоимость которого 68 200 руб., – бесплатно. Акция действует до 07.07.2026. 👆 Забронировать место и получить консультацию можно у коллег — @uprock_hello.

Навигация по вкладкам: мастхэв или ловушка? 🧐 Кажется, это идеальный инструмент: структурирует контент, экономит место, быстрый доступ к разделам. Аккуратно, удобно, интуитивно понятно — что может пойти не так? Но дьявол, как и всегда, в деталях 😈 Непродуманные вкладки сбивают с толку, запутывают пользователей и превращают интерфейс в лабиринт. Особенно, когда их слишком много или названия слишком общие. Навигация по вкладкам круто работает, но только если правильно ее настроить👇

➡️ Как это сделать, читайте в новой статье - "Навигация с помощью вкладок в пользовательском интерфейсе: где и когда ее использовать".