Базовые знания о дизайне и дизайн-процессе.

1. ПРО ДИЗАЙН
ДЛЯ НЕ ДИЗАЙНЕРОВ

2. ДАВАЙТЕ ПОЗНАКОМИМСЯ
Меня зовут Иста
Я UX-специалист
Проектирую интерфейсы
обучаю новых специалистов,
пишу статьи
более 3-х лет в процессе
1

3. О ЧЕМ БУДЕМ ГОВОРИТЬ
• Вводные в терминологию: дизайн, usability, ux
• В чем разница между UI и UX дизайнерами
• Как создается дизайн
• Как выбрать UX-дизайнера
• Как внедрить дизайн-процесс в своей компании
2

4. ЧТО ТАКОЕ ДИЗАЙН
Дизайн — это
решение задач
Например:
часы — решают задачу учета времени
коворкинг — решает задачу организации рабочего места
интернет магазин — решает задачу удаленной покупки
3

5. ЧТО ТАКОЕ ДИЗАЙН
Дизайн — это
итеративный процесс
Улучшить можно все
Невозможно с первого раза создать идеальный дизайн
Меняются технологии, меняется опыт, меняются бизнес-процессы
4

6. ЧТО ТАКОЕ ДИЗАЙН
Дизайн — это
не творчество и
не креатив
Никакого художества
Чем больше свободы для придумок, тем меньше шансов получить
хороший результат
5

7. ЧТО ТАКОЕ ДИЗАЙН
Дизайн— это деятельность, направленная на улучшение
потребительских/продающих свойств артефакта,
превышающее себестоимость и трудозатраты этого
улучшения.
Влад Головач
сооснователь, совладелец и худрук Usethics
6

8. ЧТО ТАКОЕ USABILITY
Usability — cтепень эффективности и
удовлетворенности при выполнении определенных
задач, определенными людьми, в определенных
условиях
Например
Насколько быстро и легко пользователь смог найти адрес ресторана,
используя телефон с медленным интернетом, будучи в дороге на встречу,
в 8:00 утра.
7

9. В чем разница между UI и UX дизайнерами
UX/Usability — проектирует
делает умно
Результат: прототип
UI — рисует
делает красиво
Результат: дизайн-макеты
8

10. Кто такой UX-дизайнер
UX дизайнер это НЕ тот человек, который всегда
знает, как надо.
UX дизайнер это человек, который
знает как узнать, как надо, используя веб аналитику,
методики исследований и методики для принятия
решений
9

11. Как работают UX-дизайнеры
UX-дизайнеры работают как стоматологи:
● диагностика
● расспросы про лекарства и аллергии
● лечение
● реабилитация
● осмотр раз в пол года
10

12. Как делать дизайн
По методологии:
● Human
● Centered
● Design
11

13. HUMAN CENTERED DESIGN
12

14. HUMAN CENTERED DESIGN
13

15. HUMAN CENTERED DESIGN
1.Проблема или идея
Определите проблему или идею и соотнесите ее
с концепцией вашего проекта
Например
Сайт ресторана — афиша (проблема: выбор места для веселого времяпровождения)
Приложение таскменеджер — личный помощник (идея экономия времени)
14

16. HUMAN CENTERED DESIGN
1.Проблема или идея
Определите показатели эффективности
В каком случае вы будете считать ваш проект
успешным
Например
Сайт — ресторана. Показатель: кол-во забронированных столиков в день.
Радио-передача — новостной информатор. Показатель: кол-во слушателей которые,
остаются или присоединяются к эфиру во время передачи.
15

17. HUMAN CENTERED DESIGN
2. Целевая аудитория
Определите для кого именно ваш ресурс
Сегменты, роли, характеристики
Например
Сайт — полки магазина. Те, кто покупают оптом / один товар.
Сайт ресторана — афиша. из Киева / регионов, новые / вернувшиеся, деловые встречи /
вечеринки / обеды.
16

18. HUMAN CENTERED DESIGN
17

19. HUMAN CENTERED DESIGN
3. Контекст
использования
Смоделируйте ситуации, в которых продукт
будет использован
Юзкейсы: кто, какая задача, в какой ситуации
Сценарии: шаг, потребности, негатив, призывы к действию
18

20. HUMAN CENTERED DESIGN
3. Контекст
использования
Пример юзкейса:
Бронирование столика
Кто: Иван, видео-блогер
Задача: забронировать столик
В каком контексте: пойдет с коллегами отмечать новогодние праздники (не новогоднюю
ночь), готов потратить 500 грн за вечер, нужно чтобы было уютно, все сидели на
диванчиках, на 6 человек
19

21. HUMAN CENTERED DESIGN
3. Контекст
использования
Пример сценария:
Забронировать стол
шаг: знакомство с рестораном
потребности: понять, что тут можно забронировать стол, на 6-х, со средним чеком 500
грн, чтоб не на проходе, с диванчиками, в центре.
негатив: не понял можно ли забронировать стол, нет на счету
призыв к действию: “забронировать стол”
мера эффективности: стол был забронирован за 4 минуты после входа на сайт
20

22. HUMAN CENTERED DESIGN
21

23. HUMAN CENTERED DESIGN
4. Дизайн решение
Выразите сценарии и юзкейсы в
графическом виде
Решения должны:
соответствовать потребностям пользователей,
устранять негативные моменты и
вести по пути сценария
быть измеримыми
согласованы с веб-аналитикой
22

24. HUMAN CENTERED DESIGN
4. Дизайн решение
Сформируйте призывы к действию
(СTA)
Хорошие призывы:
Ведут по пути сценария
Призывают к конкретному действию
Первое, что заметно на экране
Расположены в контентной области сайта
1 основной призыв на страницу
23

25. HUMAN CENTERED DESIGN
4. Дизайн решение
Проверка призывов к действию
Протестируйте
Ожидает, что произойдет…
Желает, чтобы произошло…
На самом деле произойдет…
Например, кнопка “забронировать”:
Ожидает: что нужно еще будет потом на всякий случай перезвонить и подтвердить.
Желает: быть уверенным, что бронь совершена успешно.
24

26. HUMAN CENTERED DESIGN
4. Дизайн решение
Проверка решений
Потребности: найти подходящий столик. Решение: карта столиков в ресторане, средний
чек.
Негатив: нет телефона. Решение: онлайн форма
Призыв к действию: забронировать. Решение: Кнопка / ссылка (UX ожидает, желает,
получает)
Мера эффективности: забронированный стол в течение 4-х минут
25

27. HUMAN CENTERED DESIGN
4. Дизайн решение
Проверка на реальность
Хороший дизайн:
Имеет измеримые цели и задачи
Соответствует техническим возможностям
Может быть выполнен в разумные сроки
Соответствует бюджету
Учитывает человеческий ресурс
26

28. HUMAN CENTERED DESIGN
5. Тестирование
Протестируйте прототипы
Попросите представителя целевой аудитории решить определенную задачу с помощью
вашего интерфейса.
Примеры задач:
забронировать стол
найти дорогу
посчитать стоимость ужина
27

29. HUMAN CENTERED DESIGN
4. Дизайн решение
Внесите изменения по результатам
тестирования
Не переживайте из за того, что ваше решение не идеально.
Совершенствовать и улучшать можно до бесконечности.
28

30. HUMAN CENTERED DESIGN
5. Тестирование
Проанализируйте ваши решения
после внедрения
Соберите значения показателей эффективности после внедрения дизайн решений
29

31. Мифы о дизайне и проектировании
● Дизайн-процесс это слишком сложно
● Если не пройти процесс идеально, толку не будет
● Дизайн-процесс это долго и дорого
30

32. Как нанять UX-дизайнера и не облажаться
2 вопроса для UX-дизайнера:
● каким образом будешь решать задачу или по какому процессу работаешь
● как оцениваешь результаты своей работы
Что важно:
● Желание исследовать и мерять результат важнее опыта работы
Как проверить:
● Портфолио: попросите обьяснить в чем суть задачи и как ее решал
● Тестовое: простите вашему юиксеру не знание предметной области,
оценивайте процесс
31

33. Как внедрить дизайн-процесс в своей
компании
Организуйте его самостоятельно.
Наработайте свой, уникальный опыт.
Наймите UX-специалиста, который будет приходить в офис и работать вместе с вами
над вашими задачами.
Не стоит тратить много времени на изучение теории.
Не изучайте теорию без практики.
32

34. О чем сегодня говорили
Дизайн — решение задач
UX-дизайнеры для эффективности, UI-дизайнеры для красоты
Методология создания HCD
1. Проблема или идея
2. Целевая аудитория
3. Контекст использования
4. Дизайн решение
5. Тестирование
Дизайн-процесс для снижения рисков трат ресурсов на переделки
Определяйте показатели эффективности и замеряйте результат
33

35. Давайте дружить тут:
fb.com/ista.che
Задавайте вопросы