77
Проектирование опыта взаимодействия Глеб Уваров 1

Interaction Design

  • Upload
    guvarov

  • View
    318

  • Download
    2

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Interaction Design

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

опыта взаимодействия Глеб Уваров

1

Page 2: Interaction Design

Знакомство

ГЛЕБ УВАРОВ

Разработчик программного обеспечения в

Sam Solutions

Инженер-системотехник (БГУИР)

Интересуюсь вопросами User Experience,

Usability, Human-Centered Design

2

g.uvarov

[email protected]

Page 3: Interaction Design

План

1.1. Введение

1.2. О природе сложности интерфейсов

1.3. User Experience и Юзабилити

1.4. Значимость User Experience

3

Page 4: Interaction Design

Введение «Человеку свойственно ошибаться, но чтобы провалить дело

капитально, необходим компьютер»

4

Page 5: Interaction Design

5

Page 6: Interaction Design

1945 - 1955

6

Page 7: Interaction Design

1955-1965

7

Page 8: Interaction Design

1955-1965

8

Page 9: Interaction Design

1955-1965

9

Page 10: Interaction Design

1965-1980

10

Page 11: Interaction Design

1981

11

Page 12: Interaction Design

12

Page 13: Interaction Design

1968 Doug Engelbart

13

Page 14: Interaction Design

14

Page 15: Interaction Design

15

For the history of the software,

it’s been good enough to

make things possible.

Now success also depends on

making things easy. Billy Hollis

Page 16: Interaction Design

16

Page 17: Interaction Design

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

интерфейсов «Нельзя решить проблему, находясь внутри системы, которая ее породила»

А.Эйнштейн

17

Page 18: Interaction Design

18

Page 19: Interaction Design

19

Page 20: Interaction Design

20

данные

логика

UI UI

данные

логика

UI

данные

логика

UI

Наш продукт

МАГИЯ

Каким мы его видим

Каким его видит пользователь

Каким мы должны его видеть

Page 21: Interaction Design

Разные интересы

Программист хочет, чтобы процесс

создания программы протекал легко и

гладко.

Пользователь хочет, чтобы легко и

гладко происходило взаимодействие

с программой.

21

Page 22: Interaction Design

22

Page 23: Interaction Design

23

Page 24: Interaction Design

Психология программистов

Пожертвуют простотой ради

контроля

Обменяют успех на понимание

Сосредотачиваются на

исключительных ситуациях

Прямолинейны

24

Page 25: Interaction Design

25

Page 26: Interaction Design

26

Page 27: Interaction Design

27

Page 28: Interaction Design

28

Page 29: Interaction Design

29

Page 30: Interaction Design

30

Page 31: Interaction Design

31

Page 32: Interaction Design

«Бесплатные» функции

32

Page 33: Interaction Design

«Бесплатные» функции

Нет четкого понимания целей пользователя

Разрастание набора функций (Feature

creep)

Штат технической поддержки

Страхи:

• Страх непринятия рынком

• Неспособность оценить готовность продукта

33

Page 34: Interaction Design

34

Недостаточно перебросить мост

между технологией и потребностью.

Кто-то еще должен сделать так,

чтобы люди захотели ходить по

этому мосту.

Alan

Cooper

Page 35: Interaction Design

User Experience и Юзабилити

35

Page 36: Interaction Design

Юзабилити

Юзабилити - степень

эффективности, продуктивности и

удовлетворенности, с которой

определенный пользователь

решает определенную задачу

в определенном контексте

ISO 9241-11

36

Page 37: Interaction Design

Принципы юзабилити

Обучаемость

Эффективность

Запоминаемость

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

Удовлетворенность

37

Jacob

Nielsen

Page 38: Interaction Design

Обучаемость

Насколько легко пользователи

выполняют задачи, используя

продукт впервые?

38

Page 39: Interaction Design

Эффективность

После того, как пользователи

изучили продукт, насколько

быстро они могут выполнять

задачи?

39

Page 40: Interaction Design

Запоминаемость

Если пользователи возвращаются

к продукту после перерыва в

использовании, насколько легко

они могут восстановить свой

опыт?

40

Page 41: Interaction Design

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

Как много пользователи делают

ошибок?

В какой степени ошибки мешают

выполнению задач?

Насколько легко происходит

восстановление после ошибок?

41

Page 42: Interaction Design

Удовлетворенность

Насколько приятно пользоваться

продуктом?

42

Page 43: Interaction Design

User Experience

Ощущения и реакция человека

вследствие использования или

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

ISO 9241-210

43

Page 44: Interaction Design

Вопрос

Обеспечивает ли хороший функционал

и красивый внешний вид хороший User

Experience?

44

+ Хороший

функционал

Красивый

внешний

вид

Хороший

UX

Page 45: Interaction Design

Carelman’s teapot

45

Don Norman’s The Design of Everyday Things

Page 46: Interaction Design

Ответ

Нет!

Почему?

46

+ Хороший

функционал

Красивый

внешний

вид

Хороший

UX ≠

Page 47: Interaction Design

Мифы о UX и Юзабилити

47

Page 48: Interaction Design

Миф 1: Юзабилити = UX

48

Page 49: Interaction Design

The User Experience Honeycomb

49

Peter

Morville

http://semanticstudios.com/publications/semantics/000029.php

Page 50: Interaction Design

User Experience компетенции

50

Page 51: Interaction Design

User Experience ≠ Юзабилити

Юзабилити позволяет людям

эффективно достигать своих целей

User Experience дает им приятный и

запоминающийся опыт

Хороший User Experience может быть

при плохом Юзабилити, и наоборот

51

Page 52: Interaction Design

Миф 2: Юзабилити = красивый

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

52

Page 53: Interaction Design

Айсберг

53

Surface

Skeleton

Structure

Scope

Strategy

Макет, цвета, изображения

Меню, кнопки, управление

Цели, Задачи, Потребности

10%

30%

60%

Page 54: Interaction Design

Elements of User Experience

54

Jesse

James

Garrett

http://www.jjg.net/elements/

Page 55: Interaction Design

Стратегия

55

Surface

Skeleton

Structure

Scope

Strategy

Цели бизнеса: • вытеснить конкурентов

• стимулировать продажи других

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

• установить формат по умолчанию

для обмена информацией

• …

Кто пользователь? • бухгалтер, …

Каковые его потребности? • удобный инструмент для учета …

• предоставление отчетов в виде …

Контекст: • десктоп в офисе

• ноутбук в самолете

• мобильный телефон в автомобиле

Page 56: Interaction Design

Требования

56

Surface

Skeleton

Structure

Scope

Strategy

• ввод чисел

• ввод текста

• ввод формул

• формат ячеек

• сортировка данных

• фильтрация данных

• накопление данных

• графическое отображение данных

• сохранение данных

• импорт данных

• экспорт данных

• печать

• …

Page 57: Interaction Design

Структура

57

Surface

Skeleton

Structure

Scope

Strategy

панели задач

диалоги

мастера

Page 58: Interaction Design

Компоновка

58

Surface

Skeleton

Structure

Scope

Strategy

Page 59: Interaction Design

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

59

Surface

Skeleton

Structure

Scope

Strategy

Page 60: Interaction Design

Миф 3: Обеспечение UX – это один шаг

в процессе разработки

60

Page 61: Interaction Design

Как сейчас?

Initiation Requirements Analysis Design Development Testing Implementation

Когда должно начинаться

проектирование UX?

Page 62: Interaction Design

Когда должно начинаться

обеспечение UX?

Initiation Requirements Analysis Design Development Testing Implementation

Необходимо планировать и

интегрировать UX на всех этапах

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

User

Research UX

Design

UX

Support

Page 63: Interaction Design

Значимость User Experience Дороже разработки ПО обходится только разработка плохого

ПО

63

Page 64: Interaction Design

64

Page 65: Interaction Design

Упражнение

Задача: 300 специалистов в некоторой компании

используют продукт “X” для решения определенной

задачи 30 минут в день.

Из-за плохого качества “X”, выполнение задачи занимает на 10 минут дольше, чем если бы оно

занимало при внедрении UX в процесс создания “X”.

Вопрос: Сколько компания сэкономит за год, если

ставка специалиста составляет 10$/час.

65

Page 66: Interaction Design

Ответ

300 специалистов x (10$/час x

1/6 часа) x 200 дней =

100 000$/год

66

Здесь не учтены дополнительные расходы, связанные со

стрессом и ухудшением качества работы

Page 67: Interaction Design

Плохой UX

Не знаем цели бизнеса

Не знаем кто наш пользователь

Не знаем потребности наших

пользователей

Не говорим с пользователями

Упускаем контекст

67

Page 68: Interaction Design

Плохой UX

Не определяем проблему перед ее

решением

Делаем решения основанные на наших

собственных предпочтениях

Думаем только об интерфейсе

Не используем методологию

68

Page 69: Interaction Design

Почему UX важен?

Уменьшение стоимости разработки

Уменьшение стоимости сопровождения

Уменьшение времени на документацию

Уменьшение стоимости технической поддержки

Увеличение удовлетворенности пользователей

Увеличение лояльности пользователей

Увеличение продуктивности пользователей

69

Page 70: Interaction Design

Цена исправления ошибок

70

Проектирование Разработка Внедрение

Затраты на

изменение

Возможные

решения

Page 71: Interaction Design

Да, но…

Стоимость разработки

71

Оплачиваемые человеко-часы

Доход компании

Page 72: Interaction Design

Инвестируя в успех клиента

Лояльность

Репутация

Мир лучше

72

Page 73: Interaction Design

73

Успешных вам

продуктов!

Page 74: Interaction Design

74

Спасибо за внимание!

Вопросы?

g.uvarov

[email protected]

Глеб Уваров

Page 75: Interaction Design

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

75

Donald A. Norman The Design of Everyday Things

Jacob Nielsen, Hoa Loranger Prioritizing Web Usability

Jesse James Garrett

The Elements of User Experience

Page 76: Interaction Design

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

76

Дж. Гарретт Веб-дизайн: Элементы опыта взаимодействия

Алан Купер Об Интерфейсе. Основы проектирования взаимодействия

Алан Купер Психбольница в руках пациентов

Page 77: Interaction Design

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

77

Стив Круг Веб-дизайн или «не

заставляйте меня думать!».

Билл Скотт, Тереза Нейл Проектирование веб-интерфейсов

Луис Розенфельд, Питер Морвиль

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