🤔 Ошибки в интерфейсе: как их избежать и исправить
Проектирование пользовательского опыта — это не только про успешный путь пользователя, но и про ошибки. Самый крутой вариант — когда интерфейс продуман так хорошо, что пользователь избегает ошибок. Но в реальности это не всегда возможно, и тогда важно другое: как быстро и просто человек сможет исправить ситуацию.
Посмотрите карточки и почитайте статью о том, какие ошибки встречаются в интерфейсах и как их можно минимизировать. 👀
Проектирование пользовательского опыта — это не только про успешный путь пользователя, но и про ошибки. Самый крутой вариант — когда интерфейс продуман так хорошо, что пользователь избегает ошибок. Но в реальности это не всегда возможно, и тогда важно другое: как быстро и просто человек сможет исправить ситуацию.
Посмотрите карточки и почитайте статью о том, какие ошибки встречаются в интерфейсах и как их можно минимизировать. 👀
❤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