ݺߣ

ݺߣShare a Scribd company logo
100500 требований
к одному продукту
Андрей Кармацкий
воскресенье, 6 октября 13г.
2
beta.maps.yandex.ru
Сегодня мы анонсируем принципально новый
интерфейс сервиса. И я хочу рассказать как мы его
делали.
воскресенье, 6 октября 13г.
Если посмотреть на UI Карт сегодня — очень сложно
всё для пользователя: много кнопок, карта
интерактивная, поиск, слои.
воскресенье, 6 октября 13г.
Иногда возможность включить разные слои может
причинять пользователям боль и вызывать резь в
глазах.
воскресенье, 6 октября 13г.
Иногда, разные кнопки встречаются в одном месте,
ничего друг про друга не зная.
воскресенье, 6 октября 13г.
А в новом бете Поиска не нужно переходить на наш
сервис, пользователь тут может решить свою задачу.
воскресенье, 6 октября 13г.
yandex.ru maps.yandex.ru Мобильные
Карты
Пробки — продукт без границ, его разрозненные части
создают непрерывный пользовательский опыт.
воскресенье, 6 октября 13г.
Если бы проблема была одна — всё предельно ясно
как с её можно решить.
воскресенье, 6 октября 13г.
Моё видение в том, чтобы системно выстроить процесс
проверки гипотез и наших идей. Пара примеров:
воскресенье, 6 октября 13г.
Есть поиск на карте — есть список и по клику есть
балуны. Обе вещи имеют плюсы и минусы.
воскресенье, 6 октября 13г.
2 прототипа
"...уберите эту панельку,она ужасная; я все
смотрю на карте, а она мешает"
"...нет списка слева, в нём видны все
организации, а так мне придется тыкать во
все..."
Чтобы проверить какое же решение верное мы
сделали 2 версии UI поиска и проверили на юзабилити
в лаборатории на людях.
воскресенье, 6 октября 13г.
50 / 50
Было сюрпризом узнать, что тесты не показали явных
плюсов какого-то одного решения. Они разные.
воскресенье, 6 октября 13г.
Пользователю важна
предсказуемость поведения
интерфейса.
Это то, что мы выяснили в ходе эксперимента. И это
не мало.
воскресенье, 6 октября 13г.
Второй пример: есть гипотеза, что после поиска люди
хотят построить маршрут и поехать туда.
воскресенье, 6 октября 13г.
Гипотезу проверили в бою, сделав дизайн ответа 1
объекта, где ссылка на маршруты ближе к
пользователю.
воскресенье, 6 октября 13г.
+ 25 % маршрутам ОТ
Гипотезу проверили в бою, сделав дизайн ответа 1
объекта, где ссылка на маршруты ближе к
пользователю.
воскресенье, 6 октября 13г.
Одиночные пробы и эксперименты
бессмысленны без процесса
управления требованиями.
Но как собрать все эти эксперименты и требования
вместе?
воскресенье, 6 октября 13г.
Поиск
Без сервисов
Пробки
Добраться
Найти+добраться
Прочее
0 10 20 30 40 50
Россия Москва
Мы посмотрели на сессии пользователей и выявили
базовые паттерны поведения (базовые кейсы)
воскресенье, 6 октября 13г.
(картинка с кружочками и стрелочками)
Например для паттерна поиска, предположили
взаимосвязи функций сервиса.
воскресенье, 6 октября 13г.
Нужно понять: как пользователи
взаимодействуют с продуктом.
Какие задачи они решают?
Чтобы вывести кучу разных данных и сигналов в одно
русло — использовали общий язык для требований.
воскресенье, 6 октября 13г.
я роль хочу действие чтобы профит
User Stories
Это не уникальная методика, один из способов
фиксировать пользовательские сценарии.
воскресенье, 6 октября 13г.
Я как пользователь, который искал
организацию, хочу посмотреть панораму
улицы, чтобы легче узнать здание на месте.
Мне этот метод нравится тем, что формулируется от
лица человека по ту сторону экрана.
воскресенье, 6 октября 13г.
Собрали продакт-менеджеров и команды на серию
брейнштормов. Наштурмили под 300 историй.
воскресенье, 6 октября 13г.
Все истории структурировали по базовым кейсам, а
менеджеров продуктов попросили отприоритезировать
истории.
воскресенье, 6 октября 13г.
Потом мы наметили дедлайн (!!!) и оценили что можем
ухватить и реализовать в первую очередь. Истории
брали сверху — они самые важные.
воскресенье, 6 октября 13г.
Забегая вперёд, по ходу мы открывали новые
требования и согласовывали изменения, лучше
сделать чуть меньше и уложиться в срок.
воскресенье, 6 октября 13г.
Для тактического управления была доска, чуть-чуть
похожая на канбан, где стикеры из дизайна, шли в
разработку, а сделанное тестировалось.
воскресенье, 6 октября 13г.
Почти готовый интерфейс, мы тестировали по тем
сценариям, которые наштурмили в формате User
Stories.
воскресенье, 6 октября 13г.
beta.maps.yandex.ru
Ну, и запустились в намеченные сроки.
воскресенье, 6 октября 13г.
воскресенье, 6 октября 13г.
Изначально мы брались сделать поддержку десктоп
+планшет. А по ходу получилось сделать интерфейс и
для смартфонов благодаря новому API Карт.
воскресенье, 6 октября 13г.
Руководитель службы
дизайна Яндекс.Карт
karma@yandex-team.ru
@karmatsky
facebook.com/karmatsky
Спасибо
Андрей Кармацкий
воскресенье, 6 октября 13г.

More Related Content

Similar to 100500 требований к одному продукту (20)

PDF
Особенности быстрого тестирования мобильных интерфейсов - Антон Алябьев, UI D...
Procontent.Ru Magazine
PDF
Особенности быстрого тестирования
UIDesign Group
PPTX
Mobile UI @Levelapp.me
Ilya Chernetskiy (Tchernetski)
PDF
2 search
Yandex
PPT
Восторг пользователей
Dmitry Satin
PPTX
Дизайн мобильных приложений: обо всем понемножку
Andrasz Husti
PDF
1 search
Yandex
PPTX
Особенности проектирования для Мобильных устройств
Mike Frolov
PDF
"Адаптивный дизайн интерфейса JS API Яндекс.Карт и особенности его реализации...
Yandex
PPT
Mobile Usability
Dmitry Satin
PPT
Юзабилити Сайта
Dmitry Satin
PPT
Юзабилити сайта
Dmitry Satin
PPTX
Designing mobile app
Игорь Мыслинский
PDF
Как улучшить удобство продукта минимальными затратами?
Oleg Karapuzov
PPTX
Разработка ПО. Введение в специальность 3. Требования
Pavel Egorov
PPTX
User experience, как замена юзабилити
SQALab
PDF
Наш success story - Александр Клименко - Agile PechaKucha
PechaKucha Ukraine
PPT
Дизайн мышление или почему так важно знать про правило 7 плюс/минус 2
Kamil Kalimullin
ODP
Мастер-класс "Экспериментальный дизайн взаимодействия"
Zahhar Kirillov, MSc
PDF
Гадания на тайлах
Julia Suvorova
Особенности быстрого тестирования мобильных интерфейсов - Антон Алябьев, UI D...
Procontent.Ru Magazine
Особенности быстрого тестирования
UIDesign Group
Mobile UI @Levelapp.me
Ilya Chernetskiy (Tchernetski)
2 search
Yandex
Восторг пользователей
Dmitry Satin
Дизайн мобильных приложений: обо всем понемножку
Andrasz Husti
1 search
Yandex
Особенности проектирования для Мобильных устройств
Mike Frolov
"Адаптивный дизайн интерфейса JS API Яндекс.Карт и особенности его реализации...
Yandex
Mobile Usability
Dmitry Satin
Юзабилити Сайта
Dmitry Satin
Юзабилити сайта
Dmitry Satin
Как улучшить удобство продукта минимальными затратами?
Oleg Karapuzov
Разработка ПО. Введение в специальность 3. Требования
Pavel Egorov
User experience, как замена юзабилити
SQALab
Наш success story - Александр Клименко - Agile PechaKucha
PechaKucha Ukraine
Дизайн мышление или почему так важно знать про правило 7 плюс/минус 2
Kamil Kalimullin
Мастер-класс "Экспериментальный дизайн взаимодействия"
Zahhar Kirillov, MSc
Гадания на тайлах
Julia Suvorova

More from Andrey Karmatsky (20)

PDF
Data-driven urban design
Andrey Karmatsky
PDF
Urbica Design showcases (may 2016)
Andrey Karmatsky
PDF
Открытая лекция «Картография городских данных»
Andrey Karmatsky
PDF
Mapping urban data (Urbica Design)
Andrey Karmatsky
PDF
Карты и визуализация данных (Dribbble Meetup 2015 @ Mail.ru HQ)
Andrey Karmatsky
PDF
Картография городских данных
Andrey Karmatsky
PDF
Yandex.Maps cartography design (v.07.08.2014)
Andrey Karmatsky
PDF
Maps in the city
Andrey Karmatsky
PDF
Карты в городе
Andrey Karmatsky
PDF
Светопроекция навигации в подземных переходах
Andrey Karmatsky
PDF
Андрей Кармацкий: «Картографический дизайн Яндекса»
Andrey Karmatsky
PDF
Skliarevsky moscow
Andrey Karmatsky
PDF
Starostin alexander city language
Andrey Karmatsky
PDF
Сервис-дизайн и проблемы навигации
Andrey Karmatsky
PPTX
Иностранцы (туристы) и навигация
Andrey Karmatsky
PPT
Silkina marina системы навигации в архитектурной среде
Andrey Karmatsky
PPT
Алексей Штоф, BTS — «Город. Транспорт. Ориентирование»
Andrey Karmatsky
PDF
Илья Рудерман, РИА Новости — «Буквы vs Цифры»
Andrey Karmatsky
PPTX
Илья Мукосей, PlanAR — «Опыт навигации в жилом районе Марфино»
Andrey Karmatsky
PPT
Даниил Малкин, BTS — «Городская и транспортная навигация. Точки пересечения»
Andrey Karmatsky
Data-driven urban design
Andrey Karmatsky
Urbica Design showcases (may 2016)
Andrey Karmatsky
Открытая лекция «Картография городских данных»
Andrey Karmatsky
Mapping urban data (Urbica Design)
Andrey Karmatsky
Карты и визуализация данных (Dribbble Meetup 2015 @ Mail.ru HQ)
Andrey Karmatsky
Картография городских данных
Andrey Karmatsky
Yandex.Maps cartography design (v.07.08.2014)
Andrey Karmatsky
Maps in the city
Andrey Karmatsky
Карты в городе
Andrey Karmatsky
Светопроекция навигации в подземных переходах
Andrey Karmatsky
Андрей Кармацкий: «Картографический дизайн Яндекса»
Andrey Karmatsky
Skliarevsky moscow
Andrey Karmatsky
Starostin alexander city language
Andrey Karmatsky
Сервис-дизайн и проблемы навигации
Andrey Karmatsky
Иностранцы (туристы) и навигация
Andrey Karmatsky
Silkina marina системы навигации в архитектурной среде
Andrey Karmatsky
Алексей Штоф, BTS — «Город. Транспорт. Ориентирование»
Andrey Karmatsky
Илья Рудерман, РИА Новости — «Буквы vs Цифры»
Andrey Karmatsky
Илья Мукосей, PlanAR — «Опыт навигации в жилом районе Марфино»
Andrey Karmatsky
Даниил Малкин, BTS — «Городская и транспортная навигация. Точки пересечения»
Andrey Karmatsky
Ad

100500 требований к одному продукту

  • 1. 100500 требований к одному продукту Андрей Кармацкий воскресенье, 6 октября 13г.
  • 2. 2 beta.maps.yandex.ru Сегодня мы анонсируем принципально новый интерфейс сервиса. И я хочу рассказать как мы его делали. воскресенье, 6 октября 13г.
  • 3. Если посмотреть на UI Карт сегодня — очень сложно всё для пользователя: много кнопок, карта интерактивная, поиск, слои. воскресенье, 6 октября 13г.
  • 4. Иногда возможность включить разные слои может причинять пользователям боль и вызывать резь в глазах. воскресенье, 6 октября 13г.
  • 5. Иногда, разные кнопки встречаются в одном месте, ничего друг про друга не зная. воскресенье, 6 октября 13г.
  • 6. А в новом бете Поиска не нужно переходить на наш сервис, пользователь тут может решить свою задачу. воскресенье, 6 октября 13г.
  • 7. yandex.ru maps.yandex.ru Мобильные Карты Пробки — продукт без границ, его разрозненные части создают непрерывный пользовательский опыт. воскресенье, 6 октября 13г.
  • 8. Если бы проблема была одна — всё предельно ясно как с её можно решить. воскресенье, 6 октября 13г.
  • 9. Моё видение в том, чтобы системно выстроить процесс проверки гипотез и наших идей. Пара примеров: воскресенье, 6 октября 13г.
  • 10. Есть поиск на карте — есть список и по клику есть балуны. Обе вещи имеют плюсы и минусы. воскресенье, 6 октября 13г.
  • 11. 2 прототипа "...уберите эту панельку,она ужасная; я все смотрю на карте, а она мешает" "...нет списка слева, в нём видны все организации, а так мне придется тыкать во все..." Чтобы проверить какое же решение верное мы сделали 2 версии UI поиска и проверили на юзабилити в лаборатории на людях. воскресенье, 6 октября 13г.
  • 12. 50 / 50 Было сюрпризом узнать, что тесты не показали явных плюсов какого-то одного решения. Они разные. воскресенье, 6 октября 13г.
  • 13. Пользователю важна предсказуемость поведения интерфейса. Это то, что мы выяснили в ходе эксперимента. И это не мало. воскресенье, 6 октября 13г.
  • 14. Второй пример: есть гипотеза, что после поиска люди хотят построить маршрут и поехать туда. воскресенье, 6 октября 13г.
  • 15. Гипотезу проверили в бою, сделав дизайн ответа 1 объекта, где ссылка на маршруты ближе к пользователю. воскресенье, 6 октября 13г.
  • 16. + 25 % маршрутам ОТ Гипотезу проверили в бою, сделав дизайн ответа 1 объекта, где ссылка на маршруты ближе к пользователю. воскресенье, 6 октября 13г.
  • 17. Одиночные пробы и эксперименты бессмысленны без процесса управления требованиями. Но как собрать все эти эксперименты и требования вместе? воскресенье, 6 октября 13г.
  • 18. Поиск Без сервисов Пробки Добраться Найти+добраться Прочее 0 10 20 30 40 50 Россия Москва Мы посмотрели на сессии пользователей и выявили базовые паттерны поведения (базовые кейсы) воскресенье, 6 октября 13г.
  • 19. (картинка с кружочками и стрелочками) Например для паттерна поиска, предположили взаимосвязи функций сервиса. воскресенье, 6 октября 13г.
  • 20. Нужно понять: как пользователи взаимодействуют с продуктом. Какие задачи они решают? Чтобы вывести кучу разных данных и сигналов в одно русло — использовали общий язык для требований. воскресенье, 6 октября 13г.
  • 21. я роль хочу действие чтобы профит User Stories Это не уникальная методика, один из способов фиксировать пользовательские сценарии. воскресенье, 6 октября 13г.
  • 22. Я как пользователь, который искал организацию, хочу посмотреть панораму улицы, чтобы легче узнать здание на месте. Мне этот метод нравится тем, что формулируется от лица человека по ту сторону экрана. воскресенье, 6 октября 13г.
  • 23. Собрали продакт-менеджеров и команды на серию брейнштормов. Наштурмили под 300 историй. воскресенье, 6 октября 13г.
  • 24. Все истории структурировали по базовым кейсам, а менеджеров продуктов попросили отприоритезировать истории. воскресенье, 6 октября 13г.
  • 25. Потом мы наметили дедлайн (!!!) и оценили что можем ухватить и реализовать в первую очередь. Истории брали сверху — они самые важные. воскресенье, 6 октября 13г.
  • 26. Забегая вперёд, по ходу мы открывали новые требования и согласовывали изменения, лучше сделать чуть меньше и уложиться в срок. воскресенье, 6 октября 13г.
  • 27. Для тактического управления была доска, чуть-чуть похожая на канбан, где стикеры из дизайна, шли в разработку, а сделанное тестировалось. воскресенье, 6 октября 13г.
  • 28. Почти готовый интерфейс, мы тестировали по тем сценариям, которые наштурмили в формате User Stories. воскресенье, 6 октября 13г.
  • 29. beta.maps.yandex.ru Ну, и запустились в намеченные сроки. воскресенье, 6 октября 13г.
  • 31. Изначально мы брались сделать поддержку десктоп +планшет. А по ходу получилось сделать интерфейс и для смартфонов благодаря новому API Карт. воскресенье, 6 октября 13г.