Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

доклад «о процессе работы в Ux depot на примере кейса i pogoda.ru»

1,046 views

Published on

Published in: Technology, Art & Photos
  • Be the first to comment

доклад «о процессе работы в Ux depot на примере кейса i pogoda.ru»

  1. 1. Ярослав Бирзул<br />Руководитель UXDepot<br />О процессе работы в UXDepot на примере кейса iPogoda.ru<br />Twitter: DezmASter<br />Facebook: birzool<br />Сайт: birzool.com<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  2. 2. О процессе работы в UXDepot на примере кейса iPogoda.ru<br />Живой доклад, экспромтом :)<br />Вопросы после доклада.<br />Открыт для общения в кулуарах.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  3. 3. О процессе работы в UXDepot на примере кейса iPogoda.ru<br />Рассказ о каждом этапе процесса:<br />uxdepot.ru/process/<br />Плюсы и минусы нашего подхода.<br />Реальный результат:<br />ipogoda.ru<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  4. 4. Этапы работы<br />1. Составляем портрет проекта.<br />2. Структурируем информацию.<br />3. Создаем прототип.<br />4. Рисуем дизайн.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  5. 5. Портрет проекта<br />1. Проводим интервью с клиентом.<br />2. Определяем цели создателей сайта.<br />3. Описываем целевую аудиторию.<br />4. Узнаем потребности пользователей.<br />5. Формируем список возможностей.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  6. 6. Портрет проекта<br />Проводим интервью с клиентом.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  7. 7. Портрет проекта<br />Определяем цели создателей сайта<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  8. 8. Портрет проекта<br />Описываем целевую аудиторию<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  9. 9. Портрет проекта<br />Узнаем потребности пользователей<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  10. 10. Портрет проекта<br />Формируем список возможностей<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  11. 11. Портрет проекта: 10%<br />2 страницы убористого текста<br />4 выпитых чашки чая<br />10 исписанных листов бумаги<br />15 потраченных <br />с пользой часов<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  12. 12. Структуризация<br />1. Создаем Персонажей для проекта.<br />2. Определяем проблематику Персонажей.<br />3. Составляем сценарии взаимодействия.<br />4. Описываем функциональность.<br />5. Структурируем взаимосвязи между страницами.<br />6. Описываем все страницы.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  13. 13. Структуризация<br />Создаем Персонажей для проекта<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  14. 14. Структуризация<br />Определяем проблемы Персонажей<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  15. 15. Структуризация<br />Составляем сценарии взаимодействия<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  16. 16.
  17. 17. Структуризация<br />Описываем функциональность<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  18. 18. Структуризация<br />Структурируем взаимосвязи между страницами<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  19. 19.
  20. 20. Структуризация<br />Описываем все страницы<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  21. 21. Структуризация: 25%<br />20 страниц текста с изображениями<br />4 выпитых чашки чая<br />40 исписанных листов бумаги<br />40 потраченных <br />с пользой часов<br />4 приобретенных шизофринии<br />40 стикеров для сценариев<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  22. 22. Прототипирование<br />1. Рисуем скетчи для каждой страницы.<br />2. Определяем сетку и расстояния.<br />3. Создаем динамический прототип.<br />4. Тестируем прототип по сценариям.<br />5. Дорабатываем, еще тестируем и утверждаем.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  23. 23. Прототипирование<br />Рисуем скетчи <br />для каждой страницы<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  24. 24.
  25. 25. Прототипирование<br />Определяем сетку <br />и расстояния<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  26. 26. Прототипирование<br />Создаем динамический прототип<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  27. 27.
  28. 28. Прототипирование<br />Тестируем прототип <br />по сценариям<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  29. 29. Прототипирование<br />Дорабатываем <br />и утверждаем<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  30. 30.
  31. 31. Прототипирование: 45%<br />Съедены всепеченьки в офисе<br />40 выпитых чашек чая<br />2 квадратных метра скетчей<br />80 потраченных <br />с пользой часов<br />200 матерных слов произнесено<br />25 плиток шоколада съедено<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  32. 32. Дизайн<br />1. Проводим подготовительную работу.<br />2. Рисуем главную страницу.<br />3. Правим и утверждаем.<br />4. Создаем страницу со стилями. <br />5. Рисуем все страницы и окна. <br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  33. 33. Дизайн<br />Проводим <br />подготовку к работе<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  34. 34.
  35. 35. Дизайн<br />Рисуем <br />главную страницу<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  36. 36.
  37. 37. Дизайн<br />Правим и утверждаем<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  38. 38.
  39. 39. Дизайн<br />Создаем <br />страницу со стилями.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  40. 40.
  41. 41. Дизайн<br />Рисуем <br />все страницы и окна<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  42. 42.
  43. 43. Дизайн: 20%<br />10 новых седых волос у Ярослава<br />10 выпитых чашек чая<br />80 элементов нарисовано<br />35 потраченных <br />с пользой часов<br />5 самолетиков сделано<br />И 2 кораблика тоже<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  44. 44. ipogoda.ru<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  45. 45. Недостатки такого подхода<br />1. Излишняя детализация.<br />2. Не все клиенты понимают смысл действий.<br />3. Порог вхождения в профессию выше.<br />4. Конфликты стилей участников.<br />5. Новичкам нужно больше времени для обучения.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  46. 46. Преимущества такого подхода<br />1. Скорость работы.<br />2. Четкость пошагового процесса.<br />3. Предсказуемость результатов.<br />4. Клиент не скучает. Мы тоже :)<br />5. Прогнозируемые сроки.<br />6. Гибкость и прочность результата.<br />Ярослав Бирзул<br />www.uxdepot.ru<br />Руководитель UXDepot<br />
  47. 47. Спасибо за внимание :)<br />Ярослав Бирзул<br />Руководитель UXDepot<br />Twitter: DezmASter<br />Facebook: birzool<br />Сайт: birzool.com<br />www.uxdepot.ru<br />

×