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

Обзор основных этапов UX рефакторинга:

– Выявление потребностей

– Определение “PROBLEM SMELL”

– Обнаружение “Слабых мест”

– Подведение итогов

– Расчет ROI

Пример проведения UX рефакторинга

Полезные ссылки

План

Sigma Software 2

ОПРЕДЕЛЕНИЕ И ЦЕЛИ

Что такое UX рефакторинг?

Sigma Software 3

Определение – Это изменение существующей структуры/контента продукта, без

существенного влияния на его внешнее поведение/представление.

– Включает анализ и серию небольших изменений, каждое из которых

незначительно, но в совокупности может существенно влиять на общую

эффективность продукта.

Цель – Сделать продукт удобнее и легче для понимания

UX Рефакторинг

Sigma Software 4

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

Sigma Software 5

Интуиция и собственный опыт

Экспертное мнение

Анализ конкурентов

Веб-аналитика

Пользовательская обратная связь

– Обращение в службу поддержки

– Опрос пользователей

Предпосылки проведения

Sigma Software 6

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

Sigma Software 7

Несоответствие предыдущему опыту использования

аналогичных продуктов

Несоответствие эвристикам и стандартам

Несоответствие трендам рынка

Высокий показатель отказов, низкая конверсия и другое

Негативная обратная связь

Несоответствие ожиданиям конечных пользователей!

Признаки наличия UX проблем

Sigma Software 8

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

Sigma Software 9

Показатель отказов

Уровень конверсии

Время проведенное на сайте/странице

Карта кликов/ссылок

Переходы между страницами

Заполнения форм

#1 – Сбор и анализ веб-статистики

Sigma Software 10

…анализ заполнения формы YM

Sigma Software 11

…анализ оформления заказа GA

Sigma Software 12

…корзина до оптимизации

Sigma Software 13

…корзина после оптимизации

Sigma Software 14

Интервьюирование

Анкетирование

#2 – Сбор и анализ обратной связи

Sigma Software 15

Базовый и расширенный функционал

Сильные и слабые стороны

#2 – Анализ конкурентов

Sigma Software 16

Сценарии использования (usability тестирование)

Структура и навигация (“tree sorting/cart sorting”)

Кнопки действий и CTA (“first-click” тест)

УТП, контентное наполнение (“five-second” тест)

Визуальная структура (“blur” тест)

#3 - Тестирование пользователей

Sigma Software 17

Сценарии использования с учетом иерархии потребностей:

– функционально –> надежно -> удобно -> красиво

Бизнес цели

Чеклисты

#4 – Экспертный анализ

Sigma Software 18

Наглядность состояния продукта/системы

Соответствие между системой и реальным миром

Свобода действий и контроль

Единообразие и стандарты

Предотвращение ошибок

Узнавание, а не запоминание

Гибкость и эффективность использования

Эстетический и минималистический дизайн

Помощь в диагностике и исправлении ошибок

Помощь и документация

#4 – Эвристический анализ

Sigma Software 19

ПОДВОДИМ ИТОГИ

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

Sigma Software 20

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

Sigma Software 21

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

Sigma Software 22

РАСЧИТЫВАЕМ РЕНТАБЕЛЬНОСТЬ

ROI UX РЕФАКТОРИНГА

Sigma Software 23

Главное правило ROI (return on investment): Чем раньше, тем

дешевле.

– Снижение стоимости за счет внесения изменений на ранних стадиях

жизненного цикла продукта.

– Соотношение стоимости внесения изменений на разных стадиях

1$(Prototyping): 10$(Design) -100$(Development)

Рентабельность

Sigma Software 24

Рентабельность

Sigma Software 25

http://www.humanfactors.com/coolstuff/roi_increased_conversion_rate.asp

Рентабельность

Sigma Software 26

http://humanfactors.com/coolstuff/roi_increase_productivity.asp

РАССМОТРИМ ПРИМЕР…

UX Refactoring на практике

Sigma Software 27

Отчет в 1С

Sigma Software 28

Жалобы от пользователей

Неправильное заполнение

Длительное заполнение

Предпосылки

Sigma Software 29

Несоответствие эвристикам и стандартам

Негативная обратная связь

Несоответствие ожиданиям конечных пользователей!

Признаки наличия проблем

Sigma Software 30

Сбор и анализ обратной связи

Экспертный анализ

Способы выявления проблем

Sigma Software 31

Результат

Sigma Software 32

Задача:

4 менеджера тратят 12 рабочих дней в год на заполнение таблицы в 1С.

Ежедневная ставка каждого менеджера – 100$.

Условие:

Сколько можно сэкономить, если увеличить эффективность заполнения

таблицы на 4 часа в день при стоимости реализации изменений 500$?

Решение:

4 * 12 * 100*0,5 – 500 = 1900 $/год сэкономленных средств

Рентабельность

Sigma Software 33

ССЫЛКИ

Если Вы хотите знать больше…

Sigma Software 34

Статьи

– 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 Software 35

СПАСИБО ЗА ВНИМАНИЕ!

Sigma Software 36