🤔 Ошибки в интерфейсе: как их избежать и исправить
Проектирование пользовательского опыта — это не только про успешный путь пользователя, но и про ошибки. Самый крутой вариант — когда интерфейс продуман так хорошо, что пользователь избегает ошибок. Но в реальности это не всегда возможно, и тогда важно другое: как быстро и просто человек сможет исправить ситуацию.
Посмотрите карточки и почитайте статью о том, какие ошибки встречаются в интерфейсах и как их можно минимизировать. 👀
Проектирование пользовательского опыта — это не только про успешный путь пользователя, но и про ошибки. Самый крутой вариант — когда интерфейс продуман так хорошо, что пользователь избегает ошибок. Но в реальности это не всегда возможно, и тогда важно другое: как быстро и просто человек сможет исправить ситуацию.
Посмотрите карточки и почитайте статью о том, какие ошибки встречаются в интерфейсах и как их можно минимизировать. 👀
❤48🙏2👍1
❌ Как “мелкие” детали могут разрушить пользовательский опыт
У Лены отпуск через две недели, пожар на работе и куча домашних дел. Наконец, ей приходит зарплата и она превозмогая себя идет выбирать билеты через сайт. Настроила фильтры: багаж включён, только утренние вылеты, не более двух пересадок, только определнные авиакомпании. В углу окна фильтров — привычный крестик. Лена нажала. Экран обновился. Все фильтры сбросились. Снова сотни рейсов, реклама и рейсы с пересадками на 20 часов. Знакомая история?
📌 Проблема в том, что крестик — это семантически неоднозначный элемент. Он может означать:
- «Закрыть окно»
- «Отменить действие»
- «Сбросить настройки»
- и самое страшное — «Удалить»
Если использовать одну и ту же иконку для разных, а порой и противоположных действий — пользователь теряет уверенность. Он начинает бояться нажимать. Этому способствует и ранее полученный негативный опыт в рамках других продуктов.
Особенно критично, когда крестик используется для удаления.
Удаление — это деструктивное действие, которое должно быть:
- явным (например, через иконку корзины или кнопку «Удалить»),
- подтверждённым (через диалог: «Вы точно хотите удалить?»),
- отделённым от “мирных” действий, чтобы избежать случайного клика.
Если крестик удаляет файл, письмо или контакт — пользователь может не понять этого до тех пор, пока не станет слишком поздно. В интерфейсе не должно быть ловушек.
А вы аккуратно используете крестики в своем интерфейсе?
❤️ Да, всегда за этим слежу
🤷 Никогда не задумывался(лась) об этом
🌚 Ерунда все это
У Лены отпуск через две недели, пожар на работе и куча домашних дел. Наконец, ей приходит зарплата и она превозмогая себя идет выбирать билеты через сайт. Настроила фильтры: багаж включён, только утренние вылеты, не более двух пересадок, только определнные авиакомпании. В углу окна фильтров — привычный крестик. Лена нажала. Экран обновился. Все фильтры сбросились. Снова сотни рейсов, реклама и рейсы с пересадками на 20 часов. Знакомая история?
📌 Проблема в том, что крестик — это семантически неоднозначный элемент. Он может означать:
- «Закрыть окно»
- «Отменить действие»
- «Сбросить настройки»
- и самое страшное — «Удалить»
Если использовать одну и ту же иконку для разных, а порой и противоположных действий — пользователь теряет уверенность. Он начинает бояться нажимать. Этому способствует и ранее полученный негативный опыт в рамках других продуктов.
Особенно критично, когда крестик используется для удаления.
Удаление — это деструктивное действие, которое должно быть:
- явным (например, через иконку корзины или кнопку «Удалить»),
- подтверждённым (через диалог: «Вы точно хотите удалить?»),
- отделённым от “мирных” действий, чтобы избежать случайного клика.
Если крестик удаляет файл, письмо или контакт — пользователь может не понять этого до тех пор, пока не станет слишком поздно. В интерфейсе не должно быть ловушек.
А вы аккуратно используете крестики в своем интерфейсе?
❤️ Да, всегда за этим слежу
🤷 Никогда не задумывался(лась) об этом
🌚 Ерунда все это
❤76🔥11🤷♂9👍1
❤️ Хочу немного поделиться, как проходят менторские встречи, и рассказать про одну замечательную менторскую пару — Полину (ментор) и Анастасию (менти).
У Анастасии был запрос на ревью портфолио и подготовку к собеседованиям. Вместе с Полиной они очень быстро и чётко закрыли этот вопрос — а выше на картинке можно посмотреть отзыв Насти 🙌
Я правда очень рада, что у девушек всё получилось так эффективно и легко (хотя это совсем не случайность). Полина — отличный ментор и очень любознательный дизайнер. Сейчас она продолжает развиваться, изучает типографику и даже занимается столяркой! А ещё иногда пишет статьи. Советую статью про разработку интересной фичи для большого продукта.
У Анастасии был запрос на ревью портфолио и подготовку к собеседованиям. Вместе с Полиной они очень быстро и чётко закрыли этот вопрос — а выше на картинке можно посмотреть отзыв Насти 🙌
Я правда очень рада, что у девушек всё получилось так эффективно и легко (хотя это совсем не случайность). Полина — отличный ментор и очень любознательный дизайнер. Сейчас она продолжает развиваться, изучает типографику и даже занимается столяркой! А ещё иногда пишет статьи. Советую статью про разработку интересной фичи для большого продукта.
❤🔥17🔥3❤1
Как устроена работа в продукте — разговор без масок. Разбираемся 15 апреля в 19:00 (по МСК)
➤ Участвуют: Дмитрий Якушев дизайн-лид на международных проектах (NDA) 15+ лет опыта, Сергей Кузьмичев дизайн-лид Альфа-Банк, ex-Сбер 10+ лет опыта
➤ Формат: экспериментальный — живая дискуссия нескольких экспертов. Экспромт, с прямыми вопросами и честными ответами.
Мы поговорим о том, как на самом деле устроена работа дизайнера в продуктовых командах с разных сторон, в разных контекстах и без розовых очков. Разберёмся:
✦ с какими форматами работы дизайнеров мы сталкивались и какой из них действительно работает;
✦ как меняется подход к дизайну, и правда ли, что «нас всех скоро заменит ИИ»;
✦ какие мифы о профессии мешают больше всего (и почему они всё ещё живы);
✦ что сейчас происходит на рынке найма — и с какой стороны больнее;
✦ какие навыки и качества важны, если вы хотите «устроиться», а потом расти в продукте.
ᕙ( •̀ ᗜ •́ )ᕗ
Жду вас завтра на Youtube / VK
➤ Участвуют: Дмитрий Якушев дизайн-лид на международных проектах (NDA) 15+ лет опыта, Сергей Кузьмичев дизайн-лид Альфа-Банк, ex-Сбер 10+ лет опыта
➤ Формат: экспериментальный — живая дискуссия нескольких экспертов. Экспромт, с прямыми вопросами и честными ответами.
Мы поговорим о том, как на самом деле устроена работа дизайнера в продуктовых командах с разных сторон, в разных контекстах и без розовых очков. Разберёмся:
✦ с какими форматами работы дизайнеров мы сталкивались и какой из них действительно работает;
✦ как меняется подход к дизайну, и правда ли, что «нас всех скоро заменит ИИ»;
✦ какие мифы о профессии мешают больше всего (и почему они всё ещё живы);
✦ что сейчас происходит на рынке найма — и с какой стороны больнее;
✦ какие навыки и качества важны, если вы хотите «устроиться», а потом расти в продукте.
ᕙ( •̀ ᗜ •́ )ᕗ
Жду вас завтра на Youtube / VK
🔥34❤7👍4
¿ Когнитивная нагрузка в интерфейсах: как не перегрузить пользователя ¿
Когда мы запускаем слишком много программ на компьютере, он начинает тормозить. С мозгом — та же история. Если информации становится слишком много, снижается внимание, растёт время на выполнение задачи, или человек вовсе её бросает.
Что такое когнитивная нагрузка?
Это объём умственных усилий, который пользователь тратит на работу с интерфейсом. Чем выше нагрузка — тем сложнее человеку действовать.
Есть два типа:
❯ Внутренняя (intrinsic) — связана с целью: например, человек сам изучает что-то новое. На это мы повлиять не можем
❯ Внешняя (extraneous) — лишняя нагрузка от самого интерфейса: запутанная навигация, странные шрифты, визуальный шум. Вот с ней и нужно бороться.
Рекомендации в карточках. Мозг «проапгрейдить» нельзя. А вот интерфейс — можно (и нужно). •𐃷•
Как вам новое оформление карточек?
❤️ Лучше старого, оставляем
👌 Нравится любой вариант
🤷 Не обратил(а) внимание
🌚 Верните как было!
Когда мы запускаем слишком много программ на компьютере, он начинает тормозить. С мозгом — та же история. Если информации становится слишком много, снижается внимание, растёт время на выполнение задачи, или человек вовсе её бросает.
Что такое когнитивная нагрузка?
Это объём умственных усилий, который пользователь тратит на работу с интерфейсом. Чем выше нагрузка — тем сложнее человеку действовать.
Есть два типа:
❯ Внутренняя (intrinsic) — связана с целью: например, человек сам изучает что-то новое. На это мы повлиять не можем
❯ Внешняя (extraneous) — лишняя нагрузка от самого интерфейса: запутанная навигация, странные шрифты, визуальный шум. Вот с ней и нужно бороться.
Рекомендации в карточках. Мозг «проапгрейдить» нельзя. А вот интерфейс — можно (и нужно). •𐃷•
Как вам новое оформление карточек?
❤️ Лучше старого, оставляем
👌 Нравится любой вариант
🤷 Не обратил(а) внимание
🌚 Верните как было!
❤28🌚13👌9🔥3👏2
ׂ╰┈➤ Почему мы промахиваемся мимо выпадающих списков — и при чём тут закон наведения (Steering Law)
Знакома ли вам ситуация: наводите курсор мыши на пункт меню, выпадает подменю сбоку — и теперь нужно аккуратно, по диагонали, попасть мышкой в тонкий список. Чуть промах — вы проиграли, начинаем сначала.
˗ˏˋ ★ ˎˊ˗ Это негативное проявление закона наведения (Steering Law). Чем длиннее и уже путь, по которому нужно провести курсор, тем сложнее и медленнее это сделать. ˗ˏˋ ★ ˎˊ˗
В интерфейсах есть куча мелочей, которые никто не замечает, пока всё работает. Но как только что-то начинает раздражать — это моментально влияет на опыт. Когда мы проектируем интерфейс, мы часто сосредотачиваемся на визуале, некоторые не забывают и про логику, но мало кто помнит о микронавигации, особенно курсорной. А ведь именно она определяет, будет ли интерфейс чувствоваться надёжным.
Что с этим делать:
— Делать широкие зоны наведения, не менее 40 пикселей
— Не закрывать меню моментально — дайте пользователю шанс на промах. Это может сделать разработчик, даже если он вам говорит, что не может.
— Или, если возможно, избегать проектирования многоуровневых выпадашек на десктопе
❤️ Это действительно полезно
🤷 Никогда не задумывался(лась) об этом
🌚 Ерунда все это
Знакома ли вам ситуация: наводите курсор мыши на пункт меню, выпадает подменю сбоку — и теперь нужно аккуратно, по диагонали, попасть мышкой в тонкий список. Чуть промах — вы проиграли, начинаем сначала.
˗ˏˋ ★ ˎˊ˗ Это негативное проявление закона наведения (Steering Law). Чем длиннее и уже путь, по которому нужно провести курсор, тем сложнее и медленнее это сделать. ˗ˏˋ ★ ˎˊ˗
В интерфейсах есть куча мелочей, которые никто не замечает, пока всё работает. Но как только что-то начинает раздражать — это моментально влияет на опыт. Когда мы проектируем интерфейс, мы часто сосредотачиваемся на визуале, некоторые не забывают и про логику, но мало кто помнит о микронавигации, особенно курсорной. А ведь именно она определяет, будет ли интерфейс чувствоваться надёжным.
Что с этим делать:
— Делать широкие зоны наведения, не менее 40 пикселей
— Не закрывать меню моментально — дайте пользователю шанс на промах. Это может сделать разработчик, даже если он вам говорит, что не может.
— Или, если возможно, избегать проектирования многоуровневых выпадашек на десктопе
❤️ Это действительно полезно
🤷 Никогда не задумывался(лась) об этом
🌚 Ерунда все это
❤77👍4🌚3
⋆˙⟡ Что такое модальность в интерфейсах — и почему её часто не любят⋆˙⟡
Модальность — это режим, в котором интерфейс ограничивает действия пользователя. Пока не закроешь модальное окно, ты больше ничего не можешь сделать. Если окно не занимает весь экран, фон за ним обычно затемняется или размывается — чтобы сфокусировать взгляд и показать, где сейчас «главное».
Это немного похоже на паузу в игре: прежде чем продолжить, нужно принять решение — согласиться, отменить, подтвердить. И в этом есть смысл, если действие действительно требует внимания.
Но у модальности есть обратная сторона.
⋉ Чем чаще мы используем модальные окна, тем выше нагрузка на пользователя. Мы прерываем его, выдёргиваем из контекста, заставляем переключаться. Это может быть неприятно, особенно людям с повышенной тревожностью — ощущается как потеря контроля над интерфейсом.
⋉ Кроме того, модальные окна нередко нарушают принципы инклюзивности. Людям, которые используют скринридеры или альтернативные устройства, может быть сложно понять, что перед ними открылось. Я хорошо помню, как на один из воркшопов к нам пришёл активист — незрячий тестировщик. Он рассказывал, как сложно ему бывает взаимодействовать с модалками в нашем продукте. И мне тогда стало по-настоящему неловко.
⋉ Интересно, что маркетологи любят модалки — они любят принудительно показать акцию или предложение. Но пользователи к ним уже адаптировались — закрывают такие окна за долю секунды. ᕙ( •̀ ᗜ •́ )ᕗ
Модальность — это режим, в котором интерфейс ограничивает действия пользователя. Пока не закроешь модальное окно, ты больше ничего не можешь сделать. Если окно не занимает весь экран, фон за ним обычно затемняется или размывается — чтобы сфокусировать взгляд и показать, где сейчас «главное».
Это немного похоже на паузу в игре: прежде чем продолжить, нужно принять решение — согласиться, отменить, подтвердить. И в этом есть смысл, если действие действительно требует внимания.
Но у модальности есть обратная сторона.
⋉ Чем чаще мы используем модальные окна, тем выше нагрузка на пользователя. Мы прерываем его, выдёргиваем из контекста, заставляем переключаться. Это может быть неприятно, особенно людям с повышенной тревожностью — ощущается как потеря контроля над интерфейсом.
⋉ Кроме того, модальные окна нередко нарушают принципы инклюзивности. Людям, которые используют скринридеры или альтернативные устройства, может быть сложно понять, что перед ними открылось. Я хорошо помню, как на один из воркшопов к нам пришёл активист — незрячий тестировщик. Он рассказывал, как сложно ему бывает взаимодействовать с модалками в нашем продукте. И мне тогда стало по-настоящему неловко.
⋉ Интересно, что маркетологи любят модалки — они любят принудительно показать акцию или предложение. Но пользователи к ним уже адаптировались — закрывают такие окна за долю секунды. ᕙ( •̀ ᗜ •́ )ᕗ
👍59❤4👏1
❯ Если бы мне кто-то заранее сказал, что «запустить курс» означает работать по 10 часов в день без выходных — я бы… всё равно его запустила, но, возможно, хотя бы морально подготовилась.
Я думала, что теперь у меня будет свободный график. И он действительно стал свободным — просто теперь я вольна выбирать, в какие часы суток работать: днём, ночью или и так, и так. Мой выбор обычно такой: 10 или 12 часов в день? 6 или 7 дней в неделю? Понимаю, что это неправильно, не подумайте что это рекомендация.
Поскольку это мой первый запуск, я думаю вам интересно как всё это ощущается изнутри.
Ⅰ Это невероятно вдохновляет. Когда тебе доверяют 120 человек — это и радость, и лёгкая паника одновременно. Я перфекционист, и масштаб усложняет задачу: хочется сохранить свой подход, но при этом не утонуть в деталях.
Ⅱ Всё, что сейчас кажется мне “быстро собранным” — на самом деле собиралось годами. Я давно к этому шла. Те, кто знал меня ещё во времена ГПБ, помнят, как я говорила о том, что хочу заниматься образованием для дизайнеров. Это было лет семь-восемь назад. Так что курс — это не спринт, а вполне себе марафон с затяжным стартом. Постоянно напоминаю себе об этом.
Ⅲ Я знакомлюсь с потрясающими людьми. Созваниваюсь по 5–6 раз в день, в основном своим утром (у меня разница с МСК +8 часов). Вот недавно пообщалась с Кириллом, руководителем исследований mos.ru. Встретились впервые, поговорили.. и я сразу позвала его на наш внутренний вебинар. Отзывы студентов покажу в следующем посте.
Но, конечно, не без шероховатостей. Есть непростые моменты. Хочется помочь каждому, но это не знаю смогу ли. Работа у меня начинается в 5-6 утра, так как у большинства уже прошло к этому времени пол дня. А еще мы постоянно придумываем что-то новое. Из-за этого генерируется много дополнительный загрузки, на которую не было заложено времени.
Я думала, что теперь у меня будет свободный график. И он действительно стал свободным — просто теперь я вольна выбирать, в какие часы суток работать: днём, ночью или и так, и так. Мой выбор обычно такой: 10 или 12 часов в день? 6 или 7 дней в неделю? Понимаю, что это неправильно, не подумайте что это рекомендация.
Поскольку это мой первый запуск, я думаю вам интересно как всё это ощущается изнутри.
Ⅰ Это невероятно вдохновляет. Когда тебе доверяют 120 человек — это и радость, и лёгкая паника одновременно. Я перфекционист, и масштаб усложняет задачу: хочется сохранить свой подход, но при этом не утонуть в деталях.
Ⅱ Всё, что сейчас кажется мне “быстро собранным” — на самом деле собиралось годами. Я давно к этому шла. Те, кто знал меня ещё во времена ГПБ, помнят, как я говорила о том, что хочу заниматься образованием для дизайнеров. Это было лет семь-восемь назад. Так что курс — это не спринт, а вполне себе марафон с затяжным стартом. Постоянно напоминаю себе об этом.
Ⅲ Я знакомлюсь с потрясающими людьми. Созваниваюсь по 5–6 раз в день, в основном своим утром (у меня разница с МСК +8 часов). Вот недавно пообщалась с Кириллом, руководителем исследований mos.ru. Встретились впервые, поговорили.. и я сразу позвала его на наш внутренний вебинар. Отзывы студентов покажу в следующем посте.
Но, конечно, не без шероховатостей. Есть непростые моменты. Хочется помочь каждому, но это не знаю смогу ли. Работа у меня начинается в 5-6 утра, так как у большинства уже прошло к этому времени пол дня. А еще мы постоянно придумываем что-то новое. Из-за этого генерируется много дополнительный загрузки, на которую не было заложено времени.
❤57🔥3💔3
