'

О процессе работы в UXDepot на примере кейса iPogoda.ru

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

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


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

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


Слайд 14

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


Слайд 15


Слайд 16

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


Слайд 17

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


Слайд 18


Слайд 19

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


Слайд 20

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


Слайд 21

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


Слайд 22

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


Слайд 23


Слайд 24

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


Слайд 25

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


Слайд 26


Слайд 27

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


Слайд 28

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


Слайд 29


Слайд 30

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


Слайд 31

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


Слайд 32

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


Слайд 33


Слайд 34

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


Слайд 35


Слайд 36

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


Слайд 37


Слайд 38

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


Слайд 39


Слайд 40

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


Слайд 41


Слайд 42

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


Слайд 43

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


Слайд 44

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


Слайд 45

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


Слайд 46

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


×

HTML:





Ссылка: