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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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