Как вам викторина? 🔥
Хотите больше таких активностей?

Пишите в комментариях, сколько правильных ответов у вас получилось и что думаете о формате! 🤔

А если хотите освежить материал — ниже ссылки на всю серию постов: ⬇️

Пост про Видимость сообщений об ошибках
Пост про Корректность сообщений об ошибках
Пост про Эффективность сообщений об ошибках

🍔 В продолжение предыдущего поста хочется написать о недавнем нововведении в приложении «Вкусно и точка». Теперь при заказе некоторых позиций (например, комбо обедов) сервис автоматически добавляет несколько соусов и пирожок.

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

А вы встречали «тёмные паттерны»?
Пишите примеры в комментариях👇

💡Недавно мы публиковали конспект лекции от Константина Ефимова и Анастасии Жичкиной о том, как задавать уточняющие вопросы в глубинном интервью, но, к сожалению, по просьбе автора нам пришлось его удалить.

Тем не менее, материал действительно стоящий — поэтому рекомендуем посмотреть оригинальное видео. Там много полезного о том, как правильно задавать глубинные вопросы, про зондирование/probing, лэддеринг и пять почему👇
🔗 ссылка на видео

Мы по-прежнему верим, что обмен знаниями — важная часть развития индустрии. Поэтому будем продолжать делиться крутыми исследованиями, только теперь — ещё осторожнее 😉

UX Слоган #15 — Покажите мне данные.

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

Когда вы втягиваетесь в эти субъективные споры, помните, что мнения коллег не имеют значения. Важно, что думают о дизайне пользователи. Поэтому в таких спорах важно вовремя сказать: «Покажите мне данные». Другими словами: давайте обратимся к пользователям и узнаем, что им действительно нравится.

Часто, когда люди слышат слово «данные» они думают о количественных показателях. И иногда это именно то, что нужно. Например, если спор о том, какую надпись сделать на кнопке действия, можно провести A/B-тест: выведите обе кнопки и посмотрите, какая из них получает больше кликов.

Но фраза «Покажите мне данные» не всегда означает количественные показатели. Чаще мы обращаемся к качественным методам, таким как интервью или юзабилити-тестирование. Это отличные способы понять, чего хотят пользователи и почему.

Используйте данные и обратную связь как основу и не позволяйте субъективным предпочтениям влиять на ключевые выводы. Исследования помогут прийти к решениям, ориентированные на потребности аудитории, что в итоге формирует положительный пользовательский опыт.

Источник
#ux_слоганы #nngroup

Продуктовая страница UX 2025: 15 подводных камней и лучшие практики.

В январе 2025 Институт Беймарда обновил данные исследования, в котором разобрал ключевые UX-ошибки продуктовых страниц и рассмотрел хорошие решения в дизайне карточек товаров.

Основные выводы:

51% сайтов в сегменте e-commerce имеют «посредственные» или ещё более неудачные реализации страниц товаров. Участники во время тестирования часто отказывались от подходящих продуктов — исключительно из-за проблем с UX, которые можно устранить.

Только 49% ведущих сайтов электронной коммерции в США и Европе имеют «удовлетворительный» или «хороший» UX продуктовых страниц (по сравнению с 48% в 2023 году и 44% в 2021 году).

При этом нет ни одного сайта с «идеальной» или «современной» реализацией продуктовой страницы (без изменений с 2021 года).

15 рекомендаций, чтобы улучшить UX продуктовой страницы:

- Избегайте табов в карточках товаров. При просмотре среднестатистической страницы продукта с табами 27% участников полностью игнорировали вкладки;
- Добавляйте в карточку изображения, которые показывают товар в масштабе, чтобы пользователи понимали реальный размер продукта;
- В карточках товаров одежды, сумок, аксессуаров используйте фото, которое демонстрирует товар на человеке;
- Добавляйте, фото товаров сделанных покупателями, которые они размещают в своих социальных сетях. Включение социального контента в процесс покупки помогает поддерживать заинтересованность пользователей и уверенность в их решении о покупке;
- Предоставьте пользователям доступ к таким функциям как «Сохранить», «Избранное» или «Список желаний» без регистрации на сайте;
- Отображайте «Цену за единицу» для товаров, продаваемых в разных количествах или объёмах;
- Если компания доставляет товары за отдельную плату — укажите стоимость доставки в карточке товара. По умолчанию пользователь должен видеть самую низкую полную стоимость заказа (товар+доставка);
- Размещайте в карточке товара информацию о возврате или ссылку на отдельную страницу, где можно узнать об этой возможности и правилах;
- Продумайте сценарий, при котором ваш товар покупают в качестве подарка. Разместите информацию о доставке, фотографии подарочных коробок и описание того, как будет доставлен подарок. Это поможет пользователям получить полную картину процесса дарения;
- Используйте визуальные приёмы, чтобы пользователям было удобно изучать технические характеристики товара. Выравнивание, иконки и разделительные линии улучшают считываемость, а вот многоколоночные форматы используйте с осторожностью. Тесты показывают, что макет из двух колонок усложняет поиск и интерпретацию информации по сравнению с текстом в одной колонке;
- Проверьте, чтобы технические характеристики продукта были идентичны тем, что указаны на сайте компании-производителя;
- Добавьте подсказки для всех уникальных или специфичных характеристик товара, чтобы пользователи могли понять про что идёт речь;
- В формах для отправки отзывов запрашивайте только ту информацию, которая касается опыта использования конкретного продукта;
- Отвечайте на негативные отзывы пользователей;
- Используйте слайдер для фотографий пользователей в отзывах, чтобы быстро перемещаться между изображениями.

Полный текст исследования с примерами читайте по ссылке.

#исследования

UX Слоган #16 — Нам нравится наблюдать

Этот слоган говорит о важности сбора поведенческих данных для принятия решений в дизайне.

Предположим, команда разработчиков думает о создании новой функции и поэтому опрашивает клиентов. Им интересно узнать, что пользователи думают об этой функции и пользовались бы они ею. Исследователи рады услышать, что все клиенты, с которыми они говорили, считают эту идею отличной и что они будут использовать новую функцию в будущем.

А теперь представьте, что прошло полгода, и команда в недоумении: очень мало клиентов пользуется новой функцией. Даже если сделать её более заметной и доступной в интерфейсе, ожидаемого роста нет. Знакомо?

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

Так что же следовало сделать команде, чтобы понять, будет ли новая функция действительно полезной? Они должны были понаблюдать за поведением своих клиентов. Как решается проблема, для которой предназначена новая функция? Команде следовало сделать набросок или прототип и посмотреть, как клиенты отреагируют на это. Действия пользователей помогли бы сделать более точные выводы о необходимости новой функции и о том, что от неё нужно клиентам.

Как изучать поведение людей:

1) В процессе исследований не ограничивайтесь только интервью. Выходите в поле, в среду, где находятся пользователи, и наблюдайте за ними, чтобы узнать, как они работают. Сталкиваются ли с трудностями, находят ли обходные пути или справляются с задачей и эффективно её выполняют?

2) При проведении юзабилити-тестирования убедитесь, что даёте людям реалистичные задания для выполнения. Вы больше узнаете, наблюдая за тем, как люди выполняют эти задания, а не прося их взглянуть на то, что вы сделали, и дать обратную связь. Это не настоящий юзабилити-тест.

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

Поэтому просто наблюдайте, а не спрашивайте. Регулярное наблюдение за поведением пользователей поможет вам понять, что и как нужно создавать.

Источник
#ux_слоганы #nngroup

Выпадающие списки: когда их следует (и не следует) использовать

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

Юзабилити-тестирование, проведённое компанией Baymard, показало, что использование выпадающих списков в некоторых сценариях ведёт к сложностям при оформлении заказа, ошибкам на веб-страницах и отвлечению пользователей. Это повышает вероятность отказа и уход с сайта.

Baymard рекомендует избегать выпадающих списков, если в них более 10 или менее 5 вариантов. Вместо них можно использовать открытые текстовые поля, переключатели (радиокнопки) или флажки.

► Если вариантов больше 10 и ввод пользователя не требуют проверки, лучше использовать открытое текстовое поле.

Для полей, где требуется проверка вводимых данных (например, «Выбор страны») хорошей альтернативой является автозаполнение. Пользователь начинает вводить текст, и ему предлагаются возможные варианты.

► Если вариантов меньше 5, то выбор можно реализовать через переключатели.

Например, для обновления количества товаров в корзине лучше использовать счётчик, поскольку выпадающие списки в такой ситуации могут быть опасными.

Если в интерфейсе после выбора условий пользователем остался только один вариант, рекомендуется заменить раскрывающийся список обычным текстом или предварительно выбрать оставшийся вариант.

Флажки стоит использовать, когда пользователям нужно выбирать между согласием и отказом (один вариант: «да» или «нет»). Типичные примеры: подписка на рассылку, дополнительные продажи (страхование, подписки и т. д.), согласие на обработку персональных данных.

Когда уместно использовать раскрывающийся список:

✅ Если пользователи не знают заранее, какие варианты им нужны (и следовательно, не могут их ввести).
✅ Когда имеется более 10 вариантов и ввод данных должен быть представлен в известном и структурированном формате для проверки и анализа.

Полный текст исследования с примерами читайте по ссылке.
#исследования

Поисковый UX: 5 проверенных стратегий для улучшения страниц «Нет результатов»

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

В некоторых интерфейсах вы можете увидеть «советы по поиску». Система предлагает проверить орфографию или попробовать более общие термины. Это хороший шаг, но одних советов недостаточно. Они могут быть полезным дополнением к перечисленным ниже стратегиям, но не единственной формой помощи.

Baymard описал 5 способов, которые помогут пользователям продолжить взаимодействие с сайтом.

1. Связанные категории
Предложите категории, связанные с поисковым запросом пользователя.
Например, если по запросу «красные зимние куртки» нет результатов, предложите ссылку на более широкую категорию «куртки» или на список товаров из категории «куртки» с фильтром «зима».

2. Альтернативные варианты поиска
Предлагайте связанные запросы. Когда пользователь ищет что-то конкретное и уникальное, есть большая вероятность, что он столкнётся с отсутствием результатов. В этом случае можно предложить товары по альтернативному запросу.

3. Персонализированные рекомендации
Персонализированные рекомендации, основанные на истории просмотров и покупательском поведении, могут эффективно переключить внимание пользователя на другие товары. Это решение поддержит интерес и даст стимул к дальнейшим покупкам.

4. Номера телефонов для связи с отделом продаж, функции чата и другие ссылки на помощь
Если на сайте есть колл-центр, онлайн-чат или другие варианты связи с консультантами, сообщите об этом на странице «Нет результатов». Это даст пользователям возможность быстро получить помощь.

5. Популярные товары и категории
Если поисковый запрос пользователя не соответствует категории или типу продукта, в крайнем случае можно сослаться на любой другой популярный контент. Демонстрация популярных запросов показывает широту и разнообразие товаров и подчёркивает, что пользователь всё ещё может найти что-то полезное, даже если его первоначальный запрос не удовлетворен.

Полный текст с примерами читайте по ссылке
#исследования

Страницы назначения и страницы перехода

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

Целевые страницы содержат информацию, которую пользователь ищет и потребляет. На них находятся ответы на вопросы или выполняются задачи. Это могут быть страницы с новостями, статьями, с информацией о компании или описанием товаров. Они часто содержат много контента, например, абзацы текста на странице с новостями или изображения с описанием в карточке товара.

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

О том, какой контент лучше размещать на целевых страницах, а — какой на переходных, расскажем в отдельном посте.

Следите за обновлениями 🔜

Источник
#исследования #nngroup

Контент на целевых и переходных страницах.

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

При разработке целевых и переходных страниц помните о прогрессивном раскрытии информации.

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

Целевые страницы содержат подробную информацию по конкретной теме. Поэтому на них нужно выделять ключевой контент и делать его удобным для сканирования.

Например, вы проектируете каталог с отелями. Это страница перехода, и пользователь пытается найти и сравнить разные варианты. Чтобы помочь ему, можно отобразить объявление в виде списка, убрать лишние промо-баннеры, чтобы показать больше объявлений. Кроме того, нужно выделить несколько ключевых характеристик, которые больше всего интересуют пользователей. Это может быть звёздность отеля, расстояние до моря или аэропорта, наличие бесплатного wi-fi.

Адаптируя контент к потребностям пользователей, вы помогаете им быстрее достичь цели, повысить вовлечённость и удовлетворённость.

Источник
#исследования #nngroup

UX Слоган #17 — Это слишком просто.

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

Главным образом, слоган «Это слишком просто» актуален для контента. Особенно если он предназначен для людей, разбирающихся в конкретной теме. Например для медицинского сайта, который читают врачи или для правительственного учреждения, которое публикует научные материалы. Иногда авторы в таких ситуациях беспокоятся, что материал получится слишком простым. Они боятся, что высокообразованные узкоспециализированные читатели обидятся, если текст будет недостаточно сложным.

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

Да, если вы готовите контент на специализированную тему, вам, придётся использовать сложную терминологию. Например, если писать для врачей, может пригодиться термин «сердечно-сосудистый». Но тут важно понимать свою аудиторию. Если вы пишите для врачей, которые знают этот термин, он не будет считается жаргонизмом. При этом всё равно можно применять принципы простого языка, используя техническую терминологию. Например, допускать термины вроде «сердечно-сосудистый», но искать другие места в тексте, где можно упростить излишне громоздкие формулировки. Допустим, вместо слова «использовать» написать «применять». Или сократить текст, чтобы врачам было проще его воспринимать. Также попробуйте использовать более короткие предложения, где это возможно.

Главное — всегда искать, где можно упростить текст, будь это сам контент или продукт в целом. Помните, никто никогда не скажет, что это слишком просто.

Источник
#ux_слоганы #nngroup

5 причин провести тестирование, даже если вы «знаете» ответ

Порой юзабилити-тестирование может показаться пустой тратой времени. Как практикующий UX-специалист, вы наверняка хорошо понимаете, что работает, а что нет. Однако тестирование — это не просто подтверждение ваших догадок. Это мощный инструмент для достижения согласия. Ниже перечислены 5 причин провести тестирование, даже если оно кажется лишним.

1) Укрепить доверие в команде разработки. У ваших коллег может не быть такого же опыта в UX, как у вас. Но когда они примут участие в тестировании, то увидят отзывы реальных пользователей и лучше поймут их.

2) Преодолеть разногласия. Команды часто предлагают несколько концепций дизайна, что приводит к бесконечным спорам. Вместо того чтобы спорить о том, что может сработать, позвольте пользователям протестировать дизайн.

3) Ответить на нереалистичные запросы от руководства или заинтересованных лиц. Вместо того, чтобы сразу приступать к разработке или отвергать идею, предложите провести исследование, чтобы собрать данные, подтверждающие, улучшающие или опровергающие концепцию.

4) Мягко сообщить о том, что идея не работает. Вместо того, чтобы говорить это самому, пусть пользователи выскажут свое мнение. Когда респонденты указывают на проблему, это воспринимается менее личностно, и команда может сосредоточиться на решении проблемы, а не на защите своей идеи.

5) Даже опытные дизайнеры не всегда могут предугадать реакцию пользователей. Иногда то, что вам кажется серьёзной проблемой, может таковой вовсе не являться, пока вы не протестируете. Тестирование — это своего рода гарантия. К тому же вы можете узнать что-то новое.

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

Источник
#исследования #nngroup