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

Svetlana Tsikoza © 2008User Experience & Design Team1

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

Юзабилити


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


Кто я?

Светлана ЦикозаРуководитель отдела проектирования

пользовательского опыта


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

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

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

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

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

очень долго.


Кто вы?


Команда


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


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

узнать?


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

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

Зачем думать о пользователе

Что такое интерфейс

Что такое User Experience ( пользовательский опыт)

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

Почувствуем разницу

Что такое юзабилити

Каковы основные этапы процесс проектирования, ориентированного на

пользователя


УСПЕХ?


деньги2Успешный проект

Время

качество

1

3успешный

проект


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

бизнес

технологии

1

3успешный

продукт


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

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

?=


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

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

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


Интерфейсы


Интерфейсы


User Experience


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

Интерфейс

User Experience



Интерфейс

User Experience



Интерфейс

User Experience


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


Аналитик

• Цели бизнеса

• Аудитория

• Цели

пользователей

• Задачи

• Конкуренты

• Среда

• Средства


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


Архитектор

• Структура

• Понятия

• Взаимосвязи

• План


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


Вариант 1 Вариант 2

РОСТ ПОКАЗАТЕЛЕЙ ЗА ПОСЛЕДНИЙ ГОД

В СВЯЗИ С ПОДДЕРЖКОЙ ГОСУДАРСТВА

ЗНАЧИТЕЛЬНО УВЕЛИЧИЛИСЬ

ПОКАЗАТЕЛИ НАДОЕВ НА

СРЕДНЕСТАТИСТИЧЕСКОЙ

ЗИМБАБВСКОЙ ФЕРМЕ НА ТРИДЦАТЬ

ЧЕТЫРЕ ПРОЦЕНТА ВОЗРОСЛА

ЖИРНОСТЬ МОЛОКА НА

ВОСЕМНАДЦАТЬ ПРОЦЕНТОВ

УВЕЛИЧИЛСЯ ОБЪЕМ НА ПЯТЬДЕСЯТ

СЕМЬ ПРОЦЕНТОВ УМЕНЬШИЛИСЬ

ЗАБОЛЕВАНИЯ СКОТА В РЕУЛЬТАТЕ

СТАЛА ВОЗМОЖНОЙ ПРОДАЖА МОЛОКА

И МОЛОЧНЫХ ПРОДУКТОВ В СОСЕДНИЕ,

МЕНЕЕ РАСТОРОПНЫЕ СТРАНЫ.

ПОЛНЫЙ ОТЧЕТ О НАДОЯХ И ПРИЧИНАХ,

ПРИВЕДШИХ К ТАКОМУ УСПЕХУ,

ЧИТАЙТЕ В ОТЧЕТЕ ЗА ДВЕ ТЫСЯЧИ

ДЕВЯТЫЙ ГОД

Рост показателейЗа последний год в связи с поддержкой

государства значительно увеличились

показатели надоев на

среднестатистической зимбабвской ферме:

На 34% возросла жирность молока

На 18% увеличился объем

На 57% уменьшились заболевания скота

В реультате стала возможной продажа

молока и молочных продуктов в

соседние, менее расторопные страны.

Полный отчет о надоях и причинах,

приведших к такому успеху, читайте в

отчете за 2009 год >>




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


Проектировщик взаимодействия

• Элементы

• Расположение

• Поведение

• Действие

• Реакция

• Язык


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


Визуальный дизайнер

• Цвет

• Форма

• Метафоры

• Представление

информации


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


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

программы, сайта или их прототипа.


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

Тестирование с 5 представителями целевой аудитории

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

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


Разработчик ПИ

• Готовый

продукт

• SEO

• Доступность


Готовый сайт


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

Back end

Особенности

/ функцииВзаимодействие Навигация Документация

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

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

Интерфейс пользователяТех.п

од

де

рж

ка

и с

ер

ви

сн

ые

сл

уж

бы

Пр

ои

звод

ите

льность

Pro

f. S

erv

ice

sU

pg

rad

es, w

ork

Установка приложения

User Experienceпользователь

взаимодействует

не видит


Юзабилити (англ. Usability)

1. Удобство

пользования

2. Набор методов

для достижения

удобства


ОКУПАЕМОСТЬ


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

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

-$

-$ стоимость

изменений


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

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

кол-во возможных

вариантов дизайна


Окупаемость вложений в юзабилити

• Реклама: $1 - $5

• Юзабилити: $1 - $60

Источник: http://www.usabilityfirst.com

http://www.usabilityfirst.com/


бизнес

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

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


пользователи2

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

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


технологии3

IncreaseProductivity

DecreaseUI development timeNumber of UI mistakes and CRs


бизнес

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

разработка

• ROI ($1 -> $5 - 100)

• Вероятность успеха

продукта/сервиса на рынке

• Эффективность работы

пользователей

• Продажи

• Ранк в поисковых системах

• Качество продукта

• Стоимость разработки

• Стоимость поддержки

• Риски

• Цену «раскрутки»

• Стоимость изменения

визуального стиля

• Стоимость обучения

персонала

• Удовлетворенность от

работы с

продуктом/сервисом

• Простота и удобство

использования

• Эффективность решения

задач

• Скорость обучения

• Количество ошибок

пользователя

• Время освоения продукта

• Качество проработки

требований к продукту

• Скорость разработки

• Качество тестирования

• Время разработки

• Количество изменений

требований к продукту

увеличивает,улучшает

уменьшает,снижает

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


Проектируй для своего пользователя


Процесс ориентированный на пользователя


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

?projectRequirements gathering

planningInteraction design

Visual design of user interface

Interactive prototype

Usability testing

Functional prototypedevelopmenttesting


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

Поддержка

Маркетинг

Поисковые системы

Операторы колл центра

Рекламодатели

Дизайнеры

Разработчики

Владелец продукта


Смотрим шире

поддержкаРедакторы

маркетинг

рекламодатели

Дизайнеры

пользователиПоисковики


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

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


Процесс

Сбор

требований

Информационная

архитектура

Схемы экранов –

модель

взаимодействия

Интерактивный

прототип - схемы

Тестирование

юзабилити. 1й раунд

Визуальный дизайн

Интерактивный

прототип -

визуальный дизайн

Готовый

продукт

Тестирование

юзабилити. 2й раунд


Чем можем помочь

Аудит качества пользовательских интерфейсов (ПИ) («постановка

диагноза» и «врачебные рекомендации»)

Проектирование ПИ («строительство под ключ»)

Визуальный дизайн ПИ («одежда и аксессуары»)

Прототипирование и встраивание ПИ в приложение («монтажные

работы и наладка оборудования»)

Юзабилити консалтинг («полезные советы»)

...сервисы


DB projects


T-Mobile program


E-commerce web site redesign


Project management tool UI redesign


Project management tool UI redesign

Before redesign

Redesigned


Ссылки, литература• Общая информация

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”

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


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

Documents

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