как построить сайт для пользователей, а не для себя
User eXperience design
Определение
Юзабилити является степенью эффективности,
продуктивности и удовлетворенности, с которой
продукт может использ...
Кто такие UX-спецы?
- Не программисты: программисты подписывают у заказчика
непонятное ему ТЗ, выполняют работу, заказчик ...
Айсберг Юзабилити:
Из чего состоит работа по проектированию взаимодействия?
10% Внешний вид: макет, цвета,
изображения.
30...
Как принято создавать веб-продукт?
Традиционный подход
ДИЗАЙН ПРОГРАММИРОВАНИЕ
1 2
Почему традиционный подход
плох?
При создании любого продукта допускаются ошибки.
Традиционный подход в сотню раз повышает...
Как же правильно
создавать веб-
продукт?
Как мы создаем веб-
продукты?
Современный подход
ДИЗАЙН ПРОГРАММИРОВАНИЕ
2 3
ПРОЕКТИРОВАНИЕ
1
Как же правильно создавать продукт?
Начинаем с цели и стратегии
Цель и стратегия
Все начинается с цели. Сначала мы решаем что хотим
сделать, а потом — как это можно реализовать.
• В проц...
Цель и стратегия
Разрабатываем пользовательские сценарии. Как будут
развиваться события внутри нашего проекта?
• Думаем, к...
Изучаем своего пользователя и его среду
Цель и стратегия
Изучаем путь пользователя
Цель и стратегия
Наблюдаем
Цель и стратегия
Как задумал дизайнер Как решили пользователи
Переводим наработки в
прототипы
ВЫБОР
ШАБЛОНОВ
СОЗДАНИЕ
ШАБЛОНОВ
ОПИСАНИЕ
ВЗАИМОДЕЙСТВИЯ
Переводим наработки в
прототипы
Пользователи всегда имеют устоявшиеся привычки и
ожидания от дизайна, элементов интерфейса...
Переводим наработки в
прототипы
Также мы знаем, как повысить доверие пользователей,
привлечь их внимание, подтолкнуть сдел...
К чему мы стремимся?
Результат работы программиста Результат работы UX-специалистов
Стараемся максимально сократить и упро...
Один мастер подбора
тарифа заменил 5 страниц с
описаниями деталей
тарифов
Примеры прототипов
Примеры прототипов
Интерактивный прототип - http://projects.newstrategies.ua/UX/MSD/
Примеры прототипов
Интерактивный прототип - http://projects.newstrategies.ua/UX/Danone/
Примеры прототипов
Финальный этап – визуальный
дизайн
User eXperience design - как построить сайт для пользователей, а не для себя
Upcoming SlideShare
Loading in …5
×

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

855 views

Published on

Published in: Internet
  • Be the first to comment

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

  1. 1. как построить сайт для пользователей, а не для себя User eXperience design
  2. 2. Определение Юзабилити является степенью эффективности, продуктивности и удовлетворенности, с которой продукт может использоваться определѐнными пользователями для достижения определѐнных задач в определѐнном контексте. ГОСТ ISO 9241-11
  3. 3. Кто такие UX-спецы? - Не программисты: программисты подписывают у заказчика непонятное ему ТЗ, выполняют работу, заказчик берется за голову, программисты показывают ему подпись на ТЗ. - Не дизайнеры: дизайнеры ориентируются на чувство вкуса, а не измерения, торопятся «сделать красиво» вместо вникания в бизнес клиента, дизайнеры не готовы обосновывать. - Не маркетологи: маркетологи сфокусированы на привлечении, забывая про удержание, прячутся за общим, вместо фокусирования на конкретном, часто занимаются копированием конкурентов, вместо решения потребностей.
  4. 4. Айсберг Юзабилити: Из чего состоит работа по проектированию взаимодействия? 10% Внешний вид: макет, цвета, изображения. 30% Функциональность: меню, кнопки, управление. 60% Цели и задачи пользователя: действия, навигация, объекты и взаимодействие между ними, жизненный опыт, ожидания.
  5. 5. Как принято создавать веб-продукт? Традиционный подход ДИЗАЙН ПРОГРАММИРОВАНИЕ 1 2
  6. 6. Почему традиционный подход плох? При создании любого продукта допускаются ошибки. Традиционный подход в сотню раз повышает цену их исправления: ЦЕНА ИСПРАВЛЕНИЯ ОШИБОК НА РАЗНЫХ ЭТАПАХ: Стоимость исправления ошибки минимальна
  7. 7. Как же правильно создавать веб- продукт?
  8. 8. Как мы создаем веб- продукты? Современный подход ДИЗАЙН ПРОГРАММИРОВАНИЕ 2 3 ПРОЕКТИРОВАНИЕ 1
  9. 9. Как же правильно создавать продукт? Начинаем с цели и стратегии
  10. 10. Цель и стратегия Все начинается с цели. Сначала мы решаем что хотим сделать, а потом — как это можно реализовать. • В процессе работы над проектом, мы узнаем много новых нюансов и подробностей. Поэтому менять цель и стратегию — это нормально. • На начальном уровне мы не увлекаемся деталями. • Забываем про технические ограничения. • Думаем о том, зачем пришел пользователь.
  11. 11. Цель и стратегия Разрабатываем пользовательские сценарии. Как будут развиваться события внутри нашего проекта? • Думаем, как улучшить существующий у пользователя опыт решения проблемы? • Выделяем самые жизнеспособные идеи. Эскизы, раскадровки. • Выбираем решения, на которые будем опираться
  12. 12. Изучаем своего пользователя и его среду Цель и стратегия
  13. 13. Изучаем путь пользователя Цель и стратегия
  14. 14. Наблюдаем Цель и стратегия Как задумал дизайнер Как решили пользователи
  15. 15. Переводим наработки в прототипы ВЫБОР ШАБЛОНОВ СОЗДАНИЕ ШАБЛОНОВ ОПИСАНИЕ ВЗАИМОДЕЙСТВИЯ
  16. 16. Переводим наработки в прототипы Пользователи всегда имеют устоявшиеся привычки и ожидания от дизайна, элементов интерфейса и взаимодействия. Мы вычисляем их и используем.
  17. 17. Переводим наработки в прототипы Также мы знаем, как повысить доверие пользователей, привлечь их внимание, подтолкнуть сделать первый шаг, а значит – повысить конверсию.
  18. 18. К чему мы стремимся? Результат работы программиста Результат работы UX-специалистов Стараемся максимально сократить и упростить взаимодействие пользователя с интерфейсом, чтобы эффективней погрузить его в общение с предоставляемым сервисом.
  19. 19. Один мастер подбора тарифа заменил 5 страниц с описаниями деталей тарифов Примеры прототипов
  20. 20. Примеры прототипов Интерактивный прототип - http://projects.newstrategies.ua/UX/MSD/
  21. 21. Примеры прототипов Интерактивный прототип - http://projects.newstrategies.ua/UX/Danone/
  22. 22. Примеры прототипов
  23. 23. Финальный этап – визуальный дизайн

×