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

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

1

Знакомство

ГЛЕБ УВАРОВ

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

Sam Solutions

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

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

Usability, Human-Centered Design

2

g.uvarov

g.uvarov@gmail.com

План

1.1. Введение

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

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

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

3

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

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

4

5

1945 - 1955

6

1955-1965

7

1955-1965

8

1955-1965

9

1965-1980

10

1981

11

12

1968 Doug Engelbart

13

14

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

16

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

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

А.Эйнштейн

17

18

19

20

данные

логика

UI UI

данные

логика

UI

данные

логика

UI

Наш продукт

МАГИЯ

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

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

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

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

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

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

гладко.

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

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

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

21

22

23

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

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

контроля

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

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

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

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

24

25

26

27

28

29

30

31

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

32

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

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

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

creep)

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

Страхи:

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

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

33

34

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

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

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

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

этому мосту.

Alan

Cooper

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

35

Юзабилити

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

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

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

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

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

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

ISO 9241-11

36

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

Обучаемость

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

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

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

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

37

Jacob

Nielsen

Обучаемость

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

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

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

38

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

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

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

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

задачи?

39

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

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

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

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

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

опыт?

40

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

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

ошибок?

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

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

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

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

41

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

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

продуктом?

42

User Experience

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

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

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

ISO 9241-210

43

Вопрос

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

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

Experience?

44

+ Хороший

функционал

Красивый

внешний

вид

Хороший

UX

Carelman’s teapot

45

Don Norman’s The Design of Everyday Things

Ответ

Нет!

Почему?

46

+ Хороший

функционал

Красивый

внешний

вид

Хороший

UX ≠

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

47

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

48

The User Experience Honeycomb

49

Peter

Morville

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

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

50

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

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

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

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

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

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

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

51

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

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

52

Айсберг

53

Surface

Skeleton

Structure

Scope

Strategy

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

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

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

10%

30%

60%

Elements of User Experience

54

Jesse

James

Garrett

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

Стратегия

55

Surface

Skeleton

Structure

Scope

Strategy

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

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

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

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

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

• …

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

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

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

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

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

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

Требования

56

Surface

Skeleton

Structure

Scope

Strategy

• ввод чисел

• ввод текста

• ввод формул

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

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

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

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

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

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

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

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

• печать

• …

Структура

57

Surface

Skeleton

Structure

Scope

Strategy

панели задач

диалоги

мастера

Компоновка

58

Surface

Skeleton

Structure

Scope

Strategy

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

59

Surface

Skeleton

Structure

Scope

Strategy

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

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

60

Как сейчас?

Initiation Requirements Analysis Design Development Testing Implementation

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

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

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

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

Initiation Requirements Analysis Design Development Testing Implementation

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

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

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

User

Research UX

Design

UX

Support

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

ПО

63

64

Упражнение

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

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

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

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

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

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

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

65

Ответ

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

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

100 000$/год

66

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

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

Плохой UX

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

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

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

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

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

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

67

Плохой UX

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

решением

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

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

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

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

68

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

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

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

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

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

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

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

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

69

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

70

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

Затраты на

изменение

Возможные

решения

Да, но…

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

71

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

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

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

Лояльность

Репутация

Мир лучше

72

73

Успешных вам

продуктов!

74

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

Вопросы?

g.uvarov

g.uvarov@gmail.com

Глеб Уваров

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

75

Donald A. Norman The Design of Everyday Things

Jacob Nielsen, Hoa Loranger Prioritizing Web Usability

Jesse James Garrett

The Elements of User Experience

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

76

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

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

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

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

77

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

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

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

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

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