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

26
UX: Грабли и рецепты 101 Для внутреннего использования UX-SPB :)

Upload: cgvictor

Post on 16-Jun-2015

2.847 views

Category:

Design


2 download

DESCRIPTION

Для встречи UXSpb

TRANSCRIPT

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

UX: Грабли и рецепты 101

Для внутреннего использованияUX-SPB :)

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

О чем поговорим сейчас

• Топ-лист граблей (на мой вкус)• Список рецептов

• Экранные интерфейсы, веб• Как достигать результатов

Ерофеев ВикторCG Projects GroupMicrosoft MVP

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

UX для результата

Самая популярная задача на рынке:

«Ой, мы тут сделали,

а у нас не работает»

• Есть измеримая цель

• Воронки, конверсии, продажи, action• Кейсы, goals, пути и конечные точки

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

Для кого рецепты

• Для оценки «а вот мы тут сделали…»

• Для самоконтроля «а не уйню ли я сделал?»

• Для экспериментов (А/В)

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

Отправная точка

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

Нет action, нечитаемый action

60% нишевых интернет-магазинов в Россиине имеют нормально видимой кнопки «Купить»

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

Визуальный шум

Сделать зашибись

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

Визуальный шум

Также касается всех нерелевантных украшательств

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

Проблемы на клиенте

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

Много действий

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

Много действий-2: муки выбора

Используйте «Рекомендуемые» и «Популярные»Всё что угодно но только не это (ц)

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

Искусственные преграды

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

— Чтобы пользователь, который несет тебе бабло,

не споткнулся в процессе»

(iderins)

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

Неясный интерактив«— Тыкать-то куда???»

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

Контраст, размер и устройства

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

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

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

Формы

• Хитрость: действие перед формой

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

Формы-2: лишние клики

• Хитрость: «сохранение» через авторизацию

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

Подтверждения (vs Undo)

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

Жесткая валидация?

• «3222233»• «800011122233

»• «909 5822424»• «2333322 или

89095822424»

• «+7 909 582-24-24 доб.204 ВАСЯ»

• 916 234-23-три-два• «Нет телефона жду

в магазине»

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

Нет данных слайда

— Ничего не найдено.

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

Нет данных

Как быть? Designing for Zero Data Case

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

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

Стандартные значения

• Геопривязка• Данные соцсети• История взаимодействия (сессия)– Группы– Цены– Источник переходов

• Ненужная регистрация

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

UX vs CX: Неработающие цепочки

• Тестируйте процесс, не UI

• Телефон (скрипты)• Логистика• Отложенные взаимодействия

(CRM)

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

Измерения

• Всё можно померить

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

Спасибо!

Ерофеев ВикторCG Projects GroupMicrosoft MVP

// UXSpb.cg.net.ru