Usability lecture sam solutions by gleb uvarov part 1

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

description

Usability lecture prepared by Gleb Uvarov, Sam-Solutions developer, inspired by our summer UX training.

Transcript of Usability lecture sam solutions by gleb uvarov part 1

Page 1: Usability lecture sam solutions by gleb uvarov part 1

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

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

1

Page 2: Usability lecture sam solutions by gleb uvarov part 1

Знакомство

ГЛЕБ УВАРОВ

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

Sam Solutions

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

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

Usability, Human-Centered Design

2

g.uvarov

[email protected]

Page 3: Usability lecture sam solutions by gleb uvarov part 1

План

1.1. Введение

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

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

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

3

Page 4: Usability lecture sam solutions by gleb uvarov part 1

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

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

4

Page 5: Usability lecture sam solutions by gleb uvarov part 1

5

Page 6: Usability lecture sam solutions by gleb uvarov part 1

1945 - 1955

6

Page 7: Usability lecture sam solutions by gleb uvarov part 1

1955-1965

7

Page 8: Usability lecture sam solutions by gleb uvarov part 1

1955-1965

8

Page 9: Usability lecture sam solutions by gleb uvarov part 1

1955-1965

9

Page 10: Usability lecture sam solutions by gleb uvarov part 1

1965-1980

10

Page 11: Usability lecture sam solutions by gleb uvarov part 1

1981

11

Page 12: Usability lecture sam solutions by gleb uvarov part 1

12

Page 13: Usability lecture sam solutions by gleb uvarov part 1

1968 Doug Engelbart

13

Page 14: Usability lecture sam solutions by gleb uvarov part 1

14

Page 15: Usability lecture sam solutions by gleb uvarov part 1

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: Usability lecture sam solutions by gleb uvarov part 1

16

Page 17: Usability lecture sam solutions by gleb uvarov part 1

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

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

А.Эйнштейн

17

Page 18: Usability lecture sam solutions by gleb uvarov part 1

18

Page 19: Usability lecture sam solutions by gleb uvarov part 1

19

Page 20: Usability lecture sam solutions by gleb uvarov part 1

20

данные

логика

UI UI

данные

логика

UI

данные

логика

UI

Наш продукт

МАГИЯ

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

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

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

Page 21: Usability lecture sam solutions by gleb uvarov part 1

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

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

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

гладко.

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

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

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

21

Page 22: Usability lecture sam solutions by gleb uvarov part 1

22

Page 23: Usability lecture sam solutions by gleb uvarov part 1

23

Page 24: Usability lecture sam solutions by gleb uvarov part 1

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

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

контроля

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

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

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

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

24

Page 25: Usability lecture sam solutions by gleb uvarov part 1

25

Page 26: Usability lecture sam solutions by gleb uvarov part 1

26

Page 27: Usability lecture sam solutions by gleb uvarov part 1

27

Page 28: Usability lecture sam solutions by gleb uvarov part 1

28

Page 29: Usability lecture sam solutions by gleb uvarov part 1

29

Page 30: Usability lecture sam solutions by gleb uvarov part 1

30

Page 31: Usability lecture sam solutions by gleb uvarov part 1

31

Page 32: Usability lecture sam solutions by gleb uvarov part 1

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

32

Page 33: Usability lecture sam solutions by gleb uvarov part 1

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

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

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

creep)

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

Страхи:

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

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

33

Page 34: Usability lecture sam solutions by gleb uvarov part 1

34

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

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

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

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

этому мосту.

Alan

Cooper

Page 35: Usability lecture sam solutions by gleb uvarov part 1

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

35

Page 36: Usability lecture sam solutions by gleb uvarov part 1

Юзабилити

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

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

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

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

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

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

ISO 9241-11

36

Page 37: Usability lecture sam solutions by gleb uvarov part 1

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

Обучаемость

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

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

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

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

37

Jacob

Nielsen

Page 38: Usability lecture sam solutions by gleb uvarov part 1

Обучаемость

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

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

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

38

Page 39: Usability lecture sam solutions by gleb uvarov part 1

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

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

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

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

задачи?

39

Page 40: Usability lecture sam solutions by gleb uvarov part 1

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

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

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

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

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

опыт?

40

Page 41: Usability lecture sam solutions by gleb uvarov part 1

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

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

ошибок?

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

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

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

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

41

Page 42: Usability lecture sam solutions by gleb uvarov part 1

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

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

продуктом?

42

Page 43: Usability lecture sam solutions by gleb uvarov part 1

User Experience

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

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

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

ISO 9241-210

43

Page 44: Usability lecture sam solutions by gleb uvarov part 1

Вопрос

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

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

Experience?

44

+ Хороший

функционал

Красивый

внешний

вид

Хороший

UX

Page 45: Usability lecture sam solutions by gleb uvarov part 1

Carelman’s teapot

45

Don Norman’s The Design of Everyday Things

Page 46: Usability lecture sam solutions by gleb uvarov part 1

Ответ

Нет!

Почему?

46

+ Хороший

функционал

Красивый

внешний

вид

Хороший

UX ≠

Page 47: Usability lecture sam solutions by gleb uvarov part 1

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

47

Page 48: Usability lecture sam solutions by gleb uvarov part 1

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

48

Page 49: Usability lecture sam solutions by gleb uvarov part 1

The User Experience Honeycomb

49

Peter

Morville

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

Page 50: Usability lecture sam solutions by gleb uvarov part 1

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

50

Page 51: Usability lecture sam solutions by gleb uvarov part 1

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

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

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

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

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

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

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

51

Page 52: Usability lecture sam solutions by gleb uvarov part 1

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

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

52

Page 53: Usability lecture sam solutions by gleb uvarov part 1

Айсберг

53

Surface

Skeleton

Structure

Scope

Strategy

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

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

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

10%

30%

60%

Page 54: Usability lecture sam solutions by gleb uvarov part 1

Elements of User Experience

54

Jesse

James

Garrett

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

Page 55: Usability lecture sam solutions by gleb uvarov part 1

Стратегия

55

Surface

Skeleton

Structure

Scope

Strategy

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

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

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

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

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

• …

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

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

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

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

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

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

Page 56: Usability lecture sam solutions by gleb uvarov part 1

Требования

56

Surface

Skeleton

Structure

Scope

Strategy

• ввод чисел

• ввод текста

• ввод формул

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

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

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

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

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

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

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

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

• печать

• …

Page 57: Usability lecture sam solutions by gleb uvarov part 1

Структура

57

Surface

Skeleton

Structure

Scope

Strategy

панели задач

диалоги

мастера

Page 58: Usability lecture sam solutions by gleb uvarov part 1

Компоновка

58

Surface

Skeleton

Structure

Scope

Strategy

Page 59: Usability lecture sam solutions by gleb uvarov part 1

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

59

Surface

Skeleton

Structure

Scope

Strategy

Page 60: Usability lecture sam solutions by gleb uvarov part 1

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

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

60

Page 61: Usability lecture sam solutions by gleb uvarov part 1

Как сейчас?

Initiation Requirements Analysis Design Development Testing Implementation

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

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

Page 62: Usability lecture sam solutions by gleb uvarov part 1

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

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

Initiation Requirements Analysis Design Development Testing Implementation

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

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

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

User

Research UX

Design

UX

Support

Page 63: Usability lecture sam solutions by gleb uvarov part 1

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

ПО

63

Page 64: Usability lecture sam solutions by gleb uvarov part 1

64

Page 65: Usability lecture sam solutions by gleb uvarov part 1

Упражнение

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

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

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

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

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

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

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

65

Page 66: Usability lecture sam solutions by gleb uvarov part 1

Ответ

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

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

100 000$/год

66

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

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

Page 67: Usability lecture sam solutions by gleb uvarov part 1

Плохой UX

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

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

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

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

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

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

67

Page 68: Usability lecture sam solutions by gleb uvarov part 1

Плохой UX

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

решением

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

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

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

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

68

Page 69: Usability lecture sam solutions by gleb uvarov part 1

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

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

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

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

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

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

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

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

69

Page 70: Usability lecture sam solutions by gleb uvarov part 1

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

70

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

Затраты на

изменение

Возможные

решения

Page 71: Usability lecture sam solutions by gleb uvarov part 1

Да, но…

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

71

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

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

Page 72: Usability lecture sam solutions by gleb uvarov part 1

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

Лояльность

Репутация

Мир лучше

72

Page 73: Usability lecture sam solutions by gleb uvarov part 1

73

Успешных вам

продуктов!

Page 74: Usability lecture sam solutions by gleb uvarov part 1

74

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

Вопросы?

g.uvarov

[email protected]

Глеб Уваров

Page 75: Usability lecture sam solutions by gleb uvarov part 1

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

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: Usability lecture sam solutions by gleb uvarov part 1

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

76

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

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

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

Page 77: Usability lecture sam solutions by gleb uvarov part 1

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

77

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

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

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

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

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