ux strategy for st petersburg 2017 rud

108
UX-стратегия Секретный соус или волшебная пыльца? Eric Reiss (Эрик Райс) @elreiss ProfsoUX 15 апреля 2017 Санкт-Петербург, Россия

Upload: eric-reiss

Post on 21-Jan-2018

332 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Ux strategy for st petersburg 2017 rud

UX-стратегияСекретный соус или волшебная пыльца?

Eric Reiss (Эрик Райс)

@elreiss

ProfsoUX

15 апреля 2017

Санкт-Петербург, Россия

Page 2: Ux strategy for st petersburg 2017 rud

«Секретный соус»

«Волшебная пыльца»

Page 3: Ux strategy for st petersburg 2017 rud

Скептически настроенный клиент

Page 4: Ux strategy for st petersburg 2017 rud

С чего начать?

Что нужно делать?

Что же такое UX?

Page 5: Ux strategy for st petersburg 2017 rud

� User experience* — это результат взаимодействия и наложения:� Людей;

� Устройств;

� Событий.

«UX» — простое определение

Примечание переводчика:User experience — опыт пользователя — восприятие и ответные действия пользователя, возникающие в результате использования и/или предстоящего использования продукции, системы или услуги[ГОСТ Р ИСО 9241-210-2012].

Page 6: Ux strategy for st petersburg 2017 rud

Например, что такое «UX» города

Санкт-Петербург?

Page 7: Ux strategy for st petersburg 2017 rud

Аэропорт…

Page 8: Ux strategy for st petersburg 2017 rud

Красивый отель…

Page 9: Ux strategy for st petersburg 2017 rud

Шампанское в номере…

Page 10: Ux strategy for st petersburg 2017 rud

Шикарный ресторан…

Page 11: Ux strategy for st petersburg 2017 rud

Вкусные блюда…

Page 12: Ux strategy for st petersburg 2017 rud

Сказочные магазины…

Page 13: Ux strategy for st petersburg 2017 rud

Балет…

Page 14: Ux strategy for st petersburg 2017 rud

Эрмитаж…

Page 15: Ux strategy for st petersburg 2017 rud

Исаакиевский собор…

Page 16: Ux strategy for st petersburg 2017 rud

Музей Фаберже…

Page 17: Ux strategy for st petersburg 2017 rud

Аврора…

Page 18: Ux strategy for st petersburg 2017 rud

Петергоф…

Page 19: Ux strategy for st petersburg 2017 rud

Вечерний вид на Неву

Page 20: Ux strategy for st petersburg 2017 rud

А если вы все время живете в

Санкт-Петербурге?

Page 21: Ux strategy for st petersburg 2017 rud

Ваша квартира…

Page 22: Ux strategy for st petersburg 2017 rud

Или комната в студенческом общежитии…

Page 23: Ux strategy for st petersburg 2017 rud

Повседневная еда…

Page 24: Ux strategy for st petersburg 2017 rud

Местный магазин…

Page 25: Ux strategy for st petersburg 2017 rud

Вы идете в местное кафе…

Page 26: Ux strategy for st petersburg 2017 rud

… или отрываетесь на вечеринках…

Page 27: Ux strategy for st petersburg 2017 rud

В стороне от туристического Невского проспекта…

Page 28: Ux strategy for st petersburg 2017 rud

Фото из Интернета…

Page 29: Ux strategy for st petersburg 2017 rud

… и фото, сделанное 14 апреля 2017

Page 30: Ux strategy for st petersburg 2017 rud

UX определяется

ситуацией

Page 31: Ux strategy for st petersburg 2017 rud

UX или CX?

(опыт пользователя или опыт клиента?)

Page 32: Ux strategy for st petersburg 2017 rud

Source: Megan Wilson at http://ux.walkme.com/cx-vs-ux-please-explain/

Не так и не так и даже не так

Вот так!

Page 33: Ux strategy for st petersburg 2017 rud

Source: Megan Wilson at http://ux.walkme.com/cx-vs-ux-please-explain/

Но все это неверно :)

Page 34: Ux strategy for st petersburg 2017 rud

UX или CX?

Клиент (customer) = финансовые взаимоотношения

Пользователь (user) = взаимоотношения с продуктом/услугой

Page 35: Ux strategy for st petersburg 2017 rud

Это Гуз

Page 36: Ux strategy for st petersburg 2017 rud

Хозяин купил кошачий корм — ягненок с горохом...

Page 37: Ux strategy for st petersburg 2017 rud

Но кошки — хищники. Они не едят горох!

Page 38: Ux strategy for st petersburg 2017 rud

Все пользователи — клиенты.

Далеко не все клиенты — пользователи.

Page 39: Ux strategy for st petersburg 2017 rud

UX

CX SD CS IxD

UX — «зонтичный термин», объединяющий множество дисциплин.

Page 40: Ux strategy for st petersburg 2017 rud

С чего начать?

Что нужно делать?

Page 41: Ux strategy for st petersburg 2017 rud

Определите цели UX

(создания опыта

пользователя)

Проведите исследования

Page 42: Ux strategy for st petersburg 2017 rud

«Это будет

ТААААК круто!»

Page 43: Ux strategy for st petersburg 2017 rud

Цель ясна

Page 44: Ux strategy for st petersburg 2017 rud

«Это даст нам

импульс

для развития»

Page 45: Ux strategy for st petersburg 2017 rud

«Это будет

ТААААК круто!»

Page 46: Ux strategy for st petersburg 2017 rud

В цель попасть непросто

Page 47: Ux strategy for st petersburg 2017 rud

А если цель не найти?

Page 48: Ux strategy for st petersburg 2017 rud

Поговорим о целях и задачах —

«стратегических» и «тактических»

Page 49: Ux strategy for st petersburg 2017 rud

Начнем с примера из

военной истории…

Page 50: Ux strategy for st petersburg 2017 rud

Вторая Мировая Война, европейский театр военных действий, 1942

Page 51: Ux strategy for st petersburg 2017 rud

Открытие второго фронтав Италии — Сицилийская кампаниясоюзников, 1943

Освобождение города Мессина —пути в материковую Италию

Page 52: Ux strategy for st petersburg 2017 rud

Открытие второго фронта на Сицилии —

стратегическаязадача

Взятие Мессины —

стратегическая/тактическая

Page 53: Ux strategy for st petersburg 2017 rud

Генералы определяют

Цели и стратегию

Офицеры определяют

Стратегию и тактику

Сержанты определяют

Тактику

Page 54: Ux strategy for st petersburg 2017 rud

Тактическая задача:

Толстым — прятаться за камни,

худым — за деревья

Page 55: Ux strategy for st petersburg 2017 rud

А теперь рассмотрим личный пример

(ведь вы лично стоите целой армии)

Конференция...

Page 56: Ux strategy for st petersburg 2017 rud
Page 57: Ux strategy for st petersburg 2017 rud

Зачем вы хотите посетить конференцию?

Цель

Какую конференцию выбрать?

Стратегическая задача

Как выбрать интересные доклады?

Тактическая задача

Page 58: Ux strategy for st petersburg 2017 rud

Зачем вы что-то делаете?

Цель

Что вы делаете?

Стратегическая задача

Как вы это делаете?

Тактическая задача

Page 59: Ux strategy for st petersburg 2017 rud

Бизнес-план

Стратегия бизнеса

UX-стратегия

Продукты]

]

Page 60: Ux strategy for st petersburg 2017 rud

Бизнес-стратегия:

• Финансовый цели;• Развитие рынка;• План действий.

Page 61: Ux strategy for st petersburg 2017 rud

UX-стратегия:

• Ценностное предложение;• Правила построения UX;• Структура управления.

Page 62: Ux strategy for st petersburg 2017 rud

Рассмотрим эти пункты по-отдельности

Page 63: Ux strategy for st petersburg 2017 rud

� Ясное определение ценностей, которые несет потребителям компания/бренд — в соответствии с бизнес-планом;

� Наставления о том, какой опыт должны получать от взаимодействия пользователи и клиенты;

� Разъяснения того, как продукты компании будут в будущем приносить прибыль посредством UX.

Ценностное предложение

Page 64: Ux strategy for st petersburg 2017 rud

� Ясное определение термина «UX»;

� Модель принятия решений, помогающая проектировщикам оценивать качество работы и расставлять приоритеты;

� Простой список того, что нужно или нельзя делать, чтобы связанные с UX решения благотворно влияли на ценность компании/бренда.

Правила построения UX

Page 65: Ux strategy for st petersburg 2017 rud

Рассмотрим эти правила подробнее

Page 66: Ux strategy for st petersburg 2017 rud

Что это?� User experience* — это результат взаимодействия и наложения:

� Людей;

� Устройств;

� Событий.

Что мы делаем?� Координируем взаимодействия, находящиеся под нашим

влиянием;

� Изучаем взаимодействия, находящиеся за пределами нашего влияния;

� Снижаем эффект нежелательных взаимодействий.

Ясное определение термина «UX»

Примечание переводчика:User experience — опыт пользователя — восприятие и ответные действия пользователя, возникающие в результате использования и/или предстоящего использования продукции, системы или услуги[ГОСТ Р ИСО 9241-210-2012].

Page 67: Ux strategy for st petersburg 2017 rud

Имеет влияние

Не влияет

Важно для

бизнесаА ну его…

Простая модель принятия решений

Page 68: Ux strategy for st petersburg 2017 rud

Предлагаемое решение:

� Упростит использование;

� Упростит изучение;

� Будет побуждать к использованию;

� Доставит удовольствие;

� Поддержит ценностное предложение.

Постарайтесь описывать стратегические решенияконкретно!

Список: Да/нет? Зачем и как?

Page 69: Ux strategy for st petersburg 2017 rud

� Описывает цепь передачи команд:� Кто отвечает за результат?

� Кто будет непосредственно выполнять задание?

� Точно определяет сроки выполнения;

� Задает правила для измерения и оптимизации UX.

Структура управления

Page 70: Ux strategy for st petersburg 2017 rud

� Сохраняйте решение простым —не перемудрите;

� Сохраняйте гибкость —единственно верного пути не существует.

Пара уточнений…

Page 71: Ux strategy for st petersburg 2017 rud

https://www.youtube.com/watch?v=E3rB_qx0wRM

Page 72: Ux strategy for st petersburg 2017 rud

Обратите внимание: ваша тактика в

построении UX должна быть

достаточно гибкой, чтобы отвечать

потребностям разных пользователей.

А если вам нужна помощь...

Page 73: Ux strategy for st petersburg 2017 rud

Хитрые UX-стратегии от Эрика. Звоните: +45 20 12 88 44 (Дания)

Page 74: Ux strategy for st petersburg 2017 rud

Живой пример:

The AI Factory

Page 75: Ux strategy for st petersburg 2017 rud
Page 76: Ux strategy for st petersburg 2017 rud

Поставщик программных решений, реализующих искусственный интеллект (AI) в игровых приложениях.

Page 77: Ux strategy for st petersburg 2017 rud

Цель бизнеса:

� Стать уважаемым поставщиком решений искусственного интеллекта для игр;

Бизнес-стратегия:

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

Ценностное предложение:

� «Наше интеллектуальное решение делает игровой процесс реалистичнее и приятнее»

UX-стратегия:

� Создать впечатление, что пользователь играет против живого соперника, а не компьютера.

Мои предположения об их стратегии

Page 78: Ux strategy for st petersburg 2017 rud
Page 79: Ux strategy for st petersburg 2017 rud
Page 80: Ux strategy for st petersburg 2017 rud
Page 81: Ux strategy for st petersburg 2017 rud
Page 82: Ux strategy for st petersburg 2017 rud

Что не так на этом изображении?

Page 83: Ux strategy for st petersburg 2017 rud

Другой пример из жизни:

Отель Mark Hopkins(Сан-Франциско)

Page 84: Ux strategy for st petersburg 2017 rud
Page 85: Ux strategy for st petersburg 2017 rud

Красивая подарочная коробка в номере. Шоколад?

Page 86: Ux strategy for st petersburg 2017 rud

Цель бизнеса:

� Стать самым респектабельным отелемв Сан-Франциско;

Бизнес-стратегия:

� Привлечь больше компаний-партнеров, которые помогут повысить качество услуг и привлечь в отель больше постояльцев;

Ценностное предложение:

� «Отель Mark Hopkins бережно хранит и креативно переосмысляет традиции сервиса высочайшего класса»;

UX-стратегия:

� Позволить гостям чувствовать себя особенными, предоставляя ясно персонализированные услуги.

Мое предположение об их стратегии

Page 87: Ux strategy for st petersburg 2017 rud

На улице сыро. Хочется согреться и съесть шоколадку…

Page 88: Ux strategy for st petersburg 2017 rud

А в коробке … приглашение в магазин

Page 89: Ux strategy for st petersburg 2017 rud

� Она не донесена до сотрудников в точности:� Не все подразделения одинаково понимают

общий замысел;

� Высшее руководство не вовлечено в реализацию;

� Стратегия сформулирована расплывчато;

� Отсутствуют измеряемые критерии успеха;

� «UX» считается модным словом, но не инструментом.

Признаки провальной UX-стратегии :

Page 90: Ux strategy for st petersburg 2017 rud

Под впечатлением и частично — с копированием из работ Ronnie Battista (примечание автора).

10 заповедей UX

1. Уважай потребности пользователей;2. Не зацикливайся на одном лишь «digital»;3. Не убивай хорошие идеи;4. Не стремись быть единственным

UX-специалистом в компании;5. Не говори на UX-жаргоне;6. Постарайся увидеть глобальную UX-картину;7. Измеряй и оптимизируй UX;8. Не изобретай велосипеды;9. Стремись к простоте решений;10.Уважай ценностное предложение компании.

Page 91: Ux strategy for st petersburg 2017 rud

Если вы не знаете, куда вы идете,

вы туда никогда не доберетесь.

Page 92: Ux strategy for st petersburg 2017 rud

1 чашка фасованного коричневого сахара;1 1/2 чашки кетчупа Heinz (не используйте другие марки!);3 столовых ложки готовых специй для барбекю (например, Sexton или Santa Maria);3 столовых ложки уксуса;1 столовая ложка сладкой паприки;1 чайная ложка мелкой соли;по 1/2 чайной ложки:

белого перца;черного перца;кайенского перца;сладкого перца чили;жидкого дыма (по желанию).

Смешайте компоненты в кастрюле на маленьком огне. Прокипятите в течение 15 минут для полного растворения сахара. Часто перемешивайте. При необходимости разбавьте бурбоном (виски).

Вместо жидкого дыма можно использовать копченую паприку. Она тоже хорошо работает.

Если добавить немного пищевого консерванта (обычно — бензоата натрия), можно долго хранитьв холодильнике.

НЕ ИСПОЛЬЗУЙТЕ этот соус как кетчуп в бургерах. Намазывайте толстым слоем за несколько минут до готовности блюда, чтобы сахар успел карамелизоваться и стать менее сладким.

Крутой соус для барбекю от Дяди Эрика

Page 93: Ux strategy for st petersburg 2017 rud

Небольшой бонус

Page 94: Ux strategy for st petersburg 2017 rud

UX — это не новая дисциплина

Page 95: Ux strategy for st petersburg 2017 rud

50-летний образец носимого устройства

Page 96: Ux strategy for st petersburg 2017 rud

150-летняя инфографика

Page 97: Ux strategy for st petersburg 2017 rud

170-летняя иерархическая схема

Page 98: Ux strategy for st petersburg 2017 rud

220-летний проект SEO

Page 99: Ux strategy for st petersburg 2017 rud

250-летняя карта знаний

Page 100: Ux strategy for st petersburg 2017 rud

300-летняя таксономия

Page 101: Ux strategy for st petersburg 2017 rud

400-летний каталог контента

Page 102: Ux strategy for st petersburg 2017 rud

650-летние персоны

Page 103: Ux strategy for st petersburg 2017 rud

5000-летний макет (wireframe)

Page 104: Ux strategy for st petersburg 2017 rud

15000-летняя пользовательская история

Page 105: Ux strategy for st petersburg 2017 rud

IA and gestural interfaces - 1935

https://www.youtube.com/watch?v=8kuCSRJcTgY

Информационная архитектура и жесты — 1935

Page 106: Ux strategy for st petersburg 2017 rud
Page 107: Ux strategy for st petersburg 2017 rud

Спасибо!

Page 108: Ux strategy for st petersburg 2017 rud

Eric Reiss can (usually) be found at:

The FatDUX Group ApSStrandøre 152100 CopenhagenDenmark

Office: (+45) 39 29 67 77Mobil: (+45) 20 12 88 44Twitter: @[email protected]