SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Downloaden Sie, um offline zu lesen
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 г.

Weitere ähnliche Inhalte

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

Фасилитируем командное обсуждение и принятие решений
Фасилитируем командное обсуждение и принятие решенийФасилитируем командное обсуждение и принятие решений
Фасилитируем командное обсуждение и принятие решений
Svetlana Mukhina ICP, -ATF, -BVA, - ACC, PSM I, CSPO
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
Ksenia Sternina
 
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
SPECIA
 
Нарижный - Малоиспользуемые варианты тестирования
Нарижный - Малоиспользуемые варианты тестированияНарижный - Малоиспользуемые варианты тестирования
Нарижный - Малоиспользуемые варианты тестирования
SEO Conference
 
IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014
cgvictor
 

Ähnlich wie 100500 требований к одному продукту (20)

Фасилитируем командное обсуждение и принятие решений
Фасилитируем командное обсуждение и принятие решенийФасилитируем командное обсуждение и принятие решений
Фасилитируем командное обсуждение и принятие решений
 
Жизнь Ux в маленькой московской студии
Жизнь Ux в маленькой московской студииЖизнь Ux в маленькой московской студии
Жизнь Ux в маленькой московской студии
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
 
продвижение юзабилити
продвижение юзабилитипродвижение юзабилити
продвижение юзабилити
 
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
 
Как работает UX-студия
Как работает UX-студияКак работает UX-студия
Как работает UX-студия
 
Нарижный - Малоиспользуемые варианты тестирования
Нарижный - Малоиспользуемые варианты тестированияНарижный - Малоиспользуемые варианты тестирования
Нарижный - Малоиспользуемые варианты тестирования
 
Варианты тестирования сайтов
Варианты тестирования сайтовВарианты тестирования сайтов
Варианты тестирования сайтов
 
DaKiRY_BAQ2016_QADay_Круглий стіл: "Чи помре ручне тестування з часом" Учасни...
DaKiRY_BAQ2016_QADay_Круглий стіл: "Чи помре ручне тестування з часом" Учасни...DaKiRY_BAQ2016_QADay_Круглий стіл: "Чи помре ручне тестування з часом" Учасни...
DaKiRY_BAQ2016_QADay_Круглий стіл: "Чи помре ручне тестування з часом" Учасни...
 
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ..."Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
 
UX research in Yandex
UX research in YandexUX research in Yandex
UX research in Yandex
 
UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UX
 
Лекция 3
Лекция 3Лекция 3
Лекция 3
 
Анализ конкурентов с помощью юзабилити-тестирования
Анализ конкурентов с помощью юзабилити-тестированияАнализ конкурентов с помощью юзабилити-тестирования
Анализ конкурентов с помощью юзабилити-тестирования
 
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВRIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
 
IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014
 
Выбор метода UX исследования - UXPeople 2013
Выбор метода UX исследования - UXPeople 2013Выбор метода UX исследования - UXPeople 2013
Выбор метода UX исследования - UXPeople 2013
 
Генадій Колтун — Комунізм наступає: що будемо робити, коли машини навчаться п...
Генадій Колтун — Комунізм наступає: що будемо робити, коли машини навчаться п...Генадій Колтун — Комунізм наступає: що будемо робити, коли машини навчаться п...
Генадій Колтун — Комунізм наступає: що будемо робити, коли машини навчаться п...
 
Как работает UХ студия
Как работает UХ студияКак работает UХ студия
Как работает UХ студия
 
Проектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требованийПроектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требований
 

Mehr von Andrey Karmatsky

Starostin alexander city language
Starostin alexander   city languageStarostin alexander   city language
Starostin alexander city language
Andrey Karmatsky
 
Silkina marina системы навигации в архитектурной среде
Silkina marina системы навигации в архитектурной средеSilkina marina системы навигации в архитектурной среде
Silkina marina системы навигации в архитектурной среде
Andrey Karmatsky
 
Алексей Штоф, BTS — «Город. Транспорт. Ориентирование»
Алексей Штоф, BTS — «Город. Транспорт. Ориентирование»Алексей Штоф, BTS — «Город. Транспорт. Ориентирование»
Алексей Штоф, BTS — «Город. Транспорт. Ориентирование»
Andrey Karmatsky
 
Илья Рудерман, РИА Новости — «Буквы vs Цифры»
Илья Рудерман, РИА Новости — «Буквы vs Цифры»Илья Рудерман, РИА Новости — «Буквы vs Цифры»
Илья Рудерман, РИА Новости — «Буквы vs Цифры»
Andrey Karmatsky
 
Илья Мукосей, PlanAR — «Опыт навигации в жилом районе Марфино»
Илья Мукосей, PlanAR — «Опыт навигации в жилом районе Марфино»Илья Мукосей, PlanAR — «Опыт навигации в жилом районе Марфино»
Илья Мукосей, PlanAR — «Опыт навигации в жилом районе Марфино»
Andrey Karmatsky
 
Даниил Малкин, BTS — «Городская и транспортная навигация. Точки пересечения»
Даниил Малкин, BTS — «Городская и транспортная навигация. Точки пересечения»Даниил Малкин, BTS — «Городская и транспортная навигация. Точки пересечения»
Даниил Малкин, BTS — «Городская и транспортная навигация. Точки пересечения»
Andrey Karmatsky
 

Mehr von Andrey Karmatsky (20)

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

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 г.