Ярослав Бирзул Руководитель UXDepot О процессе работы в UXDepot на примере кейса iPogoda.ru Twitter: DezmASter Facebook: birzool Сайт: birzool.com Ярослав. - презентация

1 Ярослав Бирзул Руководитель UXDepot О процессе работы в UXDepot на примере кейса iPogoda.ru Twitter: DezmASter Facebook: birzool Сайт: birzool.com Ярослав Бирзул Руководитель UXDepot

2 Ярослав Бирзул Руководитель UXDepot О процессе работы в UXDepot на примере кейса iPogoda.ru Живой доклад, экспромтом :) Вопросы после доклада. Открыт для общения в кулуарах.

3 О процессе работы в UXDepot на примере кейса iPogoda.ru Рассказ о каждом этапе процесса: uxdepot.ru/process/ Плюсы и минусы нашего подхода. Реальный результат: ipogoda.ru Ярослав Бирзул Руководитель UXDepot

4 Этапы работы 1. Составляем портрет проекта. 2. Структурируем информацию. 3. Создаем прототип. 4. Рисуем дизайн. Ярослав Бирзул Руководитель UXDepot

5 Портрет проекта 2. Определяем цели создателей сайта. 3. Описываем целевую аудиторию. 4. Узнаем потребности пользователей. 5. Формируем список возможностей. 1. Проводим интервью с клиентом. Ярослав Бирзул Руководитель UXDepot

6 Портрет проекта Проводим интервью с клиентом. Ярослав Бирзул Руководитель UXDepot

7 Портрет проекта Определяем цели создателей сайта Ярослав Бирзул Руководитель UXDepot

8 Портрет проекта Описываем целевую аудиторию Ярослав Бирзул Руководитель UXDepot

9 Портрет проекта Узнаем потребности пользователей Ярослав Бирзул Руководитель UXDepot

10 Портрет проекта Формируем список возможностей Ярослав Бирзул Руководитель UXDepot

11 Портрет проекта: 10% Ярослав Бирзул Руководитель UXDepot 2 страницы убористого текста 10 исписанных листов бумаги 4 выпитых чашки чая 15 потраченных с пользой часов

12 Структуризация 2. Определяем проблематику Персонажей. 3. Составляем сценарии взаимодействия. 4. Описываем функциональность. 5. Структурируем взаимосвязи между страницами. 1. Создаем Персонажей для проекта. Ярослав Бирзул Руководитель UXDepot 6. Описываем все страницы.

13 Структуризация Создаем Персонажей для проекта Ярослав Бирзул Руководитель UXDepot

14 Структуризация Определяем проблемы Персонажей Ярослав Бирзул Руководитель UXDepot

15 Структуризация Составляем сценарии взаимодействия Ярослав Бирзул Руководитель UXDepot

16

17 Структуризация Описываем функциональность Ярослав Бирзул Руководитель UXDepot

18 Структуризация Структурируем взаимосвязи между страницами Ярослав Бирзул Руководитель UXDepot

19

20 Структуризация Описываем все страницы Ярослав Бирзул Руководитель UXDepot

21 Структуризация: 25% Ярослав Бирзул Руководитель UXDepot 20 страниц текста с изображениями 40 исписанных листов бумаги 4 приобретенных шизофринии 4 выпитых чашки чая 40 потраченных с пользой часов 40 стикеров для сценариев

22 Прототипирование 2. Определяем сетку и расстояния. 3. Создаем динамический прототип. 4. Тестируем прототип по сценариям. 5. Дорабатываем, еще тестируем и утверждаем. 1. Рисуем скетчи для каждой страницы. Ярослав Бирзул Руководитель UXDepot

23 Прототипирование Рисуем скетчи для каждой страницы Ярослав Бирзул Руководитель UXDepot

24

25 Прототипирование Определяем сетку и расстояния Ярослав Бирзул Руководитель UXDepot

26 Прототипирование Создаем динамический прототип Ярослав Бирзул Руководитель UXDepot

27

28 Прототипирование Тестируем прототип по сценариям Ярослав Бирзул Руководитель UXDepot

29 Прототипирование Дорабатываем и утверждаем Ярослав Бирзул Руководитель UXDepot

30

31 Прототипирование: 45% Ярослав Бирзул Руководитель UXDepot Съедены все печеньки в офисе 2 квадратных метра скетчей 200 матерных слов произнесено 40 выпитых чашек чая 80 потраченных с пользой часов 25 плиток шоколада съедено

32 Дизайн 2. Рисуем главную страницу. 3. Правим и утверждаем. 4. Создаем страницу со стилями. 5. Рисуем все страницы и окна. 1. Проводим подготовительную работу. Ярослав Бирзул Руководитель UXDepot

33 Дизайн Ярослав Бирзул Руководитель UXDepot Проводим подготовку к работе

34

35 Дизайн Ярослав Бирзул Руководитель UXDepot Рисуем главную страницу

36

37 Дизайн Ярослав Бирзул Руководитель UXDepot Правим и утверждаем

38

39 Дизайн Ярослав Бирзул Руководитель UXDepot Создаем страницу со стилями.

40

41 Дизайн Ярослав Бирзул Руководитель UXDepot Рисуем все страницы и окна

42

43 Дизайн: 20% Ярослав Бирзул Руководитель UXDepot 10 новых седых волос у Ярослава 80 элементов нарисовано 5 самолетиков сделано 10 выпитых чашек чая 35 потраченных с пользой часов И 2 кораблика тоже

44 ipogoda.ru Ярослав Бирзул Руководитель UXDepot

45 Недостатки такого подхода 2. Не все клиенты понимают смысл действий. 3. Порог вхождения в профессию выше. 4. Конфликты стилей участников. 5. Новичкам нужно больше времени для обучения. 1. Излишняя детализация. Ярослав Бирзул Руководитель UXDepot

46 Преимущества такого подхода 2. Четкость пошагового процесса. 3. Предсказуемость результатов. 4. Клиент не скучает. Мы тоже :) 5. Прогнозируемые сроки. 1. Скорость работы. Ярослав Бирзул Руководитель UXDepot 6. Гибкость и прочность результата.

47 Спасибо за внимание :) Ярослав Бирзул Руководитель UXDepot Twitter: DezmASter Facebook: birzool Сайт: birzool.com