UX/UI [by Uprock]

Чем меньше экран, тем больше ответственность 📲 Частая история: на большом экране макет выглядит как конфетка, а на телефоне превращается в тыкву. Особенно, когда дело касается текста. На небольших экранах каждый пиксель на счету. Выбор шрифта влияет на читаемость, настроение и даже на доверие к продукту, поэтому цена ошибки слишком высока.

➖ В статье "Мастерство мобильной типографики: советы по использованию шрифтов и лучшие практики" рассказали 5 базовых принципов: от выбора гарнитуры до расстановки символов.

Сигнал, который пользователь считывает за 0,1 секунды🟩 Мы не читаем уведомления — мы их чувствуем. За долю секунды мозг ставит диагноз: красный = кровь/огонь, зелёный = трава/безопасность. Без текста, без иконок — один только цвет. Так работает наше подсознание Поэтому, когда дело доходит до системных уведомлений, забудьте про "хочу красиво". Нужно сделать так, чтобы пользователь получил верный сигнал. Как это сделать?👇

➡️ Разбираемся в лонгриде "Как цвет системных уведомлений влияет на ощущение безопасности".

Бесплатный интенсив: коммерческая 3D-графика в нейросетях 🔥 В Utopy.ai стартует серия интенсивов для дизайнеров и всех, кто хочет лучше разобраться в нейросетях. Уже сегодня в 19:00 МСК начинается бесплатный интенсив по созданию коммерческой 3D-графики. Пошагово разберем весь процесс: от идеи и построения сцены до работы со светом, фонами, текстурами и ракурсами. Также расскажем, как анимировать готовую графику. Что вас ждет: ✦ Теория и пошаговый алгоритм создания объемных объектов; ✦ Инструменты для генерации 3D; ✦ Полезные приемы и промпты; ✦ Практические задания; ✦ Разбор работ участников; ✦ Бесплатные токены Utopy.ai; ✦ Розыгрыш призов. ➡ Регистрируйтесь по ссылке

Почему чем больше разных работ в вашем портфолио, тем лучше?🤔 На старте многие грешат тем, что показывают только то, что у них лучше всего получается. Но сильное портфолио — это то, которое доказывает, что справитесь с любой задачей, даже если она выходит за рамки вашей зоны комфорта. Чем ранообразнее ваши проекты, тем быстрее клиент поймет, что вы не заложник одного удачного проекта, а настоящий профессионал. Но и это еще не все👇

1️⃣ На старте карьеры важно иметь разноплановое портфолио. Вы попробуете больше разных направлений и выберете то, что вам нужно. 2️⃣ У вас появится более глубокое понимание проектов. И, что важно, вы заметите общие закономерности в проектной деятельности разных задач (алгоритм, анализ, обоснования и т. д.). 3️⃣ Плюс на первых местах работы от вас будут требовать знать все и быть мультистаночником. Узкая специализация понадобится потом, когда вы набьете руку и выберете свое направление. 4️⃣ Из-за ИИ сейчас увеличивается скорость работы и требования к вашей универсальности. Теперь вы можете сделать дизайн, иллюстрации, видео и программный код. Это просто становится стандартом.

Исходя из этой логики, мы создали новый пакет «AI-Designer Ultimate», где объединили все курсы в единое комплексное обучение. В него входят: • Веб-сайты • Веб-приложение • Графический дизайн (Плакаты + Инфографика + Креативная айдентика) • AI-видео (рекламный ролик, музыкальный сниппет) • AI 3D-графика • AI-иллюстрации • Анимации интерфейсов

К посту приложили примеры и уровень работ. Длительность программы — 6 мес. Продление поддержки после основного срока обучения — 4900 руб. за месяц. Если покупать эти курсы по отдельности, цена будет 311 600 руб., а пакетом — 99 000 руб. (к такой цене придем с сентября)

📌 Сейчас цена для всех учеников со скидкой 35% и составляет всего 65 000 руб. (от 3542 руб./мес в рассрочку) А для тех, кто еще не студент, цена 79 000 руб. (от 4125 руб./мес в рассрочку) Эта акция приурочена к концу лета и началу учебного года. Наша цель — сделать обучение и повышение вашего уровня до уровня ведущих дизайнеров доступным. Раньше нужно было годами пробовать и экспериментировать, а сейчас я даю свою методику, отточенную за 20 лет личной карьеры и 8 лет развития учебной программы UPROCK. Вы просто получаете выжимку, чтобы не наступать на мои «грабли». В этом мой секрет: мы системно и методично подготовили для вас все программы. ➡️Чтобы получить больше информации и забронировать курс со скидкой, напишите в @uprock_hello

У вас никогда не будет второго шанса произвести первое впечатление 👀 Коллеги, вопрос на миллион: вы уделяете оглавлению столько же времени, сколько обложке? Креативная обложка цепляет взгляд. Но именно оглавление становится тем самым решающим моментом, когда читатель оказывается на распутье: остаться или закрыть вкладку. Как склонить чашу весов в сторону первого варианта?⬇️

➡️Рассказываем в новой статье "Дизайн оглавления: 15 вдохновляющих примеров + советы профессионалов".

Ползунки либо бесят, либо влюбляют в интерфейс с первой секунды. Выбор всегда за дизайнером 😤🆚😍 Есть элементы, которые просто выполняют функцию. А есть те, что создают ощущение. Ползунки (слайдеры) — из второй категории. Когда пользователь двигает слайдер, он взаимодействует с продуктом на интуитивном уровне, почти как с физическим объектом. Это мощный инструмент доверия. Или мощный инструмент раздражения — если сделать его наспех.

🤩 В сегодняшнем лонгриде "Как правильно использовать ползунки в интерфейсе" разберемся, как приручить этот элемент и сделать его своим союзником.

Как создать бренд, который работает 🤔 Частая ошибка новичков в том, что они уделяют слишком много внимания красивой картинке. Крутой логотип, модные цвета, стильный шрифт — кажется, что в этом залог успеха бренда. Но тренды меняются каждые полгода. Так что ни один успешный продукт не может держаться только на визуале. По-настоящему сильный бренд строится на смыслах, которые за ним стоят. Он узнаваем, устойчив к изменениям рынка и вызывает доверие. И всё это закладывается не в Figma, а на этапе стратегии — в ответах на простые, но важные вопросы. Какие именно вопросы нужно задать себе перед стартом? ⬇️

💜Собрали их в статье: "Как создать сильный и запоминающийся бренд: 9 вопросов, которые вам помогут".

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

➡️ Узнаете в статье "4 характеристики выдающейся типографики: советы от старшего бренд-директора Monotype".

"Мне кажется, тут все интуитивно понятно" — фраза, которая убивает интерфейсы💀 Каждый раз это заканчивается одинаково: пользователи путаются, заказчик недоволен, а вы сидите и перерисовываете экран в пятый раз. Хватит полагаться на свою интуицию, скорее всего, вы промахнетесь (никогда не забывайте, вы — не ваш пользователь). Но что тогда делать? Есть методика, которая за 5 минут дает объективную оценку удобства вашего продукта: без эмоций, без "я думаю, эта кнопка должна быть левее", только реальные данные. Именно поэтому ей доверяют продакты и крупные корпорации. 👇

〰️В лонгриде "Как работает SUS метод для оценки юзабилити" подробно разбираем разбираем все этапы методики: от вопросов до интерпретации результата.

Как выстроить систему поощрений, которая реально работает: на примере гигантов рынка 🥇 Дизайнеры, давайте на чистоту, а вы добавляете в свои макеты так называемые "награды", "достижения" или "значки" только потому что так делают все? Duolingo, Nike и Amazon тоже используют этот прием, но результат у всех разный: 🟢 у Duolingo — награды заставляют пользователя открывать приложение каждый день; 🟢 у Nike — система поощрений создает ощущение причастности к единому сообществу; 🟢 у Amazon — бесполезные значки, которые не делают ничего. В чем ошибка Amazon и как правильно использовать данный подход в своих проектах?

🤩 Рассказали в сегодняшней статье "Как Duolingo, Nike и Amazon используют награды, чтобы держать вас на крючке".

То самое "7 раз отмерь" в мире UX или как сэкономить себе уйму времени на переделках 📐 Частая ловушка новичков: вместо того чтобы разобраться в задаче, они скорее мчатся в Фигму и начинают "творить". А вот разбираться в сути проблемы, задавать клиенту вопросы и переформулировать бриф — скучно. Именно здесь происходит фатальная ошибка. Опытные дизайнеры тратят 50% времени на то, чтобы понять проблему, и только вторую половину на её решение. Новичок же делает наоборот. Он отдаёт лишь 10% на осмысление и 90% на бесконечные переделки. Как перестать быть заложником своей же спешки? 🔃

⏩ В сегодняшней статье "Метод двойного бриллианта в UX-дизайне" разбираем систему, которая научит вас сначала дважды подумать, прежде чем один раз нарисовать.

Как говорится, на чужих ошибках учатся... 🥶🥶 Плохой UX — это не просто неудобно, это больно. Причем как для пользователя, так и для бизнеса. Большинство пользователей после негативного опыта просто уходят и никогда не возвращаются. Как не попасть в эту статистику? Обычно нас учат на хороших примерах: делай как Apple, Google, и Netflix. Но, как показывает практика, лучше всего заминаются провалы, особенно чужие.

🔜 В новой статье "7 примеров плохого дизайна пользовательского интерфейса, из которых можно извлечь уроки" разбираем анти-примеры и рассказываем, как не допустить этих ошибок в своих проектах.

Сортировка карточек — ваш навигационный компас 🧭 Хороший UX начинается не в Figma, а в головах тех, кто будет пользоваться вашим продуктом. Именно поэтому интуитивно понятная навигация — это всегда результат исследований, а не дизайнерской интуиции. Сортировка карточек — одна из самых недооценённых, но мощных техник на старте проекта. Это исследование дает возможность заглянуть в мозг пользователя, чтобы понять: какие категории меню для него очевидны, а где возникают трудности?

▶️ В новой статье "Что такое сортировка карточек и зачем она нужна UX-дизайнеру" закрываем все основные вопросы и даем пошаговый план проведения данного исследования.

Скучные персоны — враг крутого дизайна ⚔️ Мы до пикселя выверяем отступы, подбираем идеальный шрифт и детально продумываем микровзаимодействия. Но когда дело доходит до пользователя, сдаёмся на полпути: "Мария, 25 лет, любит кофе и собак". Думаете этого достаточно, чтобы построить функциональный и продуманный интерфейс? Дизайн без живой персоны — красивая обёртка без содержания. Она впечатляет, но не решает бизнес-задачи.

💜 Готовьте попкорн, в новой статье "Голливудский путеводитель по UX-персонам" рассказываем, как создать героев, похожих на реальных пользователей вашего продукта — по законам большого голливудского кино.

Если надо объяснять — то не надо объяснять🧐 Коллеги, откройте свой последний макет и посчитайте, сколько в нем тултипов: десять, двадцать? Вы всерьёз думаете, что кто-то будет это читать? Пользователю не нужна инструкция к интерфейсу. Ему нужен простой и понятный путь. Когда мы ставим подсказки на каждом шагу, мы перегружаем мозг человека и он перестает видеть главное.

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

Как выбесить пользователя за 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

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

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