UX Refactoring
0 likes592 views
Документ описывает этапы и методы UX рефакторинга, включая выявление потребностей, определение проблем и оценку ROI. Основная цель рефакторинга - улучшение удобства и понимания продукта через анализ и серию мелких изменений. Он также включает примеры, методы анализа и тестирования, а также ссылки для дополнительного изучения.
UX Refactoring
- 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
- 27. РАССМОТРИМ ПРИМЕР… UX Refactoring на практике Sigma Software27
- 28. Отчет в 1С Sigma Software28
- 29. Жалобы от пользователей Неправильное заполнение Длительное заполнение Предпосылки Sigma Software29
- 30. Несоответствие эвристикам и стандартам Негативная обратная связь Несоответствие ожиданиям конечных пользователей! Признаки наличия проблем Sigma Software30
- 31. Сбор и анализ обратной связи Экспертный анализ Способы выявления проблем Sigma Software31
- 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