uxspb / Популярные ux-грабли 260214
DESCRIPTION
Для встречи UXSpbTRANSCRIPT
![Page 1: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/1.jpg)
UX: Грабли и рецепты 101
Для внутреннего использованияUX-SPB :)
![Page 2: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/2.jpg)
![Page 3: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/3.jpg)
О чем поговорим сейчас
• Топ-лист граблей (на мой вкус)• Список рецептов
• Экранные интерфейсы, веб• Как достигать результатов
Ерофеев ВикторCG Projects GroupMicrosoft MVP
![Page 4: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/4.jpg)
UX для результата
Самая популярная задача на рынке:
«Ой, мы тут сделали,
а у нас не работает»
• Есть измеримая цель
• Воронки, конверсии, продажи, action• Кейсы, goals, пути и конечные точки
![Page 5: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/5.jpg)
Для кого рецепты
• Для оценки «а вот мы тут сделали…»
• Для самоконтроля «а не уйню ли я сделал?»
• Для экспериментов (А/В)
![Page 6: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/6.jpg)
Отправная точка
![Page 7: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/7.jpg)
Нет action, нечитаемый action
60% нишевых интернет-магазинов в Россиине имеют нормально видимой кнопки «Купить»
![Page 8: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/8.jpg)
Визуальный шум
Сделать зашибись
![Page 9: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/9.jpg)
Визуальный шум
Также касается всех нерелевантных украшательств
![Page 10: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/10.jpg)
Проблемы на клиенте
![Page 11: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/11.jpg)
Много действий
![Page 12: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/12.jpg)
Много действий-2: муки выбора
Используйте «Рекомендуемые» и «Популярные»Всё что угодно но только не это (ц)
![Page 13: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/13.jpg)
Искусственные преграды
![Page 14: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/14.jpg)
— Чтобы пользователь, который несет тебе бабло,
не споткнулся в процессе»
(iderins)
![Page 15: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/15.jpg)
Неясный интерактив«— Тыкать-то куда???»
![Page 16: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/16.jpg)
Контраст, размер и устройства
• Bad: запрет rescale (+плохая адаптивка)<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
• Bad: нестандартные обработчики• Bad: отсутствие «воздуха»
![Page 17: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/17.jpg)
Формы
• Хитрость: действие перед формой
![Page 18: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/18.jpg)
Формы-2: лишние клики
• Хитрость: «сохранение» через авторизацию
![Page 19: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/19.jpg)
Подтверждения (vs Undo)
![Page 20: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/20.jpg)
Жесткая валидация?
• «3222233»• «800011122233
»• «909 5822424»• «2333322 или
89095822424»
• «+7 909 582-24-24 доб.204 ВАСЯ»
• 916 234-23-три-два• «Нет телефона жду
в магазине»
![Page 21: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/21.jpg)
Нет данных слайда
— Ничего не найдено.
![Page 22: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/22.jpg)
Нет данных
Как быть? Designing for Zero Data Case
• Действие «создать/добавить»• Примеры данных• First time experience• Будьте умными– Предсказания, умный поиск, тренды
![Page 23: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/23.jpg)
Стандартные значения
• Геопривязка• Данные соцсети• История взаимодействия (сессия)– Группы– Цены– Источник переходов
• Ненужная регистрация
![Page 24: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/24.jpg)
UX vs CX: Неработающие цепочки
• Тестируйте процесс, не UI
• Телефон (скрипты)• Логистика• Отложенные взаимодействия
(CRM)
![Page 25: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/25.jpg)
Измерения
• Всё можно померить
![Page 26: UXspb / Популярные ux-грабли 260214](https://reader036.vdocuments.us/reader036/viewer/2022062405/557f1a35d8b42a01678b4fe4/html5/thumbnails/26.jpg)
Спасибо!
Ерофеев ВикторCG Projects GroupMicrosoft MVP
// UXSpb.cg.net.ru