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

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

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

Предлагаемое решение:
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
Разместили запись вебинара на канале AskUsers https://youtu.be/yShC9Q6pS4A

*Поддержите подпиской/лайком!)

Ждём ваших комментариев/вопросов!

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

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

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

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

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

#askusers #ux #юзабилити
🔥3👍2👏1
📶 Прогресс-бар отнимает полезное пространство.

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

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

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

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

#askusers #ux #юзабилити
🔥4👍2👏1
🔴 6 причин инвестировать в разработку отзывчивого веб-дизайна.

Адаптивный, отзывчивый и мобильный дизайн – в чем разница? Почему mobile-first подход приоритетней перед другими и как он влияет на положительный UX?

Подробности в статье.

#askusers
#юзабилити
#статья
Please open Telegram to view this post
VIEW IN TELEGRAM
👍62👏1
⛔️ Кнопка действия не соответствует предназначению.

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

Проблема: при клике попадаешь на страницу, где тебе опять предлагают «Оформить заказ и оплатить».

Предлагаемое решение:
1. Упразднить второй шаг оформления заказа, перенеся всю информацию на первый шаг.
2. Изменить название кнопки с «Оформить заказ и оплатить» на «Оплатить».

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

#askusers #ux #юзабилити
👍21🔥1👏1
🎈Назойливое расположение рейтинга товара.

Проблема: рейтинг оттягивает на себя внимание от СТА-кнопки.

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

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

#askusers #ux #юзабилити
👍2🔥2👏1
🧲 ЗАЧЕМ ДЕЛАТЬ АКЦЕНТ НА ИТОГОВОЙ СТОИМОСТИ ТОВАРА?

Что делать, если итоговая цена визуально не выделяется на фоне другой информации по стоимости, приходится задумываться и тратить время, чтобы ее увидеть?

Что предлагаю я:
1. Увеличить размер шрифта.
2. Выделить жирным.
3. Разместить вместо текста «СТОИМОСТЬ ЗАКАЗА».

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

#askusers #ux #юзабилити
🔥3👍2👏1👌1
🆘 Не выделены обязательные для заполнения поля.

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

Проблема: E-mail: не указано, что поле для ввода e-mail обязательное для заполнения, посетитель узнает об этом только после клика на кнопку «Оформить заказ и оплатить».

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

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

#askusers #ux #юзабилити
👍2🔥1👏1👌1
⛄️ Неоправданно большое изображение товара.

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

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

Предлагаемое решение: уменьшить размер изображения на 50% по высоте и ширине.

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

#askusers #ux #юзабилити
👍31👏1
🔎 Ссылка «Купить в 1 клик» малозаметна.

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

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

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

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

#askusers #ux #юзабилити
2👍2👌1
AskUsers_ru_Чек_лист_юзабилити_Поиска_по_сайту_18_05_23.pdf
66.5 KB
🔥 ЧЕК-ЛИСТ ЮЗАБИЛИТИ ПОИСКА ПО САЙТУ

В чек листе:
1. Проверка наличия функционала на сайте
2. В чём ценность функции
3. Референсы
4. Критичность каждой функции, от 1 до 3
2🔥1👏1
AskUsers.ru_Поиск по сайту_18.05.23.pdf
1.4 MB
🔥 ПРЕЗЕНТАЦИЯ. ЮЗАБИЛИТИ ПОИСКА ПО САЙТУ

В презентации:
1. 80% отказов из-за некачественного поиска
2. 5 самых важных элемента поиска
3. 11 кейсов
4. Что даёт грамотно структурированный поиск
5. Бонус!)
🔥21👍1
🎥 КАК СДЕЛАТЬ УДОБНЫМ ПОИСК ТОВАРОВ, ДЛЯ УВЕЛИЧЕНИЯ ПРОДАЖ В 1,5 РАЗА?

Смотрите видео в хорошем качестве по ссылке https://youtu.be/2vy-bfmULrw

Марьенко Юрий, руководитель сервиса https://askusers.ru/ рассказывает:
1. Почему посетители уходят с вашего сайта на другой сайт без покупок
2. 5 самых важных элемента поиска
3. Что даёт грамотно структурированный поиск?
4. Дарит Бонус для зрителей:)
4👍2🔥1👏1
🧲 Собрал интересную папку каналов о UX-дизайне/Маркетинге/Продуктах.

Там 10 проверенных временем каналов, включая AskUsers pro юзабилити, и ещё несколько, которы я лично читаю, вроде GoPractice! и UX/UI [by Uprock].

Добавить себе эту папку можно в последней версии Telegram.
7🔥1👀1
AskUsers_ru_Чек_лист_юзабилити_карточки_товара.pdf
63.5 KB
🔥 ЧЕК-ЛИСТ ЮЗАБИЛИТИ КАРТОЧКИ ТОВАРА!

В чек листе:
1. Проверка наличия функционала на сайте
2. В чём ценность функции
3. Референсы
4. Критичность каждой функции, от 1 до 3
6🔥2
YouTube_AU_Как_сделать_карточку_товара_понятной_для_покупателей.pdf
1.3 MB
🔥 ПРЕЗЕНТАЦИЯ. КАК СДЕЛАТЬ КАРТОЧКУ ТОВАРА ПОНЯТНОЙ ДЛЯ ПОКУПАТЕЛЕЙ?

В презентации:
1. Посетители изучают карточку но ничего не покупают?
2. 5 самых важных элементов карточки товара для увеличения продаж
3. 9 кейсов
4. Что даёт грамотно спроектированная карточка?
5. Бонус!)
👍31🔥1