как построить сайт для пользователей, а не для себя

User eXperience design

Определение

Юзабилити является степенью эффективности, продуктивности и удовлетворенности, с которой продукт может использоваться определёнными пользователямидля достижения определённых задач в определённом контексте.

ГОСТ ISO 9241-11

Кто такие UX-спецы?

- Не программисты: программисты подписывают у заказчика

непонятное ему ТЗ, выполняют работу, заказчик берется за голову,

программисты показывают ему подпись на ТЗ.

- Не дизайнеры: дизайнеры ориентируются на чувство вкуса, а не

измерения, торопятся «сделать красиво» вместо вникания в бизнес

клиента, дизайнеры не готовы обосновывать.

- Не маркетологи: маркетологи сфокусированы на привлечении, забывая про удержание, прячутся за общим, вместо фокусирования на конкретном, часто занимаются копированием конкурентов, вместо решения потребностей.

Айсберг Юзабилити:Из чего состоит работа по проектированию взаимодействия?

10% Внешний вид: макет, цвета, изображения.

30% Функциональность: меню, кнопки, управление.

60% Цели и задачи пользователя: действия, навигация, объекты и взаимодействие между ними, жизненный опыт, ожидания.

Как принято создавать веб-продукт?

Традиционный подход

ДИЗАЙН ПРОГРАММИРОВАНИЕ

1 2

Почему традиционный подход плох?

При создании любого продукта допускаются ошибки.

Традиционный подход в сотню раз повышает цену их исправления:

ЦЕНА ИСПРАВЛЕНИЯ ОШИБОК НА РАЗНЫХ ЭТАПАХ:

Стоимость исправления

ошибки минимальна

Как же правильно

создавать веб-продукт?

Как мы создаем веб-продукты?

Современный подход

ДИЗАЙН ПРОГРАММИРОВАНИЕ

2 3ПРОЕКТИРОВАНИЕ

1

Как же правильно создавать продукт?

Начинаем с цели и стратегии

Цель и стратегия

Все начинается с цели. Сначала мы решаем что хотим сделать, а

потом — как это можно реализовать.

• В процессе работы над проектом, мы узнаем много новых нюансов и

подробностей. Поэтому менять цель и стратегию — это нормально.

• На начальном уровне мы не увлекаемся деталями.

• Забываем про технические ограничения.

• Думаем о том, зачем пришел пользователь.

Цель и стратегия

Разрабатываем пользовательские сценарии. Как будут

развиваться события внутри нашего проекта?

• Думаем, как улучшить существующий у пользователя опыт решения проблемы?

• Выделяем самые жизнеспособные идеи. Эскизы, раскадровки.

• Выбираем решения, на которые будем опираться

Изучаем своего пользователя и его среду

Цель и стратегия

Изучаем путь пользователя

Цель и стратегия

Наблюдаем

Цель и стратегия

Как задумал дизайнер Как решили пользователи

Переводим наработки в прототипы

ВЫБОР ШАБЛОНОВ

СОЗДАНИЕ ШАБЛОНОВ

ОПИСАНИЕ ВЗАИМОДЕЙСТВИЯ

Переводим наработки в прототипы

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

от дизайна, элементов интерфейса и взаимодействия. Мы

вычисляем их и используем.

Переводим наработки в прототипы

Также мы знаем, как повысить доверие пользователей, привлечь

их внимание, подтолкнуть сделать первый шаг, а значит –

повысить конверсию.

К чему мы стремимся?

Результат работы программиста Результат работы UX-специалистов

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

пользователя с интерфейсом, чтобы эффективней погрузить его в

общение с предоставляемым сервисом.

Один мастер подбора тарифа

заменил 5 страниц с

описаниями деталей тарифов

Примеры прототипов

Примеры прототипов

Интерактивный прототип - http://projects.newstrategies.ua/UX/MSD/

Примеры прототипов

Интерактивный прототип - http://projects.newstrategies.ua/UX/Danone/

Примеры прототипов

Финальный этап – визуальный дизайн