Aleksey Kopylov's presentation for #UIC2010

1. Удмуртская интернет-конференция
Пользовательский интерфейс —
передний край битвы
за пользователей
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru

2. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Давайте знакомиться
Автор доклада
Алексей Копылов
 Около 10 лет опыта проектирует
пользовательских интерфейсов
 В 2003 основал компанию
«UIDesign Group» по
проектированию интерфейсов
 Ведет общественную деятельность
 Редактирует книги (Алан Купер, Гарретт)
2

3. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Что такое пользовательский
интерфейс?
Пользовательский
интерфейс =
продукт или услуга
3

4. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Что такое дизайн/проектирование
взаимодействия?
Проектирование рентабельных продуктов, услуг и
сред, соответствующих практическим,
физическим и эмоциональным потребностям
широкого круга людей (Kim Goodwin)
4

5. Пользовательский интерфейс — передний край битвы www.uidesign.ru
User-experience design и Interaction design
(Проектирование взаимодействия и опыта взаимодействия)
— Карта местности
(один из многих
вариантов)
© 2007 Dan Saffer
5

6. Пользовательский интерфейс — передний край битвы www.uidesign.ru
А с чем осуществляется
взаимодействие?
 С другим человеком и сообществом
 С собой
 С организацией
 С инструментом
6

7. Пользовательский интерфейс — передний край битвы www.uidesign.ru
В чем отличия от проектирования
механических предметов?
Я простой и А я – антипод!
предсказуемый!
7

8. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Универсальный инструмент
Компьютер сейчас – универсальный инструмент
для решения множества задач.
Но задачи стали сложнее, и пользоваться
инструментом очень трудно...
…особенно если он создается не для
пользователя
8

9. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Теория трѐх волн
9

10. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Что делают проектировщики - 1?
Раскрашивают экраны?
10

11. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Что делают проектировщики - 2?
Жонглируют кнопками?
11

12. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Что делают проектировщики - 3?
Продумывают структуру?
12

13. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Что делают проектировщики - 4?
Проектируют взаимодействие!
Дарят эмоции!
13

14. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Процесс проектирования
Вектор действий
1. Исследовать ситуацию
2. Определение/адаптация цели
3. Фиксация/оптимизация/разработка
сценария
4. Информационная архитектура
5. Создание структур взаимодействия (экраны)
6. Эстетическая адаптация (визуал)
7. Сопровождение (надзор)
8. Актуальность (обновление)
14

15. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Исследовать ситуацию
15

16. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Адаптация цели
Придать личностный смысл
16

17. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Разработка и оптимизация сценариев
Учесть потребности
17

18. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Структурирование навигации
Соответствовать ожиданиям
18

19. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Структурирование навигации
Соответствовать ожиданиям
19

20. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Структурирование экранов и страниц
Оптимизировать локальное взаимодействие
20

21. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Визуальное оформление
Эффективность, комфорт и эмоции
21

22. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Постулируемые выгоды
Качественные интерфейсы
 Приводят к успеху продукта
 Снижают затраты на разработку
 Удешевляют поддержку
 Повышают конкурентоспособность
 Увеличивают лояльность клиентов
 Повышают эффект автоматизации
 Избавляют от критических ситуаций
22

23. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Успех продукта
23

24. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Удешевление поддержки
количество обращений уменьшилось на 90%
24

25. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Лояльность
25

26. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Эффективность
скорость работы увеличилась в 2,8 раза
количество ошибок снизилось на порядок
26

27. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Вкусные цифры • 1
В общем, по отраслям
 Затраты на производство - 33-50%
 Затраты на обслуживание - 60-90%
 Увеличение продаж 40-80% (до 225%)
 Рост аудитории 40-80%
 Повышение эффективности 25-65%
 Повышение доверия?
(Aaron Marcus and Associates, Inc.)
27

28. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Вкусные цифры • 2
По веб-проектам
 Продажи/конверсия 100%
 Траффик 150%
 Продуктивность действий 161%
 Использование ключевых возможностей 202%
(NNGroup, 42 проекта)
28

29. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Проблемы нашей области
Трудности оценки работы
 Возможность (стоимость) измерений
 Качество формулирования метрик
 Инертность проявления эффекта
 Огромное количество влияющих факторов
 Трудно применимо для инновационных
проектов
29

30. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Что мерять и сколько потратить на это?
30

31. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Сколько ждать?
31

32. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Как учесть посторонние факторы
На метрики влияет
 Изменение бизнес-процесса
 Маркетинговые события (рынок)
 Глобальные тренды (моды, фобии,
технологии, политика)
32

33. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Инновации
33

34. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Тенденции в развитии проектирования
интерфейсов
 Проектирование услуг (Service Design)
 Проектирование среды
34

35. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Книги для ознакомления • 1
«Психбольница в руках пациентов»
35

36. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Книги для ознакомления • 1
«Алан Купер об интерфейсе»
aboutface.gui.ru
36

37. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Книги для ознакомления • 2
«Веб-дизайн: книга Джесса Гарретта. Элементы
опыта взаимодействия»
37

38. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Книги для ознакомления • 3
Остальные книги:
http://www.ergopro.org/wiki/список_литературы
38

39. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Ресурсы для ознакомления
 gui.ru
 fresh.gui.ru
 community.livejournal.com/ru_ucdesign
 usability.ru
 usability.by
 habrahabr.ru/blogs/ui_design_and_usability
 wikipedia.org
 knol.google.com
39

40. Пользовательский интерфейс — передний край битвы www.uidesign.ru
Спасибо за внимание
С удовольствием отвечу на Ваши вопросы
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
40