SlideShare a Scribd company logo
UX: Грабли и рецепты 101
Для внутреннего использования
UX-SPB :)
Ерофеев Виктор
CG Projects Group
Microsoft MVP

О чем поговорим сейчас
• Топ-лист граблей (на мой вкус)
• Список рецептов
• Экранные интерфейсы, веб
• Как достигать результатов
UX для результата
Самая популярная задача на рынке:
«Ой, мы тут сделали,

а у нас не работает»
• Есть измеримая цель
• Воронки, конверсии, продажи, action
• Кейсы, goals, пути и конечные точки
Для кого рецепты
• Для оценки
«а вот мы тут сделали…»
• Для самоконтроля
«а не уйню ли я сделал?»
• Для экспериментов (А/В)
Отправная точка
Нет action, нечитаемый action

60% нишевых интернет-магазинов в России
не имеют нормально видимой кнопки «Купить»
Визуальный шум
Сделать зашибись
Визуальный шум
Также касается всех нерелевантных украшательств
Проблемы на клиенте
Много действий
Много действий-2: муки выбора

Используйте «Рекомендуемые» и «Популярные»
Всё что угодно но только не это (ц)
Искусственные преграды
— Чтобы пользователь, который
несет тебе бабло,
не споткнулся в процессе»
(iderins)
Неясный интерактив
«— Тыкать-то куда???»
Контраст, размер и устройства

• Bad: запрет rescale (+плохая адаптивка)
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

• Bad: нестандартные обработчики
• Bad: отсутствие «воздуха»
Формы

• Хитрость: действие перед формой
Формы-2: лишние клики

• Хитрость: «сохранение» через авторизацию
Подтверждения (vs Undo)
Жесткая валидация?

•
•
•
•

«3222233»
«800011122233»
«909 5822424»
«2333322 или
89095822424»

• «+7 909 582-24-24
доб.204 ВАСЯ»
• 916 234-23-три-два
• «Нет телефона жду в
магазине»
Нет данных слайда
— Ничего не найдено.
Нет данных
Как быть? Designing for Zero Data Case
•
•
•
•

Действие «создать/добавить»
Примеры данных
First time experience
Будьте умными
– Предсказания, умный поиск, тренды
Стандартные значения
• Геопривязка
• Данные соцсети
• История взаимодействия (сессия)
– Группы
– Цены
– Источник переходов

• Ненужная регистрация
UX vs CX: Неработающие цепочки
• Тестируйте процесс, не UI
• Телефон (скрипты)
• Логистика
• Отложенные взаимодействия (CRM)
Измерения
• Всё можно померить
Ерофеев Виктор
CG Projects Group
Microsoft MVP

// UXSpb.cg.net.ru

Спасибо!

More Related Content

What's hot

Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?
Oleg Karapuzov
 
Опыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product DiscoveryОпыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product Discovery
Nikita Efimov
 
Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...
Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...
Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...PCampRussia
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуля
ITCP Community
 
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
SPECIA
 
Cайт с 0 для блондинок
Cайт с 0 для блондинокCайт с 0 для блондинок
Cайт с 0 для блондинок
Виктор Копченков
 
2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования
2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования
2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования
HappyDev
 
"Практические примеры повышения конверсии вашего электронного магазина", Алек...
"Практические примеры повышения конверсии вашего электронного магазина", Алек..."Практические примеры повышения конверсии вашего электронного магазина", Алек...
"Практические примеры повышения конверсии вашего электронного магазина", Алек...Olya Onats
 

What's hot (8)

Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?
 
Опыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product DiscoveryОпыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product Discovery
 
Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...
Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...
Виктор Яковлев, Aitoc влияние внешних участников на успешность продукта #pcam...
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуля
 
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
 
Cайт с 0 для блондинок
Cайт с 0 для блондинокCайт с 0 для блондинок
Cайт с 0 для блондинок
 
2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования
2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования
2015-04-12 10 Серик Бейсенов. Про автоматизацию тестирования
 
"Практические примеры повышения конверсии вашего электронного магазина", Алек...
"Практические примеры повышения конверсии вашего электронного магазина", Алек..."Практические примеры повышения конверсии вашего электронного магазина", Алек...
"Практические примеры повышения конверсии вашего электронного магазина", Алек...
 

Viewers also liked

Взаимозаменяемость и уникальность UX-специалиста и аналитика
Взаимозаменяемость и уникальность UX-специалиста и аналитикаВзаимозаменяемость и уникальность UX-специалиста и аналитика
Взаимозаменяемость и уникальность UX-специалиста и аналитика
Nikita Efimov
 
UX Design Рrocess
UX Design РrocessUX Design Рrocess
UX Design Рrocess
Darya Bolhovskaya
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
Yury Vetrov
 
ITMF 2016 проворные организации
ITMF 2016 проворные организацииITMF 2016 проворные организации
ITMF 2016 проворные организации
Vladimir Kalenov
 
Гибкий системный аналитик
Гибкий системный аналитикГибкий системный аналитик
Гибкий системный аналитик
Vladimir Kalenov
 

Viewers also liked (6)

Взаимозаменяемость и уникальность UX-специалиста и аналитика
Взаимозаменяемость и уникальность UX-специалиста и аналитикаВзаимозаменяемость и уникальность UX-специалиста и аналитика
Взаимозаменяемость и уникальность UX-специалиста и аналитика
 
V5I1-IJERTV5IS010514
V5I1-IJERTV5IS010514V5I1-IJERTV5IS010514
V5I1-IJERTV5IS010514
 
UX Design Рrocess
UX Design РrocessUX Design Рrocess
UX Design Рrocess
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
 
ITMF 2016 проворные организации
ITMF 2016 проворные организацииITMF 2016 проворные организации
ITMF 2016 проворные организации
 
Гибкий системный аналитик
Гибкий системный аналитикГибкий системный аналитик
Гибкий системный аналитик
 

Similar to UXspb / Популярные ux-грабли 260214

У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
ПрофсоUX
 
iDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewiDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewcgvictor
 
UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестировании
Vladyslav Miasnikov
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилити
SQALab
 
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиProduct discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехи
Nikita Efimov
 
UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UX
cgvictor
 
Юзабилити сайта - практические советы
Юзабилити сайта - практические советыЮзабилити сайта - практические советы
Юзабилити сайта - практические советы
Олександр Мілютін
 
Interaction Design
Interaction DesignInteraction Design
Interaction Designguvarov
 
Аналитики и UX
Аналитики и UXАналитики и UX
Аналитики и UX
Julia Shamrey
 
Designer for startup. Maksim Okala-Kulak
Designer for startup. Maksim Okala-KulakDesigner for startup. Maksim Okala-Kulak
Designer for startup. Maksim Okala-Kulak
Eugene Nevgen
 
Процессы оптимизации конверсии: методики и инструменты. Владимир Сахаров
Процессы оптимизации конверсии: методики и инструменты. Владимир СахаровПроцессы оптимизации конверсии: методики и инструменты. Владимир Сахаров
Процессы оптимизации конверсии: методики и инструменты. Владимир Сахаров
Клуб Интернет-Маркетологов
 
10 ошибок при создании продающего сайта
10 ошибок при создании продающего сайта10 ошибок при создании продающего сайта
10 ошибок при создании продающего сайта
AMP Academy
 
IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014cgvictor
 
Серебряная пуля автоматизированного тестирования
Серебряная пуля автоматизированного тестированияСеребряная пуля автоматизированного тестирования
Серебряная пуля автоматизированного тестирования
SQALab
 
Структура задач и решений при создании и эксплуатации интернет-магазина
Структура задач и решений при создании и эксплуатации интернет-магазинаСтруктура задач и решений при создании и эксплуатации интернет-магазина
Структура задач и решений при создании и эксплуатации интернет-магазина
Собака Павлова
 
Как построить полноценную систему продаж в интернет-бизнесе
Как построить полноценную систему продаж в интернет-бизнесеКак построить полноценную систему продаж в интернет-бизнесе
Как построить полноценную систему продаж в интернет-бизнесе
AutoWebOffice
 
«Низкобюджетный маркетинг в конкуренции с федеральными сетями»
«Низкобюджетный маркетинг в конкуренции с федеральными сетями»«Низкобюджетный маркетинг в конкуренции с федеральными сетями»
«Низкобюджетный маркетинг в конкуренции с федеральными сетями»
web2win
 
Running Lean (Игорь Акимов, ABBYY)
Running Lean (Игорь Акимов, ABBYY)Running Lean (Игорь Акимов, ABBYY)
Running Lean (Игорь Акимов, ABBYY)
PCampRussia
 
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
SQALab
 

Similar to UXspb / Популярные ux-грабли 260214 (20)

У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
 
iDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewiDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - preview
 
UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестировании
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилити
 
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиProduct discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехи
 
UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UX
 
Юзабилити сайта - практические советы
Юзабилити сайта - практические советыЮзабилити сайта - практические советы
Юзабилити сайта - практические советы
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Аналитики и UX
Аналитики и UXАналитики и UX
Аналитики и UX
 
Designer for startup. Maksim Okala-Kulak
Designer for startup. Maksim Okala-KulakDesigner for startup. Maksim Okala-Kulak
Designer for startup. Maksim Okala-Kulak
 
004 Лекция о дизайне
004 Лекция о дизайне004 Лекция о дизайне
004 Лекция о дизайне
 
Процессы оптимизации конверсии: методики и инструменты. Владимир Сахаров
Процессы оптимизации конверсии: методики и инструменты. Владимир СахаровПроцессы оптимизации конверсии: методики и инструменты. Владимир Сахаров
Процессы оптимизации конверсии: методики и инструменты. Владимир Сахаров
 
10 ошибок при создании продающего сайта
10 ошибок при создании продающего сайта10 ошибок при создании продающего сайта
10 ошибок при создании продающего сайта
 
IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014
 
Серебряная пуля автоматизированного тестирования
Серебряная пуля автоматизированного тестированияСеребряная пуля автоматизированного тестирования
Серебряная пуля автоматизированного тестирования
 
Структура задач и решений при создании и эксплуатации интернет-магазина
Структура задач и решений при создании и эксплуатации интернет-магазинаСтруктура задач и решений при создании и эксплуатации интернет-магазина
Структура задач и решений при создании и эксплуатации интернет-магазина
 
Как построить полноценную систему продаж в интернет-бизнесе
Как построить полноценную систему продаж в интернет-бизнесеКак построить полноценную систему продаж в интернет-бизнесе
Как построить полноценную систему продаж в интернет-бизнесе
 
«Низкобюджетный маркетинг в конкуренции с федеральными сетями»
«Низкобюджетный маркетинг в конкуренции с федеральными сетями»«Низкобюджетный маркетинг в конкуренции с федеральными сетями»
«Низкобюджетный маркетинг в конкуренции с федеральными сетями»
 
Running Lean (Игорь Акимов, ABBYY)
Running Lean (Игорь Акимов, ABBYY)Running Lean (Игорь Акимов, ABBYY)
Running Lean (Игорь Акимов, ABBYY)
 
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
 

UXspb / Популярные ux-грабли 260214