UX/UI [by Uprock]

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

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

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

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

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

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