82
Николай Москаленко как замена U ser e X perience юзабилити

User experience, как замена юзабилити

  • Upload
    sqalab

  • View
    943

  • Download
    3

Embed Size (px)

DESCRIPTION

Презентация доклада Николая Москаленко на конференции SQADays-14, Львов 8-9 ноября 2013

Citation preview

Page 1: User experience, как замена юзабилити

Николай Москаленко

как

замена

User eXperienceюзабилити

Page 2: User experience, как замена юзабилити

О докладчике Из разработки

перешел в тестирование.

Более 8 лет занимаюсь производством ПО.

Page 3: User experience, как замена юзабилити
Page 4: User experience, как замена юзабилити

Давайте заглянем

в будущее!

Page 5: User experience, как замена юзабилити
Page 6: User experience, как замена юзабилити

2043 год

Page 7: User experience, как замена юзабилити

Технологии из прошлого выброшены на помойку

Page 8: User experience, как замена юзабилити

Самый ценный ресурс

Page 9: User experience, как замена юзабилити

Одинаково хорошие решения

Page 10: User experience, как замена юзабилити

Одинаковая безликость

Page 11: User experience, как замена юзабилити

Отсутствие эмоций

Page 12: User experience, как замена юзабилити

Депрессия… Тупик.

Page 13: User experience, как замена юзабилити

Настоящее. Эра тестировщиков

Я старший тестировщик, у меня зарплата две тыщи баксов! А чего добился ты?

Page 14: User experience, как замена юзабилити

Типичный пользователь(по версии тестировщика)

Page 15: User experience, как замена юзабилити

Типичный пользователь(по версии разработчика)

Page 16: User experience, как замена юзабилити

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

Page 17: User experience, как замена юзабилити

Интерфейс — это язык

• Мы не хотим испытывать стресс.

• Мы избегаем общения с теми, кто заставляет нас испытывать стресс.

Page 18: User experience, как замена юзабилити

Никто не хочет ломать голову над интерфейсами наших систем

Page 19: User experience, как замена юзабилити

Юзабилити — решение?

Точная область знаний, потому что мы в состоянии собрать и проанализировать метрики.

Page 20: User experience, как замена юзабилити

Суть юзабилити тестирования• Интерфейс удобный в использовании

• Интерфейс неудобный

TESTS PASSED

TESTS FAILED

Page 21: User experience, как замена юзабилити

Результат юзабилити тестирования — красивый отчёт

Page 22: User experience, как замена юзабилити

Смысл которого…

Миша, давай по новой… (с)

Page 23: User experience, как замена юзабилити

Переделать весь интерфейс?

Page 24: User experience, как замена юзабилити

Он неудобный?!

Page 25: User experience, как замена юзабилити

Заказчик разочарован!

Page 26: User experience, как замена юзабилити

Главную страницу сайта можно

протестировать всего за 5 секунд.

Page 27: User experience, как замена юзабилити

Принцип пяти секунд

Page 28: User experience, как замена юзабилити

Смотрите внимательно!

Page 29: User experience, как замена юзабилити
Page 30: User experience, как замена юзабилити

1. Куда я попал?

2. Что я должен сделать?

3. Почему я должен это

сделать?

Page 31: User experience, как замена юзабилити

1. Куда я попал?

2. Что я должен сделать?

3. Почему я должен это

сделать?

Page 32: User experience, как замена юзабилити

1. Куда я попал?

2. Что я должен сделать?

3. Почему я должен это

сделать?

Page 33: User experience, как замена юзабилити
Page 34: User experience, как замена юзабилити

1. Куда я попал?

2. Что я должен сделать?

3. Почему я должен это

сделать?

Page 35: User experience, как замена юзабилити

Инструкцию на помойку!

Page 36: User experience, как замена юзабилити

Эволюция ПО

Page 37: User experience, как замена юзабилити

Эволюция ПО

Работает;

Page 38: User experience, как замена юзабилити

Эволюция ПО

Работает;

Функциональное;

Page 39: User experience, как замена юзабилити

Эволюция ПО

Работает;

Функциональное;

Хорошо выглядит;

Page 40: User experience, как замена юзабилити

Эволюция ПО

Работает;

Функциональное;

Хорошо выглядит;

Им удобно пользоваться;

Page 41: User experience, как замена юзабилити

Эволюция ПО

Работает;

Функциональное;

Хорошо выглядит;

Им удобно пользоваться;

Оно душевное! (Маркетинг 3.0)«От продуктов к потребителям и далее — к человеческой душе»

Филип Котлер

Page 42: User experience, как замена юзабилити

Еврокомиссия приняла документ

Page 43: User experience, как замена юзабилити

Началась новая эра!

Page 44: User experience, как замена юзабилити

Проведём эксперимент

Поочередно ответим на входящий звонок на двух телефонах.

Page 45: User experience, как замена юзабилити

Соберём метрики юзабилити и cпросим людей• Сколько действий пришлось совершить?

(метрика)

• Какой телефон больше понравился?

Page 46: User experience, как замена юзабилити

Побеждает субъективное мнение

• Метрики показывают, что телефоны одинаково удобны.

• Но больше всего понравился смартфон!

Page 47: User experience, как замена юзабилити

Юзабилити не достаточно!

Page 48: User experience, как замена юзабилити

User eXperience (UX)

«Характеризует личное восприятие человеком функциональных и эмоциональных характеристик продукта или услуги в процессе использования»(Wikipedia)

Page 49: User experience, как замена юзабилити

User eXperience (UX)

Page 50: User experience, как замена юзабилити

UX != UI != Usability

Page 51: User experience, как замена юзабилити

«У вас отличное юзабилити, но UX

хромает…» ©

Page 52: User experience, как замена юзабилити

«У вас отличное юзабилити, но UX

хромает…» ©

WTF?

Page 53: User experience, как замена юзабилити

UX нельзя увидеть, но его можно почувствовать

Page 54: User experience, как замена юзабилити

UX глазами клиента

• польза;

• удобство;

• влечение.

Page 55: User experience, как замена юзабилити

UX глазами клиента

• он решает проблемы;

• с ним легко;

• он сексуальный.

Page 56: User experience, как замена юзабилити

Решение задач

клиентаКопирайт

инг

Удобство пользован

ия

Эмоциональное

воздействие

Визуальный дизайн

Типографика

Быстродействие

Точки контакта

с клиентом

Из чего состоит UX сайта?

Page 57: User experience, как замена юзабилити

UX делает пользователя счастливым!

Page 58: User experience, как замена юзабилити

UX design – дизайн

пользовательского счастья

Page 59: User experience, как замена юзабилити

10 принципов UX-дизайна компании Google• Сосредоточьтесь на людях, на их жизни, их работе, мечтах

• Каждая миллисекунда имеет значение

• Простота — мощная сила

• Вовлекайте новичков и удерживайте экспертов

• Отваживайтесь на инновационные решения

• Разрабатывайте для всего мира

• Планируйте для сегодняшнего и завтрашнего бизнеса

• Очаровывайте взгляд без расстройства для разума

• Уважайте доверие людей

• Добавляйте человечности

Page 60: User experience, как замена юзабилити

А какие UX принципы существуютв вашей компании?

Page 61: User experience, как замена юзабилити

Пять уровней UX (автор Джесс Гарретт)

Зачем?

Что?

Как?

Page 62: User experience, как замена юзабилити

1. Уровень стратегии

Бизнес-цели продукта.

Аудитория и её потребности.

Профиль пользователя

Ибрагим Москалев, г. Москва,30 лет.

Образование:незаконченное высшее.

Одинокий и безработный.

Page 63: User experience, как замена юзабилити

2. Уровень набора возможностей Список фич продукта.

Требования к контенту.

Page 64: User experience, как замена юзабилити

3. Уровень структуры

Информационная архитектура.

Проектирование взаимодействия.

Page 65: User experience, как замена юзабилити

2. Уровень компоновки

Информационный дизайн.

Проектирование интерфейса.

Page 66: User experience, как замена юзабилити

1. Уровень поверхности

Визуальный дизайн. О-да-а-а-а!!!

Page 67: User experience, как замена юзабилити

А можно ли оценить качествоUX дизайна?

Page 68: User experience, как замена юзабилити

UX дизайн сложно тестировать• У каждого пользователя остаётся своё

общее впечатление о продукте.

• Сложно собрать объективные метрики.

Page 69: User experience, как замена юзабилити

Решение задач

клиентаКопирайт

инг

Удобство пользован

ия

Эмоциональное

воздействие

Визуальный дизайн

Типографика

Быстродействие

Точки контакта

с клиентом

Что нужно проверить?

Page 70: User experience, как замена юзабилити

Суть тестирования UX

• Пользователь считает продукт «крутым»!

• Пользователь НЕ считает продукт «крутым».

TESTS PASSED

TESTS FAILED

Page 71: User experience, как замена юзабилити

Почему нужно озаниматься UX?

Page 72: User experience, как замена юзабилити

Почему нужно заниматься UX?Это ключевая вещь в повышении конверсии и продаж. Так считают 74% компаний в США(по версии Econsultancy в 2013 г.)

Есть примеры увеличения дохода компаний в 2-3 раза и более после разработки грамотного UX.

Page 73: User experience, как замена юзабилити

Без UX ваш проект умрётна высококонкурентном рынке

Page 74: User experience, как замена юзабилити

Уровень конкуренции в США

Page 75: User experience, как замена юзабилити

В США UX − вопрос выживания• Среда с очень высоким уровнем конкуренции;

• Потребители привыкли к качеству и комфорту;

• UX одинаково важен, как для StartUp, так и для корпораций вроде Apple, Google, Microsoft.

Page 76: User experience, как замена юзабилити

А как дела с UX дизайномв России?

Page 77: User experience, как замена юзабилити

Третья промышленная революция: начало«Сегодня больше всего ресурсов тратится не на создание конечного продукта, а на то, чтобы его придумать.»

Игорь АгамирзянОАО «Российская венчурная компания»http://slon.ru/biz/1009644/

Page 78: User experience, как замена юзабилити

User experience вместо юзабилити

User eXperience

Usability

Page 79: User experience, как замена юзабилити

User eXperience!

Меняйте

мир…

Page 80: User experience, как замена юзабилити

И сделайте будущее таким…

Page 81: User experience, как замена юзабилити

В котором технологии делают людей счастливыми!

Page 82: User experience, как замена юзабилити

Спасибо!

[email protected]

facebook.com/nikolaymoskalenko