ТРЕНИНГ Как стать несчастным с помощью консультанта по юзабилити? UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
ТРЕНИНГ
Как стать несчастным с помощью
консультанта по юзабилити?
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
2
О докладчике
Алексей Копылов
технический директор UIDesign Group
10 лет проектирует интерфейсы
Основатель специализированной компании
Редактирует переводную литературу
Преподает
Участвует в жизни юзабилити-сообщества
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
3
О планах
Мы поговорим
Об отношениях между заказчиками и юзабилити-
консультантами
Когда лучше всего проектировать
пользовательский интерфейс
О выборе оптимального вида проектирования
Как сделать так, чтобы интерфейсные идеи
внедрились в жизнь
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
4
После тренинга, вы уже никогда не
будете такими
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
5
Давайте общаться с комфортом
Пожалуйста
Не стесняйтесь задавать любые вопросы
Говорите о промахах (скорость речи, громкость
голоса, положение перед экраном)
Переведите телефоны в беззвучный режим
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
6
Начали…
Часть I
Место проектирования
когда и как думать об интерфейсах
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
7
Что делают юзабилисты • 1
раскрашивают экраны
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
8
Что делают юзабилисты • 2
жонглируют кнопками
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
9
Что делают юзабилисты • 3
придумывают структуру
Старт Деятельность 1
Деятельность 2
Задача 1(с подзадачами)
Задача 2(с подзадачами)
Задача 3(с подзадачами)
Деятельность N
Внешняя операция 1
Задача N(с подзадачами)
Задача 4(с подзадачами)
Задача 1(с подзадачами)
Задача N(с подзадачами)
Внешняя операция 2
Задача 5(с подзадачами)
Экраны на шаблоне «Стартовая»
Экраны на шаблоне «Деятельность»
Экраны на шаблонах «Задача список» и «Задача ред»
Экраны на различных шаблонах паттернов
Структура пользовательского интерфейса для персонажа
Обозначения
Задача 3
Внешняя операция 2
Шаблон экрана
Шаблон Pop-up экрана для выполнения операции
Односторонний переход на другой экран
Двусторонний переход между двумя экранами
1 32
5
7
4
6
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
10
Что делают юзабилисты • 4
проектируют взамодействие
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
11
Процесс проектирования
Вектор действий
1. Проектирование (адаптация) цели
2. Разработка сценария (бизнес-процесс)
3. Информационная архитектура
4. Создание структур взаимодействия (экраны)
5. Эстетическая адаптация (визуал)
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
12
Адаптация цели
придать личностный смысл
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
13
Разработка сценария
учесть потребности
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
14
Информационная архитектура
соответствовать ожиданиям
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
15
Структура экрана
оптимизировать взаимодействие
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
16
Визуальное оформление
эффективность и комфорт
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
17
Дальше…
Часть II
Когда обращаться к юзабилистам?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
18
Кто такие юзабилити-специалисты?
Занимаются аудитом и проектированием
взаимодействия пользователей со сложными
продуктами или системами
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
19
Кто такие заказчики?
Внешние, либо внутренние заказчики разработки
интерактивного продукта или системы
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
20
Консультант и заказчик
Есть ли общие цели?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
21
Консультант и заказчик
Общая цель – создать успешный продукт
вовремя с использованием запланированных
ресурсов
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
22
Консультант и заказчик
Что мешает достижению общих целей?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
23
Консультант и заказчик
Мешают достижению общих целей:
Политические факторы
Эгоцентризм представителей заказчика
Отсутствие общего видения
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
24
Когда лучше всего обращаться к
специалистам?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
25
Когда обращаться? • Вариант 1
Проектировщикам здесь не место
продажа
разработка
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
26
Когда обращаться? • Вариант 2
Продукт почти закончен
план
план
разработка / тест
продажа
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
27
Когда обращаться? • Вариант 2
Продукт почти закончен:
Можно получить много красивых картинок
В случае неуспеха есть на кого свалить вину,
так как интерфейсные решения нечем
обосновать
Деньги, потраченные на юзабилити – хороший
повод для рекламы
Есть возможность прицельно исправить
очевидные специалисту ошибки
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
28
Когда обращаться? • Вариант 2
«Если вы не в состоянии сделать хорошую вещь, сделайте
ее хотя бы симпатичной»
Билл Гейтс
«Производители программ стараются сделать свои
продукты более дружественными к пользователю.
Лучше бы им просто взять документацию и
проштамповать надписями ”Дружественный к
пользователю”»
И снова, Билл Гейтс
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
29
Когда обращаться? • Вариант 2
«lipstick on pig»
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
30
Цена изменений в конце проекта
Количество проектных альтернатив
Цена изменений
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
31
Когда обращаться? • Вариант 3
В середине проекта:
look&feel
план
план
разработка
продажа
план
тест
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
32
Когда обращаться? • Вариант 3
В середине проекта
Можно получить толстенный талмуд – описание
пользовательского интерфейса
Остается возможность свалить ответственность
на консультанта. Ему нечем обеспечивать свои
решения.
Можно найти неочевидные интерфейсные
ошибки и их устранить
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
33
Когда обращаться? • Вариант 3
Улучшение интерфейсного решения
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
34
Цена изменений в середине проекта
Количество проектных альтернатив
Цена изменений
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
35
Когда обращаться? • Вариант 4
С самого начала проекта:
план
план
разработка
продажа
план
тест
план
проект
тест
надзор
l&f
тест
анализ
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
36
Когда обращаться? • Вариант 4
С самого начала проекта
Необходимо разделять ответственность
Заказчик получит наилучшую концепцию
Процесс управляем – можно соблюсти сроки
Все решения обоснованные
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
37
Цена изменений в начале проекта
Количество проектных альтернатив
Цена изменений
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
38
Место юзабилити
Оптимальным подходом будет смещение работ
над интерфейсом продукта как можно ближе к
началу проекта,…
…а в идеале…
…сделать описание интерфейса частью ТЗ
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
39
Далее…
Часть III
Варианты работы
какой вариант подходит вам?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
40
А теперь поговорим о вариантах
работы юзабилити-специалистов
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
41
Вариант 1 • Приходи и делай
Требуем немедленных результатов
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
42
Вариант 1 • Приходи и делай
Применять, когда: Консультант знает предметную область и
сделал много проектов
Требования к качеству результата низкие или
умеренные
Совсем нет бюджета на интерфейс
Нет доступа к пользователям
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
43
Вариант 1 • Приходи и делай
Не применять, когда: Нужна гарантия качества результата
Нет опыта в предметной области
Есть хотя бы немного денег
Нужна гарантия сроков
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
44
Вариант 2 • Доверяй но проверяй
Проектирование, основанное на постановленной
задаче, результаты проверены на пользователях
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
45
Вариант 2 • Доверяй но проверяй
Применять, когда: Консультант знает предметную область и
сделал много проектов
Нужно оптимизировать имеющийся
интерфейс
Надо быть не хуже конкурентов
Первый результат надо получить быстро
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
46
Вариант 2 • Доверяй но проверяй
Не применять, когда: Нужно оптимизировать имеющийся
интерфейс
Нужна гарантия сроков (обуздать итерации)
Нет опыта в предметной области
Нужна стратегия развития продукта
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
47
Вариант 3 • Семь раз отмерь
Проектирование, основанное на четком
понимании поставленной задачи, и требований к
интерфейсу со стороны пользователей
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
48
Вариант 3 • Семь раз отмерь
Применять, когда: Есть время для полноценного проектирования
Необходима стратегия развития продукта
Нужно опередить конкурентов
Нужно выйти за рамки поставленной задачи
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
49
Вариант 3 • Семь раз отмерь
Не применять, когда: Первый результат надо получить максимально
быстро
Нет доступа даже к суррогатным
пользователям
Бюджет отсутствует
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
50
Вариант 3 • Семь раз отмерь
Все это похоже на процесс производства кино:
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
51
Вариант 3 • Семь раз отмерь
Точнее на это:
©2005 Dmitry Osetrov
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
52
Цикл разработки интерфейса
исследование
синтез
внедрение
понять сделать
сопроводить
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
53
Цикл разработки интерфейса
ТЗ
исследование
синтез
внедрение
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
54
Состав ТЗ ПИ
Требования к пользовательскому интерфейсу
Информационная архитектура проекта
Интерактивная архитектура проекта
Детальные прототипы экранов
ТЗ подается на вход программистам и
графическим дизайнерам
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
55
Далее…
Часть IV
А кто на стороне заказчика?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
56
Кто на стороне заказчика?
Программист?
Маркетолог?
Дизайнер?
Менеджер?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
57
Программист?
© http://www.flickr.com/photos/doergn/
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
58
Программист
Мотивы программистов
Пожертвуют простотой ради контроля
Концентрируются на процессе
Концентрируются на исключительных
ситуациях
Использовать повторный код
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
59
Маркетолог?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
60
Маркетолог
Мотивы маркетологов
Продать продукт (список функций)
Сделать продукт внешне
привлекательным
Концентрируются на мнениях и
предпочтениях
Реализовывать стратегию
продвижения бренда
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
61
Дизайнер?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
62
Дизайнер
Мотивы дизайнеров
Создать запоминающийся продукт
Улучшать свою репутацию
Быть как можно меньше стесненным
техническими ограничениями
Реализовывать стратегию
продвижения бренда
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
63
Менеджер?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
64
Менеджер
Мотивы менеджеров
Уложиться в срок
Получить запланированный результат
Избежать раздутия проекта
Разрешать вовремя конфликты и
предупреждать их
Видеть проблему с разных сторон
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
65
Кто на стороне заказчика?
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
66
Идеальный вариант
Идеальным случаем является вариант, когда
работу принимает менеджер продукта, а не
менеджер проекта
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
67
Выводы
Обращаться как можно раньше!
Выбирать метод исходя из условий проекта
Со стороны заказчика действует менеджер
проекта, а лучше, если это менеджер
продукта
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
68
Выводы
Пользовательский интерфейс является продуктом
взаимодействия заказчика и юзабилити-
специалиста
Как стать несчастным с помощью консультанта по юзабилити? www.uidesign.ru
69
Спасибо за внимание С удовольствием отвечу на Ваши вопросы
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru