View
2.536
Download
0
Embed Size (px)
Citation preview
Svetlana Tsikoza © 2008User Experience & Design Team1
Проектирование опыта пользователя.
Юзабилити
Svetlana Tsikoza © 2008User Experience & Design Team2
Давайте знакомиться?
Svetlana Tsikoza © 2008User Experience & Design Team3
Кто я?
Светлана ЦикозаРуководитель отдела проектирования
пользовательского опыта
Svetlana Tsikoza © 2008User Experience & Design Team4
Разработка программного обеспечения – более 15 лет
Дизайн интерфейсов - более 12 лет
Исследования опыта пользователей – более 8 лет
Родительский опыт – 17 лет
Опыт вождения…велосипеда, фотографирования –
очень долго.
Svetlana Tsikoza © 2008User Experience & Design Team5
Кто вы?
Svetlana Tsikoza © 2008User Experience & Design Team6
Команда
Svetlana Tsikoza © 2008User Experience & Design Team7
ВАШИ ОЖИДАНИЯРАЗОЧАРОВАНИЯ
Svetlana Tsikoza © 2008User Experience & Design Team8
Что ждете услышать и
узнать?
Svetlana Tsikoza © 2008User Experience & Design Team9
О чем вы узнаете
Успешный продукт vs успешный проект
Зачем думать о пользователе
Что такое интерфейс
Что такое User Experience ( пользовательский опыт)
Посмотрим кино
Почувствуем разницу
Что такое юзабилити
Каковы основные этапы процесс проектирования, ориентированного на
пользователя
Svetlana Tsikoza © 2008User Experience & Design Team10
УСПЕХ?
Svetlana Tsikoza © 2008User Experience & Design Team11
деньги2Успешный проект
Время
качество
1
3успешный
проект
Svetlana Tsikoza © 2008User Experience & Design Team12
пользователи2Успешный продукт
бизнес
технологии
1
3успешный
продукт
Svetlana Tsikoza © 2008User Experience & Design Team13
Успешный проект
Успешный продукт
?=
Svetlana Tsikoza © 2008User Experience & Design Team14
Кувшин с обложки книги ДоналдаНормана «Дизайн обычных вещей»
Зачем проектировать опыт пользователя?
Возможный результат успешного проекта
Svetlana Tsikoza © 2008User Experience & Design Team15
Интерфейсы
Svetlana Tsikoza © 2008User Experience & Design Team16
Интерфейсы
Svetlana Tsikoza © 2008User Experience & Design Team17
User Experience
Svetlana Tsikoza © 2008User Experience & Design Team18
Посмотрим кино!
Интерфейс
User Experience
Svetlana Tsikoza © 2008User Experience & Design Team19
Посмотрим кино!
Интерфейс
User Experience
Svetlana Tsikoza © 2008User Experience & Design Team20
Посмотрим кино!
Интерфейс
User Experience
Svetlana Tsikoza © 2008User Experience & Design Team21
Процесс проектирования интерфейса очень похож на проектирование дома
Svetlana Tsikoza © 2008User Experience & Design Team22
Аналитик
• Цели бизнеса
• Аудитория
• Цели
пользователей
• Задачи
• Конкуренты
• Среда
• Средства
Svetlana Tsikoza © 2008User Experience & Design Team23
«Персона» пользователя
Svetlana Tsikoza © 2008User Experience & Design Team24
Архитектор
• Структура
• Понятия
• Взаимосвязи
• План
Svetlana Tsikoza © 2008User Experience & Design Team25
Информационная архитектура
Svetlana Tsikoza © 2008User Experience & Design Team26
Вариант 1 Вариант 2
РОСТ ПОКАЗАТЕЛЕЙ ЗА ПОСЛЕДНИЙ ГОД
В СВЯЗИ С ПОДДЕРЖКОЙ ГОСУДАРСТВА
ЗНАЧИТЕЛЬНО УВЕЛИЧИЛИСЬ
ПОКАЗАТЕЛИ НАДОЕВ НА
СРЕДНЕСТАТИСТИЧЕСКОЙ
ЗИМБАБВСКОЙ ФЕРМЕ НА ТРИДЦАТЬ
ЧЕТЫРЕ ПРОЦЕНТА ВОЗРОСЛА
ЖИРНОСТЬ МОЛОКА НА
ВОСЕМНАДЦАТЬ ПРОЦЕНТОВ
УВЕЛИЧИЛСЯ ОБЪЕМ НА ПЯТЬДЕСЯТ
СЕМЬ ПРОЦЕНТОВ УМЕНЬШИЛИСЬ
ЗАБОЛЕВАНИЯ СКОТА В РЕУЛЬТАТЕ
СТАЛА ВОЗМОЖНОЙ ПРОДАЖА МОЛОКА
И МОЛОЧНЫХ ПРОДУКТОВ В СОСЕДНИЕ,
МЕНЕЕ РАСТОРОПНЫЕ СТРАНЫ.
ПОЛНЫЙ ОТЧЕТ О НАДОЯХ И ПРИЧИНАХ,
ПРИВЕДШИХ К ТАКОМУ УСПЕХУ,
ЧИТАЙТЕ В ОТЧЕТЕ ЗА ДВЕ ТЫСЯЧИ
ДЕВЯТЫЙ ГОД
Рост показателейЗа последний год в связи с поддержкой
государства значительно увеличились
показатели надоев на
среднестатистической зимбабвской ферме:
На 34% возросла жирность молока
На 18% увеличился объем
На 57% уменьшились заболевания скота
В реультате стала возможной продажа
молока и молочных продуктов в
соседние, менее расторопные страны.
Полный отчет о надоях и причинах,
приведших к такому успеху, читайте в
отчете за 2009 год >>
Svetlana Tsikoza © 2008User Experience & Design Team27
Посмотрим кино!
Svetlana Tsikoza © 2008User Experience & Design Team28
Карточная сортировка
Svetlana Tsikoza © 2008User Experience & Design Team29
Проектировщик взаимодействия
• Элементы
• Расположение
• Поведение
• Действие
• Реакция
• Язык
Svetlana Tsikoza © 2008User Experience & Design Team30
Вайфреймы и прототипы
Svetlana Tsikoza © 2008User Experience & Design Team31
Визуальный дизайнер
• Цвет
• Форма
• Метафоры
• Представление
информации
Svetlana Tsikoza © 2008User Experience & Design Team32
Визуальный стиль
Svetlana Tsikoza © 2008User Experience & Design Team33
Юзабилити специалистТестирование с пользователями какой-либо
программы, сайта или их прототипа.
Svetlana Tsikoza © 2008User Experience & Design Team34
Зачем нужно юзабилититестирование?
Тестирование с 5 представителями целевой аудитории
позволяет найти до 90% юзабилити проблем*
* при условии правильной организации тестирования
Svetlana Tsikoza © 2008User Experience & Design Team35
Разработчик ПИ
• Готовый
продукт
• SEO
• Доступность
Svetlana Tsikoza © 2008User Experience & Design Team36
Готовый сайт
Svetlana Tsikoza © 2008User Experience & Design Team37
Модель опыта взаимодействия пользователя с продуктом
Back end
Особенности
/ функцииВзаимодействие Навигация Документация
Внешний вид и характер поведения
Информационная архитектура
Интерфейс пользователяТех.п
од
де
рж
ка
и с
ер
ви
сн
ые
сл
уж
бы
Пр
ои
звод
ите
льность
Pro
f. S
erv
ice
sU
pg
rad
es, w
ork
Установка приложения
User Experienceпользователь
взаимодействует
не видит
Svetlana Tsikoza © 2008User Experience & Design Team38
Юзабилити (англ. Usability)
1. Удобство
пользования
2. Набор методов
для достижения
удобства
Svetlana Tsikoza © 2008User Experience & Design Team39
ОКУПАЕМОСТЬ
Svetlana Tsikoza © 2008User Experience & Design Team40
Стоимость внесения изменений на разных стадиях проекта
Сбор требований Разработка Внедрение
-$
-$ стоимость
изменений
Svetlana Tsikoza © 2008User Experience & Design Team41
Количество возможных вариантов дизайна на разных стадиях проекта
Сбор требований Разработка Внедрение
кол-во возможных
вариантов дизайна
Svetlana Tsikoza © 2008User Experience & Design Team42
Окупаемость вложений в юзабилити
• Реклама: $1 - $5
• Юзабилити: $1 - $60
Источник: http://www.usabilityfirst.com
Svetlana Tsikoza © 2008User Experience & Design Team43
бизнес
1Увеличивает - улучшаетПродажиЭффективность работыВозврат инвестицийРанк в поисковых системах
УменьшаетОшибки пользователейЗатраты на обучениеИздержки на измененияИздержки на редизайн
Svetlana Tsikoza © 2008User Experience & Design Team44
пользователи2
УвеличиваетЭффективность
УменьшаетКоличество ошибокВремя на обучение
Svetlana Tsikoza © 2008User Experience & Design Team45
технологии3
IncreaseProductivity
DecreaseUI development timeNumber of UI mistakes and CRs
Svetlana Tsikoza © 2008User Experience & Design Team46
бизнес
пользователи
разработка
• ROI ($1 -> $5 - 100)
• Вероятность успеха
продукта/сервиса на рынке
• Эффективность работы
пользователей
• Продажи
• Ранк в поисковых системах
• Качество продукта
• Стоимость разработки
• Стоимость поддержки
• Риски
• Цену «раскрутки»
• Стоимость изменения
визуального стиля
• Стоимость обучения
персонала
• Удовлетворенность от
работы с
продуктом/сервисом
• Простота и удобство
использования
• Эффективность решения
задач
• Скорость обучения
• Количество ошибок
пользователя
• Время освоения продукта
• Качество проработки
требований к продукту
• Скорость разработки
• Качество тестирования
• Время разработки
• Количество изменений
требований к продукту
увеличивает,улучшает
уменьшает,снижает
Проектирование опыта пользователя
Svetlana Tsikoza © 2008User Experience & Design Team47
Проектируй для своего пользователя
Svetlana Tsikoza © 2008User Experience & Design Team48
Процесс ориентированный на пользователя
Svetlana Tsikoza © 2008User Experience & Design Team49
Жизнь после сдачи?
?projectRequirements gathering
planningInteraction design
Visual design of user interface
Interactive prototype
Usability testing
Functional prototypedevelopmenttesting
Svetlana Tsikoza © 2008User Experience & Design Team50
Пользователи
Поддержка
Маркетинг
Поисковые системы
Операторы колл центра
Рекламодатели
Дизайнеры
Разработчики
Владелец продукта
Svetlana Tsikoza © 2008User Experience & Design Team51
Смотрим шире
поддержкаРедакторы
маркетинг
рекламодатели
Дизайнеры
пользователиПоисковики
Svetlana Tsikoza © 2008User Experience & Design Team52
Проектируй для каждого…
…кто взаимодействует с продуктом
Svetlana Tsikoza © 2008User Experience & Design Team53
Процесс
Сбор
требований
Информационная
архитектура
Схемы экранов –
модель
взаимодействия
Интерактивный
прототип - схемы
Тестирование
юзабилити. 1й раунд
Визуальный дизайн
Интерактивный
прототип -
визуальный дизайн
Готовый
продукт
Тестирование
юзабилити. 2й раунд
Svetlana Tsikoza © 2008User Experience & Design Team54
Чем можем помочь
Аудит качества пользовательских интерфейсов (ПИ) («постановка
диагноза» и «врачебные рекомендации»)
Проектирование ПИ («строительство под ключ»)
Визуальный дизайн ПИ («одежда и аксессуары»)
Прототипирование и встраивание ПИ в приложение («монтажные
работы и наладка оборудования»)
Юзабилити консалтинг («полезные советы»)
...сервисы
Svetlana Tsikoza © 2008User Experience & Design Team55
DB projects
Svetlana Tsikoza © 2008User Experience & Design Team56
T-Mobile program
Svetlana Tsikoza © 2008User Experience & Design Team57
E-commerce web site redesign
Svetlana Tsikoza © 2008User Experience & Design Team58
Project management tool UI redesign
Svetlana Tsikoza © 2008User Experience & Design Team59
Project management tool UI redesign
Before redesign
Redesigned
Svetlana Tsikoza © 2008User Experience & Design Team60
Ссылки, литература• Общая информация
http://www.webmascon.com/topics/testing/14a.asp
• Инструменты
http://websort.net – сортировка карточек
http://axure.com – интерактивное прототипирование
http://balsamiq.com/demos/mockups/Mockups.html - прототипирование
• Книги
«Веб дизайн», не заставляйте меня думать, Стив Круг
«Об интерфейсе», Алан Купер
«Дизайн для НЕ-дизайнеров», Робин Вильямс
Якоб Нильсен – всѐ. http://www.webmascon.com/personas/nielsen.asp
• Стандарты юзабилити
ISO 9241. Part 110, ISO/TR 16982:2002,
CMMI (Capability Maturity Model Integration) for Developers v.1.3,
“Validation & Verification”
Svetlana Tsikoza © 2008User Experience & Design Team61
Спасибо за ваше время и внимание