Telegram Web Link
🤔 Ошибки в интерфейсе: как их избежать и исправить

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

Посмотрите карточки и почитайте статью о том, какие ошибки встречаются в интерфейсах и как их можно минимизировать. 👀
48🙏2👍1
Какмелкиедетали могут разрушить пользовательский опыт

У Лены отпуск через две недели, пожар на работе и куча домашних дел. Наконец, ей приходит зарплата и она превозмогая себя идет выбирать билеты через сайт. Настроила фильтры: багаж включён, только утренние вылеты, не более двух пересадок, только определнные авиакомпании. В углу окна фильтров — привычный крестик. Лена нажала. Экран обновился. Все фильтры сбросились. Снова сотни рейсов, реклама и рейсы с пересадками на 20 часов. Знакомая история?

📌 Проблема в том, что крестик — это семантически неоднозначный элемент. Он может означать:


- «Закрыть окно»
- «Отменить действие»
- «Сбросить настройки»
- и самое страшное — «Удалить»

Если использовать одну и ту же иконку для разных, а порой и противоположных действий — пользователь теряет уверенность. Он начинает бояться нажимать. Этому способствует и ранее полученный негативный опыт в рамках других продуктов.

Особенно критично, когда крестик используется для удаления.

Удаление — это деструктивное действие, которое должно быть:


- явным (например, через иконку корзины или кнопку «Удалить»),
- подтверждённым (через диалог: «Вы точно хотите удалить?»),
- отделённым от “мирных” действий, чтобы избежать случайного клика.

Если крестик удаляет файл, письмо или контакт — пользователь может не понять этого до тех пор, пока не станет слишком поздно. В интерфейсе не должно быть ловушек.

А вы аккуратно используете крестики в своем интерфейсе?

❤️ Да, всегда за этим слежу

🤷 Никогда не задумывался(лась) об этом

🌚 Ерунда все это
76🔥11🤷‍♂9👍1
❤️ Хочу немного поделиться, как проходят менторские встречи, и рассказать про одну замечательную менторскую пару — Полину (ментор) и Анастасию (менти).

У Анастасии был запрос на ревью портфолио и подготовку к собеседованиям. Вместе с Полиной они очень быстро и чётко закрыли этот вопрос — а выше на картинке можно посмотреть отзыв Насти 🙌

Я правда очень рада, что у девушек всё получилось так эффективно и легко (хотя это совсем не случайность). Полина — отличный ментор и очень любознательный дизайнер. Сейчас она продолжает развиваться, изучает типографику и даже занимается столяркой! А ещё иногда пишет статьи. Советую статью про разработку интересной фичи для большого продукта.
❤‍🔥17🔥31
Как устроена работа в продукте — разговор без масок. Разбираемся 15 апреля в 19:00 (по МСК)

Участвуют: Дмитрий Якушев дизайн-лид на международных проектах (NDA) 15+ лет опыта, Сергей Кузьмичев дизайн-лид Альфа-Банк, ex-Сбер 10+ лет опыта

➤ Формат:
экспериментальный — живая дискуссия нескольких экспертов. Экспромт, с прямыми вопросами и честными ответами.

Мы поговорим о том, как на самом деле устроена работа дизайнера в продуктовых командах с разных сторон, в разных контекстах и без розовых очков. Разберёмся:

✦ с какими форматами работы дизайнеров мы сталкивались и какой из них действительно работает;

✦ как меняется подход к дизайну, и правда ли, что «нас всех скоро заменит ИИ»;

✦ какие мифы о профессии мешают больше всего (и почему они всё ещё живы);

✦ что сейчас происходит на рынке найма — и с какой стороны больнее;

✦ какие навыки и качества важны, если вы хотите «устроиться», а потом расти в продукте.

ᕙ( •̀ ᗜ •́ )ᕗ

Жду вас завтра на Youtube / VK
🔥347👍4
👉 Начинаем уже совсем скоро: Youtube / VK
👍61
Live stream finished (1 hour)
¿ Когнитивная нагрузка в интерфейсах: как не перегрузить пользователя ¿

Когда мы запускаем слишком много программ на компьютере, он начинает тормозить. С мозгом — та же история. Если информации становится слишком много, снижается внимание, растёт время на выполнение задачи, или человек вовсе её бросает.

Что такое когнитивная нагрузка?

Это объём умственных усилий, который пользователь тратит на работу с интерфейсом. Чем выше нагрузка — тем сложнее человеку действовать.

Есть два типа:

❯ Внутренняя (intrinsic) — связана с целью: например, человек сам изучает что-то новое. На это мы повлиять не можем

❯ Внешняя (extraneous) — лишняя нагрузка от самого интерфейса: запутанная навигация, странные шрифты, визуальный шум. Вот с ней и нужно бороться.

Рекомендации в карточках. Мозг «проапгрейдить» нельзя. А вот интерфейс — можно (и нужно). •𐃷•

Как вам новое оформление карточек?

❤️ Лучше старого, оставляем
👌 Нравится любой вариант
🤷 Не обратил(а) внимание
🌚 Верните как было!
28🌚13👌9🔥3👏2
ׂ╰┈➤ Почему мы промахиваемся мимо выпадающих списков — и при чём тут закон наведения (Steering Law)

Знакома ли вам ситуация: наводите курсор мыши на пункт меню, выпадает подменю сбоку — и теперь нужно аккуратно, по диагонали, попасть мышкой в тонкий список. Чуть промах — вы проиграли, начинаем сначала.

˗ˏˋ ★ ˎˊ˗ Это негативное проявление закона наведения (Steering Law). Чем длиннее и уже путь, по которому нужно провести курсор, тем сложнее и медленнее это сделать. ˗ˏˋ ★ ˎˊ˗

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

Что с этим делать:

— Делать широкие зоны наведения, не менее 40 пикселей

— Не закрывать меню моментально — дайте пользователю шанс на промах. Это может сделать разработчик, даже если он вам говорит, что не может.

— Или, если возможно, избегать проектирования многоуровневых выпадашек на десктопе


❤️ Это действительно полезно
🤷 Никогда не задумывался(лась) об этом
🌚 Ерунда все это
77👍4🌚3
⋆˙⟡ Что такое модальность в интерфейсах — и почему её часто не любят⋆˙⟡

Модальность — это режим, в котором интерфейс ограничивает действия пользователя. Пока не закроешь модальное окно, ты больше ничего не можешь сделать. Если окно не занимает весь экран, фон за ним обычно затемняется или размывается — чтобы сфокусировать взгляд и показать, где сейчас «главное».

Это немного похоже на паузу в игре: прежде чем продолжить, нужно принять решение — согласиться, отменить, подтвердить. И в этом есть смысл, если действие действительно требует внимания.

Но у модальности есть обратная сторона.

⋉ Чем чаще мы используем модальные окна, тем выше нагрузка на пользователя. Мы прерываем его, выдёргиваем из контекста, заставляем переключаться. Это может быть неприятно, особенно людям с повышенной тревожностью — ощущается как потеря контроля над интерфейсом.

⋉ Кроме того, модальные окна нередко нарушают принципы инклюзивности. Людям, которые используют скринридеры или альтернативные устройства, может быть сложно понять, что перед ними открылось. Я хорошо помню, как на один из воркшопов к нам пришёл активист — незрячий тестировщик. Он рассказывал, как сложно ему бывает взаимодействовать с модалками в нашем продукте. И мне тогда стало по-настоящему неловко.

⋉ Интересно, что маркетологи любят модалки — они любят принудительно показать акцию или предложение. Но пользователи к ним уже адаптировались — закрывают такие окна за долю секунды. ᕙ( •̀ ᗜ •́ )ᕗ
👍594👏1
Если бы мне кто-то заранее сказал, что «запустить курс» означает работать по 10 часов в день без выходных — я бы… всё равно его запустила, но, возможно, хотя бы морально подготовилась.

Я думала, что теперь у меня будет свободный график. И он действительно стал свободным — просто теперь я вольна выбирать, в какие часы суток работать: днём, ночью или и так, и так. Мой выбор обычно такой: 10 или 12 часов в день? 6 или 7 дней в неделю? Понимаю, что это неправильно, не подумайте что это рекомендация.

Поскольку это мой первый запуск, я думаю вам интересно как всё это ощущается изнутри.

Ⅰ Это невероятно вдохновляет. Когда тебе доверяют 120 человек — это и радость, и лёгкая паника одновременно. Я перфекционист, и масштаб усложняет задачу: хочется сохранить свой подход, но при этом не утонуть в деталях.

Ⅱ Всё, что сейчас кажется мне “быстро собранным” — на самом деле собиралось годами. Я давно к этому шла. Те, кто знал меня ещё во времена ГПБ, помнят, как я говорила о том, что хочу заниматься образованием для дизайнеров. Это было лет семь-восемь назад. Так что курс — это не спринт, а вполне себе марафон с затяжным стартом. Постоянно напоминаю себе об этом.

Ⅲ Я знакомлюсь с потрясающими людьми. Созваниваюсь по 5–6 раз в день, в основном своим утром (у меня разница с МСК +8 часов). Вот недавно пообщалась с Кириллом, руководителем исследований mos.ru. Встретились впервые, поговорили.. и я сразу позвала его на наш внутренний вебинар. Отзывы студентов покажу в следующем посте.

Но, конечно, не без шероховатостей. Есть непростые моменты. Хочется помочь каждому, но это не знаю смогу ли. Работа у меня начинается в 5-6 утра, так как у большинства уже прошло к этому времени пол дня. А еще мы постоянно придумываем что-то новое. Из-за этого генерируется много дополнительный загрузки, на которую не было заложено времени.
57🔥3💔3
2025/10/24 12:37:12
Back to Top
HTML Embed Code: