Доклад «О процессе работы в uxdepot на примере кейса...

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

Upload: -

Post on 28-Nov-2014

946 views

Category:

Design


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

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

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

Twitter: DezmASter

Facebook: birzool

Сайт: birzool.com

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 2: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Ярослав Бирзул

Руководитель UXDepot

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

www.uxdepot.ru

Живой доклад, экспромтом :)

Вопросы после доклада.

Открыт для общения в кулуарах.

Page 3: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

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

Рассказ о каждом этапе процесса:uxdepot.ru/process/

Плюсы и минусы нашего подхода.Реальный результат:ipogoda.ru

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 4: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Этапы работы

1. Составляем портрет проекта.

2. Структурируем информацию.

3. Создаем прототип.

4. Рисуем дизайн.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 5: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Портрет проекта

2. Определяем цели создателей сайта.

3. Описываем целевую аудиторию.

4. Узнаем потребности пользователей.

5. Формируем список возможностей.

1. Проводим интервью с клиентом.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 6: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Портрет проекта

Проводим интервью с клиентом.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 7: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Портрет проекта

Определяем цели создателей сайта

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 8: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Портрет проекта

Описываем целевую аудиторию

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 9: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Портрет проекта

Узнаем потребности пользователей

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 10: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Портрет проекта

Формируем список возможностей

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 11: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Портрет проекта: 10%

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

2 страницы убористого текста

10 исписанных листов бумаги

4 выпитых чашки чая

15 потраченных с пользой часов

Page 12: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация

2. Определяем проблематику Персонажей.

3. Составляем сценарии взаимодействия.

4. Описываем функциональность.

5. Структурируем взаимосвязи между страницами.

1. Создаем Персонажей для проекта.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

6. Описываем все страницы.

Page 13: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация

Создаем Персонажей для проекта

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 14: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация

Определяем проблемы Персонажей

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 15: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация

Составляем сценарии взаимодействия

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 16: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 17: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация

Описываем функциональность

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 18: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация

Структурируем взаимосвязи между страницами

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 19: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 20: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация

Описываем все страницы

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 21: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Структуризация: 25%

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

20 страниц текста с изображениями

40 исписанных листов бумаги

4 приобретенных шизофринии

4 выпитых чашки чая

40 потраченных с пользой часов

40 стикеров для сценариев

Page 22: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Прототипирование

2. Определяем сетку и расстояния.

3. Создаем динамический прототип.

4. Тестируем прототип по сценариям.

5. Дорабатываем, еще тестируем и утверждаем.

1. Рисуем скетчи для каждой страницы.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 23: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Прототипирование

Рисуем скетчи для каждой страницы

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 24: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 25: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Прототипирование

Определяем сетку и расстояния

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 26: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Прототипирование

Создаем динамический прототип

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 27: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 28: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Прототипирование

Тестируем прототип по сценариям

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 29: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Прототипирование

Дорабатываем и утверждаем

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 30: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 31: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Прототипирование: 45%

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Съедены все печеньки в офисе

2 квадратных метра скетчей

200 матерных слов произнесено

40 выпитых чашек чая

80 потраченных с пользой часов

25 плиток шоколада съедено

Page 32: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Дизайн

2. Рисуем главную страницу.

3. Правим и утверждаем.

4. Создаем страницу со стилями.

5. Рисуем все страницы и окна.

1. Проводим подготовительную работу.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 33: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Дизайн

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Проводим подготовку к работе

Page 34: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 35: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Дизайн

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Рисуем главную страницу

Page 36: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 37: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Дизайн

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Правим и утверждаем

Page 38: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 39: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Дизайн

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Создаем страницу со стилями.

Page 40: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 41: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Дизайн

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Рисуем все страницы и окна

Page 42: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»
Page 43: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Дизайн: 20%

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

10 новых седых волос у Ярослава

80 элементов нарисовано

5 самолетиков сделано

10 выпитых чашек чая

35 потраченных с пользой часов

И 2 кораблика тоже

Page 44: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

ipogoda.ru

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 45: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Недостатки такого подхода

2. Не все клиенты понимают смысл действий.

3. Порог вхождения в профессию выше.

4. Конфликты стилей участников.

5. Новичкам нужно больше времени для обучения.

1. Излишняя детализация.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

Page 46: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Преимущества такого подхода

2. Четкость пошагового процесса.

3. Предсказуемость результатов.

4. Клиент не скучает. Мы тоже :)

5. Прогнозируемые сроки.

1. Скорость работы.

Ярослав Бирзул

Руководитель UXDepotwww.uxdepot.r

u

6. Гибкость и прочность результата.

Page 47: Доклад «О процессе работы в UXDepot на примере кейса ipogoda.ru»

Спасибо за внимание :)

www.uxdepot.ru

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

Twitter: DezmASter

Facebook: birzool

Сайт: birzool.com