1.usability

Проектирование опыта
пользователя.
Юзабилити

1 User Experience & Design Team Svetlana Tsikoza © 2008

Давайте
знакомиться?


Кто я?
Светлана Цикоза
Руководитель отдела проектирования
пользовательского опыта


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

Дизайн интерфейсов - более 12 лет

Исследования опыта пользователей – более 8 лет

Родительский опыт – 17 лет

Опыт вождения…велосипеда, фотографирования –

очень долго.


Кто вы?


Команда


ВАШИ ОЖИДАНИЯ РАЗОЧАРОВАНИЯ


Что ждете услышать и
узнать?


О чем вы узнаете

 Успешный продукт vs успешный проект
 Зачем думать о пользователе
 Что такое интерфейс
 Что такое User Experience ( пользовательский опыт)
 Посмотрим кино
 Почувствуем разницу
 Что такое юзабилити
 Каковы основные этапы процесс проектирования, ориентированного на
пользователя


УСПЕХ?


Успешный проект

2 деньги
1 Время

успешный
проект
3 качество


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

1 бизнес

успешный
продукт
3 технологии

?
Успешный Успешный
проект = продукт


Зачем проектировать
опыт пользователя?

Возможный результат
успешного проекта

Кувшин с обложки
книги Доналда
Нормана «Дизайн
обычных вещей»


Интерфейсы


User Experience


Посмотрим кино!

Интерфейс

User Experience



Интерфейс

User Experience


Процесс проектирования
интерфейса очень похож на
проектирование дома


Аналитик
• Цели бизнеса
• Аудитория
• Цели
пользователей
• Задачи
• Конкуренты
• Среда
• Средства


«Персона» пользователя


Архитектор
• Структура
• Понятия
• Взаимосвязи
• План


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


Вариант 1 Вариант 2
РОСТ ПОКАЗАТЕЛЕЙ ЗА ПОСЛЕДНИЙ ГОД
В СВЯЗИ С ПОДДЕРЖКОЙ ГОСУДАРСТВА
Рост показателей
ЗНАЧИТЕЛЬНО УВЕЛИЧИЛИСЬ За последний год в связи с поддержкой
ПОКАЗАТЕЛИ НАДОЕВ НА государства значительно увеличились
СРЕДНЕСТАТИСТИЧЕСКОЙ показатели надоев на
ЗИМБАБВСКОЙ ФЕРМЕ НА ТРИДЦАТЬ среднестатистической зимбабвской ферме:
ЧЕТЫРЕ ПРОЦЕНТА ВОЗРОСЛА
ЖИРНОСТЬ МОЛОКА НА  На 34% возросла жирность молока
ВОСЕМНАДЦАТЬ ПРОЦЕНТОВ
 На 18% увеличился объем
УВЕЛИЧИЛСЯ ОБЪЕМ НА ПЯТЬДЕСЯТ
СЕМЬ ПРОЦЕНТОВ УМЕНЬШИЛИСЬ  На 57% уменьшились заболевания скота
ЗАБОЛЕВАНИЯ СКОТА В РЕУЛЬТАТЕ
СТАЛА ВОЗМОЖНОЙ ПРОДАЖА МОЛОКА В реультате стала возможной продажа
И МОЛОЧНЫХ ПРОДУКТОВ В СОСЕДНИЕ, молока и молочных продуктов в
МЕНЕЕ РАСТОРОПНЫЕ СТРАНЫ. соседние, менее расторопные страны.
ПОЛНЫЙ ОТЧЕТ О НАДОЯХ И ПРИЧИНАХ, Полный отчет о надоях и причинах,
ПРИВЕДШИХ К ТАКОМУ УСПЕХУ, приведших к такому успеху, читайте в
ЧИТАЙТЕ В ОТЧЕТЕ ЗА ДВЕ ТЫСЯЧИ отчете за 2009 год >>
ДЕВЯТЫЙ ГОД


Карточная сортировка


Проектировщик
взаимодействия
• Элементы
• Расположение
• Поведение
• Действие
• Реакция
• Язык


Вайфреймы и прототипы


Визуальный дизайнер
• Цвет
• Форма
• Метафоры
• Представление
информации


Визуальный стиль


Юзабилити специалист
Тестирование с пользователями какой-либо
программы, сайта или их прототипа.


Зачем нужно юзабилити
тестирование?

Тестирование с 5 представителями
целевой аудитории
позволяет найти до 90%
юзабилити проблем*

* при условии правильной организации тестирования


Разработчик ПИ
• Готовый
продукт
• SEO
• Доступность


Готовый сайт


Модель опыта взаимодействия
пользователя с продуктом
пользователь User Experience
Установка приложения

и сервисные службы
взаимодействует
Тех.поддержка Интерфейс пользователя

Prof. Services
Внешний вид и характер поведения

Особенности
Взаимодействие Навигация Документация
/ функции
Производительность

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

Upgrades, work
Back end
не видит


Юзабилити (англ. Usability)
1. Удобство 2. Набор методов
пользования для достижения
удобства


ОКУПАЕМОСТЬ


Стоимость внесения изменений на
разных стадиях проекта
-$ стоимость
изменений

-$

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


Количество возможных вариантов
дизайна на разных стадиях проекта

кол-во возможных
вариантов дизайна

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


Окупаемость вложений в
юзабилити
• Реклама: $1 - $5

• Юзабилити: $1 - $60
Источник: http://www.usabilityfirst.com


1Уменьшает
бизнес

Ошибки пользователей
Затраты на обучение
Издержки на изменения
Издержки на редизайн

Увеличивает - улучшает
Продажи
Эффективность работы
Возврат инвестиций
Ранк в поисковых системах


2 пользователи
Уменьшает
Количество ошибок
Время на обучение

Увеличивает
Эффективность


3 технологии

Decrease
UI development time
Number of UI mistakes and CRs

Increase
Productivity


Проектирование опыта пользователя
увеличивает, уменьшает,
улучшает снижает

• ROI ($1 -> $5 - 100) • Стоимость разработки
• Вероятность успеха • Стоимость поддержки
продукта/сервиса на рынке • Риски
• Эффективность работы • Цену «раскрутки»
пользователей • Стоимость изменения
бизнес • Продажи
• Ранк в поисковых системах
визуального стиля
• Стоимость обучения
• Качество продукта персонала

• Удовлетворенность от • Количество ошибок
работы с пользователя
продуктом/сервисом • Время освоения продукта
• Простота и удобство

пользователи
использования
• Эффективность решения
задач
• Скорость обучения

• Качество проработки • Время разработки
требований к продукту • Количество изменений
• Скорость разработки требований к продукту
• Качество тестирования
разработка


Проектируй для своего


Процесс ориентированный на


Жизнь после сдачи?

Interaction design
Usability testing developmenttesting
planning Visual design of user interface
Requirements gathering Interactive prototype Functional prototype

project
?

Пользоват
ели

Маркетинг

Поисковые
Поддержка
системы

Рекламода Разработч
тели ики

Оператор
Дизайнеры Владелец
ы колл
продукта
центра


Смотрим шире

пользователи
рекламодатели
Редакторы
поддержка Дизайнеры
маркетинг
Поисковики


Проектируй для каждого…

…кто взаимодействует
с продуктом


Процесс Тестирование Тестирование
юзабилити. 1й раунд юзабилити. 2й раунд

Информационная Готовый
архитектура продукт

Сбор Схемы экранов –
требований модель Визуальный дизайн
взаимодействия

Интерактивный Интерактивный
прототип - схемы прототип -
визуальный дизайн


Чем можем помочь
 Аудит качества пользовательских интерфейсов (ПИ) («постановка
диагноза» и «врачебные рекомендации»)
 Проектирование ПИ («строительство под ключ»)
 Визуальный дизайн ПИ («одежда и аксессуары»)
 Прототипирование и встраивание ПИ в приложение («монтажные
работы и наладка оборудования»)
 Юзабилити консалтинг («полезные советы»)

...сервисы

DB projects


T-Mobile program


E-commerce web site redesign


Project management tool UI redesign


Project management tool UI redesign

Redesigned

Before redesign


Ссылки, литература
• Общая информация
 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”


Спасибо за ваше время и
внимание 


1.usability

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (17)

Similar to 1.usability

Similar to 1.usability (20)

More from St. Petersburg Foundation for SME Development

More from St. Petersburg Foundation for SME Development (20)

1.usability