Pro UX – Telegram
Pro UX
773 subscribers
451 photos
5 videos
7 files
317 links
Автор канала: Марьенко Юрий, руководитель UX-сервиса https://askusers.ru/. В миру поэт, фотограф, музыкант @depecheff. Помогаю находить проблемы с юзабилити сайтов, приложений, макетов и прототипов. Делюсь опытом удачных решений и рассказываю об ошибках.
Download Telegram
⛄️ Нет кнопки «В избранное».

Разбор проблемной ситуации на конкретном примере!

Проблема: отсутствует пиктограмма «В избранное», при этом в правом верхнем углу сайта есть пиктограмма ведущая на страницу избранных товаров.

Предлагаемое решение: разместить пиктограмму с текстом «В избранное» в едином блоке с ссылкой «Следить за снижением цены» и «Сравнить».

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍2🔥21
💫 Метки товара отвлекают от CTA-кнопки.

Разбор проблемной ситуации на конкретном примере!

Проблема: «% скидки», «В наличии», «Подробнее», «Долями» по цвету либо полностью совпадают с СТА-кнопкой, либо оттягивают на себя внимание от СТА-кнопки.

Предлагаемое решение: изменить цвет меток на нейтральный, не конфликтующий с СТА-кнопкой.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
2👍2🔥2
👍 UX в настольных играх – применяйте в дизайне!

Рассмотрим принципы настолок с их пользу в UX-дизайне:
указатели – наши помощники;
напоминалки – лучше подсказать, чем заставить вспоминать;
инструкции – всегда о вечном.

Все это поможет сформировать правильное поведение посетителей на сайте!

Полный текст статьи по ссылке в заголовке.

#юзабилити
#статья
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1👏1
🧲 Цена со скидкой оттягивает внимание от итоговой цены.

Разбор проблемной ситуации на конкретном примере!

Проблема: цена со скидкой одинакового размера с итоговой ценой, оттягивает внимание посетителей с итоговой цены на себя.

Предлагаемое решение: увеличить размер шрифта итоговой цены до размера шрифта заголовка Н1 (название товара), уменьшить размер шрифта цены со скидкой до размера шрифта «% скидки».

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍3🔥1👏1👌1💯1
🧱 Избыточная информация о дополнительных услугах.

Разбор проблемной ситуации на конкретном примере!

Проблема: блок дополнительных услуг визуально перегружает блок с СТА-кнопкой «Добавить в корзину» и оттягивает внимание на себя.

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

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍3🔥1👌1
📌 Нет акцента на сроках доставки.

Разбор проблемной ситуации на конкретном примере!

Проблема: ссылка не различима на фоне СТА-кнопки.

Предлагаемое решение: сделать ссылку «Купить в 1 клик» кнопкой с неконтрастным фоном, разместить кнопку слева от СТА-кнопки в пропорции 50/50.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
2🔥1👏1
⭕️ Большой размер изображения товара.

Разбор проблемной ситуации на конкретном примере!

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

Предлагаемое решение: уменьшить изображение по высоте на 30%. Под ним, либо слева от него разместить слайдер с превью дополнительных изображений. Внедрить функционал полноразмерного просмотра изображений.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍42
🔎 Нет характеристик товара на первом экране.

Разбор проблемной ситуации на конкретном примере!

Проблема: блок характеристик товара недоступен на первом экране, для его просмотра требуется дополнительное действие – вертикальный скроллинг. У посетителей отсутствует возможность быстрого ознакомления.

Предлагаемое решение: разместить блок характеристик под изображениями товара.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍21👏1
👨‍💻 Генеративный искусственный интеллект: новый творческий мир!

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

#askusers
#юзабилити
#статья
👍4🔥1👏1
📌 Нет акцента на возможностях рассрочки.

Разбор проблемной ситуации на конкретном примере!

Проблема: Требуется дополнительное время, чтобы понять, что именно означает надпись «Долями» и как это связано с информацией «4 платежа по …руб.». Требуется дополнительно кликнуть на кнопку, прочитать информацию в попапе из которой следует, что подробности нужно дополнительно узнавать на стороннем сайте.

Предлагаемое решение: надпись «Долями» убрать, визуально (цветом/размером) выделив сумму, умноженную на 4 платежа. Дать пояснительную надпись, снимающую возражения — «Без переплат».

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍2🔥1👏1
⭕️ Доступен функционал выбора размеров товара при отсутствии вариантов.

Разбор проблемной ситуации на конкретном примере!

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

Предлагаемое решение: место надписи «Выберите размер» выводить надпись «Размер». Если нет других размеров, то не выводить ссылку «Нет нужного размера?» вызывающую форму обратной связи.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍5🔥1
🚗 Нет информации о самовывозе.

Разбор проблемной ситуации на конкретном примере!

Проблема: нет информации, когда и в каком магазине можно забрать товар.

Предлагаемое решение: доработать функционал корзины добавив информацию о дате и месте самовывоза.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍3🔥2
📅 Нет возможности выбора даты доставки.

Разбор проблемной ситуации на конкретном примере!

Проблема: нет возможности выбора даты доставки.

Предлагаемое решение: доработать функционал корзины добавив возможность выбора даты доставки.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍21🔥1
💳 Нет оплаты картой при получении.

Разбор проблемной ситуации на конкретном примере!

Проблема: нет возможности оплатить картой при получении товара.

Предлагаемое решение: если предусмотрена опция оплаты картой, указать возможность оплаты картой при получении товара в корзине. Если опции нет, заменить «Онлайн-оплата» на «Доступна только онлайн-оплата».

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍31🔥1
😐 Как и когда вашу работу заменит искусственный интеллект?

Наиболее уязвимыми профессиями сейчас считают:
продуктовые дизайнеры, архитекторы;
написание кода, программирование;
текст: документы, копирайтинг и т.д;
художники vs Midjourney.

#askusers
#юзабилити
#статья
2👍1🔥1👌1
💬 Тултип не работает при наведении курсора.

Разбор проблемной ситуации на конкретном примере!

Проблема: тултип при наведении курсора на иконку-информер не работает.

Предлагаемое решение: настроить вывод тултипа при наведении курсора на инку-информер.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍21🔥1👏1
💸 Нет стоимости доставки.

Разбор проблемной ситуации на конкретном примере!

Проблема: нет информации по стоимости доставки товара. Визуальный шум от повторения слов «сумма».

Предлагаемое решение:
1. Вывести стоимость доставки. Если доставка бесплатная, то указать стоимость = 0 рублей.
2. Убрать из «Товаров на сумму» слово «сумма» (останется «Товары»). Заменить «Сервисов на сумму» на «Доп. услуги».

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍4🔥1👏1
‼️ Напоминаем. Сегодня, 18 апреля в 11:00 (по МСК) состоится вебинар «Как в 1,5 раза увеличить продажи сделав сайт удобней? Секреты тестирования интернет-магазинов» 🛍 https://www.youtube.com/watch?v=V2KUeLamH7M

Программа вебинара 📃
1. Что не является юзабилити: примеры, что является и не является?
2. Как юзабилити влияет на рост продаж в интернет-магазинах?
3. Три основных шага в исследовании интернет-магазинов для повышения продаж в 1,5 раза?
4. Как AskUsers помогает увеличить конверсию/возможности сервиса?
5. Приз за лучший вопрос — 20% скидки.

Подключайтесь к вебинару, будет интересно 💯
5🔥2👏1
📍 Кнопка оформления заказа не зафиксирована (моб. версия).

Разбор проблемной ситуации на конкретном примере!

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

Предлагаемое решение: зафиксировать в нижней части экрана итоговую стоимость оформляемого заказа и кнопку «Оформить заказ».

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍2🔥21
👀 Как использовать опросы в дизайнерских исследованиях?

Хуже слепого подхода к разработке продукта может быть только ложное понимание. В статье рассмотрены главные аспекты правильно и неправильно проводимых опросов.

#askusers
#юзабилити
#статья
👍4🔥1👏1
🔛 Расположение количества и стоимости товара на большом удалении друг от друга.

Разбор проблемной ситуации на конкретном примере!

Проблема: элементы “количество” и “итого” расположены на большом расстоянии от названия. Когда товаров больше, чем один, воспринимается как стоимость второго товара.

Предлагаемое решение: разместить выбор количества и стоимость товара под названием товара.

Марьенко Юрий, Руководитель сервиса AskUsers

#askusers #ux #юзабилити
👍31🔥1👏1