Презентация Алексея Копылова.Конференция Training Labs, 27 июня 2009

1. ТРЕНИНГ
Как стать несчастным с помощью
консультанта по юзабилити?
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru

2. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
О докладчике
Алексей Копылов
технический директор UIDesign Group
10 лет проектирует интерфейсы
Основатель специализированной компании
Редактирует переводную литературу
Преподает
Участвует в жизни юзабилити-сообщества
2

3. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
О планах
Мы поговорим
 Об отношениях между заказчиками и юзабилити-
консультантами
 Когда лучше всего проектировать
пользовательский интерфейс
 О выборе оптимального вида проектирования
 Как сделать так, чтобы интерфейсные идеи
внедрились в жизнь
3

4. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
После тренинга, вы уже никогда не
будете такими
4

5. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Давайте общаться с комфортом
Пожалуйста
 Не стесняйтесь задавать любые вопросы
 Говорите о промахах (скорость речи, громкость
голоса, положение перед экраном)
 Переведите телефоны в беззвучный режим
5

6. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Начали…
Часть I
Место проектирования
когда и как думать об интерфейсах
6

7. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Что делают юзабилисты • 1
раскрашивают экраны
7

8. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Что делают юзабилисты • 2
жонглируют кнопками
8

9. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Что делают юзабилисты • 3
Структура пользовательского интерфейса для персонажа
Экраны на шаблонах
Экраны на шаблоне Экраны на шаблоне Экраны на различных
«Задача список»
«Стартовая» «Деятельность» шаблонах паттернов
и «Задача ред»
Задача 1 Внешняя
Старт Деятельность 1
(с подзадачами) операция 1
1 2 3
Внешняя
операция 2
7
Задача 2
придумывают структуру
4
(с подзадачами)
5
9
Задача 3
(с подзадачами)

10. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Что делают юзабилисты • 4
проектируют взамодействие
10

11. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Процесс проектирования
Вектор действий
1. Проектирование (адаптация) цели
2. Разработка сценария (бизнес-процесс)
3. Информационная архитектура
4. Создание структур взаимодействия (экраны)
5. Эстетическая адаптация (визуал)
11

12. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Адаптация цели
придать личностный смысл
12

13. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Разработка сценария
учесть потребности
13

14. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Информационная архитектура
соответствовать ожиданиям
14

15. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Структура экрана
оптимизировать взаимодействие
15

16. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Визуальное оформление
эффективность и комфорт
16

17. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Дальше…
Часть II
Когда обращаться к юзабилистам?
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
Когда лучше всего обращаться к
специалистам?
24

25. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 1
Проектировщикам здесь не место
разработка продажа
25

26. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 2
Продукт почти закончен
план
разработка / тест продажа
план
26

27. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 2
Продукт почти закончен:
 Можно получить много красивых картинок
 В случае неуспеха есть на кого свалить вину,
так как интерфейсные решения нечем
обосновать
 Деньги, потраченные на юзабилити – хороший
повод для рекламы
 Есть возможность прицельно исправить
очевидные специалисту ошибки
27

28. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 2
«Если вы не в состоянии сделать хорошую вещь, сделайте
ее хотя бы симпатичной»
Билл Гейтс
«Производители программ стараются сделать свои
продукты более дружественными к пользователю.
Лучше бы им просто взять документацию и
проштамповать надписями ”Дружественный к
пользователю”»
И снова, Билл Гейтс
28

29. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 2
«lipstick on pig»
29

30. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Цена изменений в конце проекта
Количество проектных альтернатив Цена изменений
30

31. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 3
В середине проекта:
план
план разработка look&feel тест продажа
план
31

32. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 3
В середине проекта
 Можно получить толстенный талмуд – описание
пользовательского интерфейса
 Остается возможность свалить ответственность
на консультанта. Ему нечем обеспечивать свои
решения.
 Можно найти неочевидные интерфейсные
ошибки и их устранить
32

33. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 3
Улучшение интерфейсного решения
33

34. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Цена изменений в середине проекта
Количество проектных альтернатив Цена изменений
34

35. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 4
С самого начала проекта:
план проект тест l&f надзор тест анализ
план
план
разработка тест продажа
план
35

36. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Когда обращаться? • Вариант 4
С самого начала проекта
 Необходимо разделять ответственность
 Заказчик получит наилучшую концепцию
 Процесс управляем – можно соблюсти сроки
 Все решения обоснованные
36

37. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Цена изменений в начале проекта
Количество проектных альтернатив Цена изменений
37

38. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Место юзабилити
Оптимальным подходом будет смещение работ
над интерфейсом продукта как можно ближе к
началу проекта,…
…а в идеале…
…сделать описание интерфейса частью ТЗ
38

39. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Далее…
Часть III
Варианты работы
какой вариант подходит вам?
39

40. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
А теперь поговорим о вариантах
работы юзабилити-специалистов
40

41. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 1 • Приходи и делай
Требуем немедленных результатов
41

42. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 1 • Приходи и делай
Применять, когда:
 Консультант знает предметную область и
сделал много проектов
 Требования к качеству результата низкие или
умеренные
 Совсем нет бюджета на интерфейс
 Нет доступа к пользователям
42

43. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 1 • Приходи и делай
Не применять, когда:
 Нужна гарантия качества результата
 Нет опыта в предметной области
 Есть хотя бы немного денег
 Нужна гарантия сроков
43

44. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 2 • Доверяй но проверяй
Проектирование, основанное на постановленной
задаче, результаты проверены на пользователях
44

45. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 2 • Доверяй но проверяй
Применять, когда:
 Консультант знает предметную область и
сделал много проектов
 Нужно оптимизировать имеющийся
интерфейс
 Надо быть не хуже конкурентов
 Первый результат надо получить быстро
45

46. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 2 • Доверяй но проверяй
Не применять, когда:
 Нужно оптимизировать имеющийся
интерфейс
 Нужна гарантия сроков (обуздать итерации)
 Нет опыта в предметной области
 Нужна стратегия развития продукта
46

47. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 3 • Семь раз отмерь
Проектирование, основанное на четком
понимании поставленной задачи, и требований к
интерфейсу со стороны пользователей
47

48. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 3 • Семь раз отмерь
Применять, когда:
 Есть время для полноценного проектирования
 Необходима стратегия развития продукта
 Нужно опередить конкурентов
 Нужно выйти за рамки поставленной задачи
48

49. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 3 • Семь раз отмерь
Не применять, когда:
 Первый результат надо получить максимально
быстро
 Нет доступа даже к суррогатным
пользователям
 Бюджет отсутствует
49

50. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 3 • Семь раз отмерь
Все это похоже на процесс производства кино:
50

51. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Вариант 3 • Семь раз отмерь
Точнее на это:
©2005 Dmitry Osetrov
51

52. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Цикл разработки интерфейса
исследование синтез внедрение
понять сделать сопроводить
52

53. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Цикл разработки интерфейса
ТЗ
исследование синтез внедрение
53

54. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Состав ТЗ ПИ
 Требования к пользовательскому интерфейсу
 Информационная архитектура проекта
 Интерактивная архитектура проекта
 Детальные прототипы экранов
ТЗ подается на вход программистам и
графическим дизайнерам
54

55. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Далее…
Часть IV
А кто на стороне заказчика?
55

56. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Кто на стороне заказчика?
Программист? Маркетолог?
Дизайнер? Менеджер?
56

57. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Программист?
© http://www.flickr.com/photos/doergn/
57

58. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Программист
Мотивы программистов
 Пожертвуют простотой ради контроля
 Концентрируются на процессе
 Концентрируются на исключительных
ситуациях
 Использовать повторный код
58

59. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Маркетолог?
59

60. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Маркетолог
Мотивы маркетологов
 Продать продукт (список функций)
 Сделать продукт внешне
привлекательным
 Концентрируются на мнениях и
предпочтениях
 Реализовывать стратегию
продвижения бренда
60

61. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Дизайнер?
61

62. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Дизайнер
Мотивы дизайнеров
 Создать запоминающийся продукт
 Улучшать свою репутацию
 Быть как можно меньше стесненным
техническими ограничениями
 Реализовывать стратегию
продвижения бренда
62

63. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Менеджер?
63

64. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Менеджер
Мотивы менеджеров
 Уложиться в срок
 Получить запланированный результат
 Избежать раздутия проекта
 Разрешать вовремя конфликты и
предупреждать их
 Видеть проблему с разных сторон
64

65. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Кто на стороне заказчика?
 
 
65

66. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Идеальный вариант
Идеальным случаем является вариант, когда
работу принимает менеджер продукта, а не
менеджер проекта
66

67. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Выводы
 Обращаться как можно раньше!
 Выбирать метод исходя из условий проекта
 Со стороны заказчика действует менеджер
проекта, а лучше, если это менеджер
продукта
67

68. Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
Выводы
Пользовательский интерфейс является продуктом
взаимодействия заказчика и юзабилити-
специалиста
68

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