SlideShare a Scribd company logo
1 of 62
Чип и Дейл спешат на
помощь, или
как мы помогали стартапу
проектировать плеер 3D-панорам




                  Маргарита Титова,
                  ведущий специалист
                  USABILITYLAB
Как все начиналось
Евгений Голбан   Михаил Васильев
В середине проекта
Виртуальные туры
Погружение в предметную область и интервью
бизнес-заказчика

Формализация представлений о ключевых
пользователях

Разработка концепции пользовательских
интерфейсов

Юзабилити-тестирование рабочей модели

Проведение открытого бета-тестирование
продукта



                     Что делаем
Ни шагу без плана
Нужны люди!
Команда самых пытливых начинающих специалистов-волонтѐров.

Работа по выходным, чтобы не отрываться от основной работы.
Работа на проекте волонтерская, денег за эту работу не платят, но участники
команду получат нечто более ценное, чем деньги:

    •   Опыт увлекательной командной работы
    •   Почти все этапы HCD в одном проекте
    •   Быструю обратную связь и оценку того, что мы сделаем совместно
    •   Возможность проявить себя в глазах коллег

Размер команды - не более 8 человек.
Возможность следить по сети, помогать подсказками и ценными идеями.




               Что можем предложить
и печенюшки!
Знакомство
Знакомство. Первая встреча
Мы не меряемся,
мы – команда Супергероев!
… ну или так
Вот и собрались)
Тренируем память
Интервью с Бизнесом
Вопросы
Мучаем Заказчиков
Анализ конкурентов
http://www.360cities.net/
http://lutetia.concorde-
hotels.ru/ru/photos/virtualtour.aspx
maps.yandex.ru
http://restlook.ru/                    Список элементов
http://lookon.ru/
http://webpokaz.ru/
http://www.googleartproject.com/
http://3dportal24.ru/Default.aspx




          Выводы                       Удачные решения,
                                       сомнительные,
                                       неудачные




                   Сайты конкурентов
Удачные решения                              Неудачные
•   В левом верхнем углу флешки
                                             •   Нет никаких пометок о текущем
    текущая локация. Пропадает,
                                                 помещении (3dp)
    если убрать курсор с панорамы.
                                             •   При количестве локаций больше одной,
    (Гугл)
                                                 нигде не написано название локации, в
                                                 которой находится пользователь.
                                                 (Restlook)
Сомнительные                                 •   В плеере с прямоугольной панелью
•   Текущее положение отмечено выделением        отсутвует (lookon)
    уменьшенного изображения комнаты в
    выпадающем меню навигации. (Restlook)
•   "В плеере с круглой панелью навигации:
    вверху ближе к левому краю панорамы      Выводы
    располагается белый овальный блок, на
    котором написано название текущей        • Если часть элементов управления пропадает,
    панорамы. Блок является                    когда убираешь курсор с области панорамы,
    полупрозрачным, часто теряется из-за       это сильно разгружает экран
    фона самой панорамы. (lookon)




          Пример. Текущее положение
Персонажи и сценарии
Сценарии
Персонажи
Персонажи
Customer journey
или Путь пользователя
Кадрируем сценарий
Выписываем вопросы и потребности
Добавляем других персонажей
Приоритезируемуем требования
Список элементов
Есть: много элементов
Надо: собрать интерфейс
Список элементов плеера
И что с этим делать?
Все к доске!
Всем по листочкам
Процесс
Итог
Проектируем каждый свой вариант
Презентация решений
Обсуждаем и комментируем
Первый вариант
Первый вариант
Первый вариант
Второй вариант
Объединяем в одно решение
Программируем
Как-то оно программировалось…
Тестируем
Скрестили пальцы…
Пилотное юзабилити-тестирование
Результаты тестирования
Дорабатываем…
Общение — всѐ!
Хороших интерфейсов!

More Related Content

Similar to Проектирование плеера 3D панорам. Процесс

Разработка мобильного приложения. Мобильный маркетинг.
Разработка мобильного приложения. Мобильный маркетинг. Разработка мобильного приложения. Мобильный маркетинг.
Разработка мобильного приложения. Мобильный маркетинг. Егор Карпов
 
Иду по приборам. Львов, 2011
Иду по приборам. Львов, 2011Иду по приборам. Львов, 2011
Иду по приборам. Львов, 2011Maxim Gaponov
 
филиппов Material design для проектирования продуктов
филиппов   Material design для проектирования продуктовфилиппов   Material design для проектирования продуктов
филиппов Material design для проектирования продуктовMagneta AI
 
Пользователи в помощь тестировщику
Пользователи в помощь тестировщикуПользователи в помощь тестировщику
Пользователи в помощь тестировщикуRina Uzhevko
 
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Ontico
 
Гадания на тайлах
Гадания на тайлахГадания на тайлах
Гадания на тайлахJulia Suvorova
 
Как сделать прототип
Как сделать прототипКак сделать прототип
Как сделать прототипIrina Ryzhova
 
UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UXcgvictor
 
Кампэйн для массово рынка ( value proposition - LP - funnels)
Кампэйн для массово рынка ( value proposition - LP - funnels)Кампэйн для массово рынка ( value proposition - LP - funnels)
Кампэйн для массово рынка ( value proposition - LP - funnels)Artem Azevich
 
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадкиБезболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадкиAGIMA
 
Прогрессивное улучшение
Прогрессивное улучшениеПрогрессивное улучшение
Прогрессивное улучшениеAGIMA
 
Как делать презентацию?
Как делать презентацию?Как делать презентацию?
Как делать презентацию?Vitaly Vlasov
 
ИКТ 03 Проектирование интерфейсов
ИКТ 03 Проектирование интерфейсовИКТ 03 Проектирование интерфейсов
ИКТ 03 Проектирование интерфейсовDenis Korolev
 
Code Camp 2011 - Продуктовая копания: Постановка процесса разработки
Code Camp 2011 - Продуктовая копания: Постановка процесса разработкиCode Camp 2011 - Продуктовая копания: Постановка процесса разработки
Code Camp 2011 - Продуктовая копания: Постановка процесса разработкиKirill Lebedev
 
Юзабилити интернет-проекта
Юзабилити интернет-проектаЮзабилити интернет-проекта
Юзабилити интернет-проектаEugene Kulakov
 
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиProduct discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиNikita Efimov
 
Juggernaut from development to launch
Juggernaut from development to launchJuggernaut from development to launch
Juggernaut from development to launchanastasiaalikova
 
Juggernaut from development to launch
Juggernaut from development to launchJuggernaut from development to launch
Juggernaut from development to launchanastasiaalikova
 

Similar to Проектирование плеера 3D панорам. Процесс (20)

Разработка мобильного приложения. Мобильный маркетинг.
Разработка мобильного приложения. Мобильный маркетинг. Разработка мобильного приложения. Мобильный маркетинг.
Разработка мобильного приложения. Мобильный маркетинг.
 
WTF is bootstrap?
WTF is bootstrap?WTF is bootstrap?
WTF is bootstrap?
 
Иду по приборам. Львов, 2011
Иду по приборам. Львов, 2011Иду по приборам. Львов, 2011
Иду по приборам. Львов, 2011
 
филиппов Material design для проектирования продуктов
филиппов   Material design для проектирования продуктовфилиппов   Material design для проектирования продуктов
филиппов Material design для проектирования продуктов
 
Пользователи в помощь тестировщику
Пользователи в помощь тестировщикуПользователи в помощь тестировщику
Пользователи в помощь тестировщику
 
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
 
Гадания на тайлах
Гадания на тайлахГадания на тайлах
Гадания на тайлах
 
Как сделать прототип
Как сделать прототипКак сделать прототип
Как сделать прототип
 
UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UX
 
Кампэйн для массово рынка ( value proposition - LP - funnels)
Кампэйн для массово рынка ( value proposition - LP - funnels)Кампэйн для массово рынка ( value proposition - LP - funnels)
Кампэйн для массово рынка ( value proposition - LP - funnels)
 
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадкиБезболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадки
 
Прогрессивное улучшение
Прогрессивное улучшениеПрогрессивное улучшение
Прогрессивное улучшение
 
Список идей: Scrum
Список идей: ScrumСписок идей: Scrum
Список идей: Scrum
 
Как делать презентацию?
Как делать презентацию?Как делать презентацию?
Как делать презентацию?
 
ИКТ 03 Проектирование интерфейсов
ИКТ 03 Проектирование интерфейсовИКТ 03 Проектирование интерфейсов
ИКТ 03 Проектирование интерфейсов
 
Code Camp 2011 - Продуктовая копания: Постановка процесса разработки
Code Camp 2011 - Продуктовая копания: Постановка процесса разработкиCode Camp 2011 - Продуктовая копания: Постановка процесса разработки
Code Camp 2011 - Продуктовая копания: Постановка процесса разработки
 
Юзабилити интернет-проекта
Юзабилити интернет-проектаЮзабилити интернет-проекта
Юзабилити интернет-проекта
 
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиProduct discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехи
 
Juggernaut from development to launch
Juggernaut from development to launchJuggernaut from development to launch
Juggernaut from development to launch
 
Juggernaut from development to launch
Juggernaut from development to launchJuggernaut from development to launch
Juggernaut from development to launch
 

Проектирование плеера 3D панорам. Процесс