Обзор основных этапов UX рефакторинга: Выявление потребностей Определение “PROBLEM SMELL” Обнаружение “Слабых мест” Подведение итогов Расчет ROI Пример проведения UX рефакторинга

1. UX РЕФАКТОРИНГ

2.  Обзор основных этапов UX рефакторинга:
– Выявление потребностей
– Определение “PROBLEM SMELL”
– Обнаружение “Слабых мест”
– Подведение итогов
– Расчет ROI
 Пример проведения UX рефакторинга
 Полезные ссылки
План
Sigma Software2

3. ОПРЕДЕЛЕНИЕ И ЦЕЛИ
Что такое UX рефакторинг?
Sigma Software3

4.  Определение
– Это изменение существующей структуры/контента продукта, без
существенного влияния на его внешнее поведение/представление.
– Включает анализ и серию небольших изменений, каждое из которых
незначительно, но в совокупности может существенно влиять на общую
эффективность продукта.
 Цель
– Сделать продукт удобнее и легче для понимания
UX Рефакторинг
Sigma Software4

5. ВЫЯВЛЕЯМ ПОТРЕБНОСТЬ
Когда UX рефакторинг необходим?
Sigma Software5

6.  Интуиция и собственный опыт
 Экспертное мнение
 Анализ конкурентов
 Веб-аналитика
 Пользовательская обратная связь
– Обращение в службу поддержки
– Опрос пользователей
Предпосылки проведения
Sigma Software6

7. ОПРЕДЕЛЯЕМ “PROBLEM SMELL”
Основные признаки
Sigma Software7

8.  Несоответствие предыдущему опыту использования
аналогичных продуктов
 Несоответствие эвристикам и стандартам
 Несоответствие трендам рынка
 Высокий показатель отказов, низкая конверсия и другое
 Негативная обратная связь
 Несоответствие ожиданиям конечных пользователей!
Признаки наличия UX проблем
Sigma Software8

9. НАХОДИМ СЛАБЫЕ МЕСТА
Способы выявления проблем
Sigma Software9

10.  Показатель отказов
 Уровень конверсии
 Время проведенное на сайте/странице
 Карта кликов/ссылок
 Переходы между страницами
 Заполнения форм
#1 – Сбор и анализ веб-статистики
Sigma Software10

11. …анализ заполнения формы YM
Sigma Software11

12. …анализ оформления заказа GA
Sigma Software12

13. …корзина до оптимизации
Sigma Software13

14. …корзина после оптимизации
Sigma Software14

15.  Интервьюирование
 Анкетирование
#2 – Сбор и анализ обратной связи
Sigma Software15

16.  Базовый и расширенный функционал
 Сильные и слабые стороны
#2 – Анализ конкурентов
Sigma Software16

17.  Сценарии использования (usability тестирование)
 Структура и навигация (“tree sorting/cart sorting”)
 Кнопки действий и CTA (“first-click” тест)
 УТП, контентное наполнение (“five-second” тест)
 Визуальная структура (“blur” тест)
#3 - Тестирование пользователей
Sigma Software17

18.  Сценарии использования с учетом иерархии потребностей:
– функционально –> надежно -> удобно -> красиво
 Бизнес цели
 Чеклисты
#4 – Экспертный анализ
Sigma Software18

19.  Наглядность состояния продукта/системы
 Соответствие между системой и реальным миром
 Свобода действий и контроль
 Единообразие и стандарты
 Предотвращение ошибок
 Узнавание, а не запоминание
 Гибкость и эффективность использования
 Эстетический и минималистический дизайн
 Помощь в диагностике и исправлении ошибок
 Помощь и документация
#4 – Эвристический анализ
Sigma Software19

20. ПОДВОДИМ ИТОГИ
Список проблем и рекомендаций
Sigma Software20

21. Список проблем и рекомендаций
Sigma Software21

22. Список проблем и рекомендаций
Sigma Software22

23. РАСЧИТЫВАЕМ РЕНТАБЕЛЬНОСТЬ
ROI UX РЕФАКТОРИНГА
Sigma Software23

24.  Главное правило ROI (return on investment): Чем раньше, тем
дешевле.
– Снижение стоимости за счет внесения изменений на ранних стадиях
жизненного цикла продукта.
– Соотношение стоимости внесения изменений на разных стадиях
1$(Prototyping): 10$(Design) -100$(Development)
Рентабельность
Sigma Software24

25. Рентабельность
Sigma Software25
http://www.humanfactors.com/coolstuff/roi_increased_conversion_rate.asp

26. Рентабельность
Sigma Software26
http://humanfactors.com/coolstuff/roi_increase_productivity.asp

27. РАССМОТРИМ ПРИМЕР…
UX Refactoring на практике
Sigma Software27

28. Отчет в 1С
Sigma Software28

29.  Жалобы от пользователей
 Неправильное заполнение
 Длительное заполнение
Предпосылки
Sigma Software29

30.  Несоответствие эвристикам и стандартам
 Негативная обратная связь
 Несоответствие ожиданиям конечных пользователей!
Признаки наличия проблем
Sigma Software30

31.  Сбор и анализ обратной связи
 Экспертный анализ
Способы выявления проблем
Sigma Software31

32. Результат
Sigma Software32

33. Задача:
4 менеджера тратят 12 рабочих дней в год на заполнение таблицы в 1С.
Ежедневная ставка каждого менеджера – 100$.
Условие:
Сколько можно сэкономить, если увеличить эффективность заполнения
таблицы на 4 часа в день при стоимости реализации изменений 500$?
Решение:
4 * 12 * 100*0,5 – 500 = 1900 $/год сэкономленных средств
Рентабельность
Sigma Software33

34. ССЫЛКИ
Если Вы хотите знать больше…
Sigma Software34

35.  Статьи
– www.w3.org/WAI/tutorials
– uxmatters.com
– smashingmagazine.com
– www.noupe.com
 UX patterns
– ui-patterns.com
– smileycat.com/design_elements/
– patterntap.com
– patternry.com
Веб-ресурсы
Sigma Software35

36. СПАСИБО ЗА ВНИМАНИЕ!
Sigma Software36