Ярослав Бирзул Руководитель UXDepot О процессе работы в UXDepot на примере кейса iPogoda.ru Twitter: DezmASter Facebook: birzool Сайт: birzool.com Ярослав Бирзул Руководитель UXDepot www.uxdepot.r u
Ярослав БирзулРуководитель UXDepot
О процессе работы в UXDepot на примере кейса iPogoda.ru
Twitter: DezmASter
Facebook: birzool
Сайт: birzool.com
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Ярослав Бирзул
Руководитель UXDepot
О процессе работы в UXDepot на примере кейса iPogoda.ru
www.uxdepot.ru
Живой доклад, экспромтом :)
Вопросы после доклада.
Открыт для общения в кулуарах.
О процессе работы в UXDepot на примере кейса iPogoda.ru
Рассказ о каждом этапе процесса:uxdepot.ru/process/
Плюсы и минусы нашего подхода.Реальный результат:ipogoda.ru
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Этапы работы
1. Составляем портрет проекта.
2. Структурируем информацию.
3. Создаем прототип.
4. Рисуем дизайн.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Портрет проекта
2. Определяем цели создателей сайта.
3. Описываем целевую аудиторию.
4. Узнаем потребности пользователей.
5. Формируем список возможностей.
1. Проводим интервью с клиентом.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Портрет проекта
Проводим интервью с клиентом.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Портрет проекта
Определяем цели создателей сайта
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Портрет проекта
Описываем целевую аудиторию
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Портрет проекта
Узнаем потребности пользователей
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Портрет проекта
Формируем список возможностей
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Портрет проекта: 10%
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
2 страницы убористого текста
10 исписанных листов бумаги
4 выпитых чашки чая
15 потраченных с пользой часов
Структуризация
2. Определяем проблематику Персонажей.
3. Составляем сценарии взаимодействия.
4. Описываем функциональность.
5. Структурируем взаимосвязи между страницами.
1. Создаем Персонажей для проекта.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
6. Описываем все страницы.
Структуризация
Создаем Персонажей для проекта
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Структуризация
Определяем проблемы Персонажей
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Структуризация
Составляем сценарии взаимодействия
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Структуризация
Описываем функциональность
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Структуризация
Структурируем взаимосвязи между страницами
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Структуризация
Описываем все страницы
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Структуризация: 25%
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
20 страниц текста с изображениями
40 исписанных листов бумаги
4 приобретенных шизофринии
4 выпитых чашки чая
40 потраченных с пользой часов
40 стикеров для сценариев
Прототипирование
2. Определяем сетку и расстояния.
3. Создаем динамический прототип.
4. Тестируем прототип по сценариям.
5. Дорабатываем, еще тестируем и утверждаем.
1. Рисуем скетчи для каждой страницы.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Прототипирование
Рисуем скетчи для каждой страницы
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Прототипирование
Определяем сетку и расстояния
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Прототипирование
Создаем динамический прототип
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Прототипирование
Тестируем прототип по сценариям
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Прототипирование
Дорабатываем и утверждаем
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Прототипирование: 45%
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Съедены все печеньки в офисе
2 квадратных метра скетчей
200 матерных слов произнесено
40 выпитых чашек чая
80 потраченных с пользой часов
25 плиток шоколада съедено
Дизайн
2. Рисуем главную страницу.
3. Правим и утверждаем.
4. Создаем страницу со стилями.
5. Рисуем все страницы и окна.
1. Проводим подготовительную работу.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Дизайн
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Проводим подготовку к работе
Дизайн
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Рисуем главную страницу
Дизайн
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Правим и утверждаем
Дизайн
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Создаем страницу со стилями.
Дизайн
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Рисуем все страницы и окна
Дизайн: 20%
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
10 новых седых волос у Ярослава
80 элементов нарисовано
5 самолетиков сделано
10 выпитых чашек чая
35 потраченных с пользой часов
И 2 кораблика тоже
ipogoda.ru
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Недостатки такого подхода
2. Не все клиенты понимают смысл действий.
3. Порог вхождения в профессию выше.
4. Конфликты стилей участников.
5. Новичкам нужно больше времени для обучения.
1. Излишняя детализация.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
Преимущества такого подхода
2. Четкость пошагового процесса.
3. Предсказуемость результатов.
4. Клиент не скучает. Мы тоже :)
5. Прогнозируемые сроки.
1. Скорость работы.
Ярослав Бирзул
Руководитель UXDepotwww.uxdepot.r
u
6. Гибкость и прочность результата.
Спасибо за внимание :)
www.uxdepot.ru
Ярослав БирзулРуководитель UXDepot
Twitter: DezmASter
Facebook: birzool
Сайт: birzool.com