ݺߣ

ݺߣShare a Scribd company logo
Привет, я — Саша
из компании Aidem

29 января 2014
Front-end разработка. Менеджерский блок
Доклад

«Спецификация
формы и поведения:
зачем кому и как?»
Алан Купер
«Спецификация формы
и поведения — единственный
способ соединить дизайн
с разработкой продукта.»

cooper.com
Первое

Это не техническое задание.
Это про форму и поведение.
Место в продуктовой документации
1. User Requirements Document (﴾URD)﴿
Об аудитории продукта и потребностях пользователей
2. Product Requirements Document (﴾PRD)﴿
О том, как продукт решает потребности пользователей
3. Form & Behavior Specification (﴾F&B spec)﴿
О том, как продукт выглядит и как себя ведет
4. Technical Requirements Documnet (﴾TRD)﴿
О том, как продукт будет разрабатываться и работать
Что это?
Разделы документа
Вводная часть
1. Титульный лист
2. Версии документа
3. Введение
4. Цели проекта
5. Аудитория
6. Цели аудитории
7. Глоссарий
8. Бизнес
9. Продукт
10.Аналитика
11.Персонажи (бизнес роли)
12.Варианты использования
13.Инф. архитектура

Основная часть
14.Концептуальная логика
(напр. навигация, каталог)
15.Логика стандартных функций
(напр. поиск, рег-ция, оплата)
16.Логика специальных функций
(напр. система бон.баллов)
17.Экраны покупателя
18.Экраны менеджера (админа)
19.Стандартные элементы
20.Тексты писем / уведомлений
21.Данные (таблицы, хар-ки)
22.Требования к материалам
23.Общие требования
(дизайн, платформа, браузеры)
На примере

Спецификации внутреннего
ПО купонного сервиса
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
В итоге спецификация «BoomBate»
1. Новая парадигма
Разработана, показана и описана новая концепция продукта.
2. 28 уникальных экранов
Показаны все базовые экраны каждой бизнес-роли продукта.
3. 94 различных представлений экранов
Показаны все возможные представления экранов и отдельных
блоков во различных сценариях использования.
4. 10+ вспомогательных схем и описаний
Схемы бизнес-процессов, инф.арх-ры, вар.использования,
параллельности задач, ментально-программной модели и пр.
5. 116 страниц спецификации
Готовая и полная инструкция для разработки нового продукта.
Зачем?
1. Чтобы проектировщик сам понимал (сказать ≠ написать).
2. Ничего не упустить (представления в различных сценариях).
3. Чтобы оценить объем (дизайна, разработки, тестирования).
4. Чтобы минимизировать споры (неизменность решений).
5. Чтобы у разработчиков/тестировщиков было меньше вопросов.
6. Чтобы потом не переделывать («вовремя не подумали»).
7. Чтобы стандартизировать приемы и поведение (UX).
8. Чтобы получить консистенцию дизайна и элементов (UI).
9. Чтобы заложить векторы развития и масштабируемости.
10.Чтобы объединить команду одной идеей (все знают что делают).
11.Чтобы все (команда, заказчик) понимали, чего ждать.
12.Чтобы подписывать не бесполезные бумажки (ТЗ), а дело.
13.Чтобы сохранить общий уровень качества (размытие).
Кому?
1. Bussiness owner: правильная конвертация концепции продукта
в форму.
2. Product owner: видение общей картины продукта
и его реализации на всех этапах.
3. Designers: понимание философии продукта, ощущений
и задач, которые должен решать дизайн.
4. Technical planners: основа для написания технических
требований (TRD).
5. Development managers: оценка и планирование процесса
реализации.
6. Developers: четкие инструкции по реализации интерфейса
и его поведения = минимизация вопросов дизайнерам.
7. QA engineers & Usability professionals: понимание сценариев
взаимодействия и поведения интерфейса, написание test cases.
8. Manual writers: основа для написания руководств
пользователя, помощи и пр.
Когда?
1. Когда не типовая задача
Бизнес ПО, сложный продукт или поведение.
2. Когда есть идея, но не понятно что и как делать
Стартапы, новые версии продуктов.
3. Когда много интерфейсов (﴾существующий продукт)﴿
Требуется стандартизация, консистенция, дизайн-стратегия.
4. Когда есть временной/географический разрыв в команде
В создании продукта участвуют разные компании или
невозможен прямой контакт разных участников команды.
5. Когда проектирование — отдельный проект
Спецификация — документ, который подписывается и
используется в дальнейших этапах реализации продукта с
минимальным привлечением дизайнеров (не желательно).
На самом деле почти всегда.
Итого
Спецификация формы и поведения
является важнейшим компонентом
успешной разработки продукта.
Она экономит время и деньги, делая
команду более сплоченной, а процесс
более стабильным и предсказуемым.
Что я хотел вам сказать?
1. Внедряйте проектирование
Объясняйте какие выгоды от этого получите, и вы, и заказчик.
2. Вырабатывайте и используйте гайдлайны и стандарты
Стандартизация, уникальный визуальный язык, UX-стратегия
(особенно продуктовые компании).
3. Занимайтесь дизайном системно
С самого первого продукта компании. Это окупится.
4. Поднимайте качественный уровень проектов
Это даст новые, более финансово привлекательные проекты.
5. Используйте новые подходы в создании продуктов
Это повысит общий уровень знаний и возможностей команды.
6. Делайте качественные продукты.
Любите то, что делаете. Болейте за это.
Как?
Ответ на вопрос «Как?» заслуживает
отдельного доклада, а может
и нескольких.
До встречи!
+7 (812) 380-79-29
mailbox@aidem.ru
Aidem.ru

facebook.com/gurick
slideshare.net/gurick
sasha@aidem.ru

презентация здесь

More Related Content

What's hot (19)

Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Yury Vetrov
Дизайн успешных продуктов
Дизайн успешных продуктовДизайн успешных продуктов
Дизайн успешных продуктов
Andrey Gargul
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
Yury Vetrov
Вся правда о разработке индивидуальных проектов (ДВИК-2012)
Вся правда о разработке индивидуальных проектов (ДВИК-2012)Вся правда о разработке индивидуальных проектов (ДВИК-2012)
Вся правда о разработке индивидуальных проектов (ДВИК-2012)
internet27
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.RuФорум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Yury Vetrov
-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
-Среда
Юзабилити-тестирование
Юзабилити-тестирование Юзабилити-тестирование
Юзабилити-тестирование
Анна Преображенская
UX Strategy 101
UX Strategy 101UX Strategy 101
UX Strategy 101
Anastasia Schebrova
Особенности параллельного тестирования нескольких проектов
Особенности параллельного тестирования нескольких проектов Особенности параллельного тестирования нескольких проектов
Особенности параллельного тестирования нескольких проектов
QA Dnepropetrovsk Community (Ukraine)
Agile/Scrum методологии разработки программного обеспечения
Agile/Scrum методологии разработки программного обеспеченияAgile/Scrum методологии разработки программного обеспечения
Agile/Scrum методологии разработки программного обеспечения
jazzteam
Как подружить PO c UX командой (Антон Иванов, B2B-Center)
Как подружить PO c UX командой (Антон Иванов, B2B-Center)Как подружить PO c UX командой (Антон Иванов, B2B-Center)
Как подружить PO c UX командой (Антон Иванов, B2B-Center)
PCampRussia
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикХитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Nick Grachov
User eXperience design
User eXperience designUser eXperience design
User eXperience design
New Strategies Group
SEMAT Agile Kitchen
SEMAT Agile KitchenSEMAT Agile Kitchen
SEMAT Agile Kitchen
Yury Kupriyanov
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
Yury Vetrov
Как продавать исследования
Как продавать исследования Как продавать исследования
Как продавать исследования
Anastasia Schebrova
Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4
Dima Dzuba
Работа с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформацииРабота с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформации
Andrii Mandrika
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себя
Andrew Yaroshenko
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Yury Vetrov
Дизайн успешных продуктов
Дизайн успешных продуктовДизайн успешных продуктов
Дизайн успешных продуктов
Andrey Gargul
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
Yury Vetrov
Вся правда о разработке индивидуальных проектов (ДВИК-2012)
Вся правда о разработке индивидуальных проектов (ДВИК-2012)Вся правда о разработке индивидуальных проектов (ДВИК-2012)
Вся правда о разработке индивидуальных проектов (ДВИК-2012)
internet27
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.RuФорум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Yury Vetrov
-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
-Среда
Особенности параллельного тестирования нескольких проектов
Особенности параллельного тестирования нескольких проектов Особенности параллельного тестирования нескольких проектов
Особенности параллельного тестирования нескольких проектов
QA Dnepropetrovsk Community (Ukraine)
Agile/Scrum методологии разработки программного обеспечения
Agile/Scrum методологии разработки программного обеспеченияAgile/Scrum методологии разработки программного обеспечения
Agile/Scrum методологии разработки программного обеспечения
jazzteam
Как подружить PO c UX командой (Антон Иванов, B2B-Center)
Как подружить PO c UX командой (Антон Иванов, B2B-Center)Как подружить PO c UX командой (Антон Иванов, B2B-Center)
Как подружить PO c UX командой (Антон Иванов, B2B-Center)
PCampRussia
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикХитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Nick Grachov
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
Yury Vetrov
Как продавать исследования
Как продавать исследования Как продавать исследования
Как продавать исследования
Anastasia Schebrova
Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4
Dima Dzuba
Работа с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформацииРабота с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформации
Andrii Mandrika
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себя
Andrew Yaroshenko

Viewers also liked (10)

"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
 "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ... "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
Lead Zeppelin
Шаблоны оформления требований
Шаблоны оформления требованийШаблоны оформления требований
Шаблоны оформления требований
JaneKozmina
функциональная спецификация
функциональная спецификацияфункциональная спецификация
функциональная спецификация
Natalia Zhelnova
It global meetup_02a
It global meetup_02aIt global meetup_02a
It global meetup_02a
Natalia Zhelnova
Нотации оформления требований
Нотации оформления требованийНотации оформления требований
Нотации оформления требований
JaneKozmina
Спецификация на примерах или как научить людей общаться
Спецификация на примерах или как научить людей общатьсяСпецификация на примерах или как научить людей общаться
Спецификация на примерах или как научить людей общаться
SQALab
шаблон технико коммерческого предложения
шаблон технико коммерческого предложенияшаблон технико коммерческого предложения
шаблон технико коммерческого предложения
Natalia Zhelnova
Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)
Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)
Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)
Ilya Korolev
"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
 "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ... "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
Lead Zeppelin
Шаблоны оформления требований
Шаблоны оформления требованийШаблоны оформления требований
Шаблоны оформления требований
JaneKozmina
функциональная спецификация
функциональная спецификацияфункциональная спецификация
функциональная спецификация
Natalia Zhelnova
Нотации оформления требований
Нотации оформления требованийНотации оформления требований
Нотации оформления требований
JaneKozmina
Спецификация на примерах или как научить людей общаться
Спецификация на примерах или как научить людей общатьсяСпецификация на примерах или как научить людей общаться
Спецификация на примерах или как научить людей общаться
SQALab
шаблон технико коммерческого предложения
шаблон технико коммерческого предложенияшаблон технико коммерческого предложения
шаблон технико коммерческого предложения
Natalia Zhelnova
Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)
Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)
Шаблон инвестиционной презентации ver. 1.3 (ФРИИ edition)
Ilya Korolev

Similar to Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?" (20)

Useful meetup#1 design sprint
Useful meetup#1 design sprintUseful meetup#1 design sprint
Useful meetup#1 design sprint
usefulagency
Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...
Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...
Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...
Yandex
Agile testing
Agile testingAgile testing
Agile testing
SPB SQA Group
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Yury Vetrov
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
Yury Vetrov
Ideation track
Ideation trackIdeation track
Ideation track
Аня Моисеева
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
WG_ Events
UX Design Рrocess
UX Design РrocessUX Design Рrocess
UX Design Рrocess
Darya Bolhovskaya
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда
Heads&Hands
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
Yury Vetrov
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
Ontico
Всё юзабилити за час
Всё юзабилити за часВсё юзабилити за час
Всё юзабилити за час
Digital Guru Club
Развитие интерфейса через гайдлайны
Развитие интерфейса через гайдлайныРазвитие интерфейса через гайдлайны
Развитие интерфейса через гайдлайны
tfmailru
Design thinking for sales
Design thinking for sales Design thinking for sales
Design thinking for sales
ITCP Community
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
Yury Vetrov
Основы разработки сайтов by Uplab
Основы разработки сайтов by UplabОсновы разработки сайтов by Uplab
Основы разработки сайтов by Uplab
Digital-агентство Uplab
Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.
Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.
Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.
ForkConf
Менеджер ИТ продукта
Менеджер ИТ продуктаМенеджер ИТ продукта
Менеджер ИТ продукта
Danil Dintsis, Ph. D., PgMP
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
Yury Vetrov
Useful meetup#1 design sprint
Useful meetup#1 design sprintUseful meetup#1 design sprint
Useful meetup#1 design sprint
usefulagency
Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...
Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...
Юрий Ветров "Как планируется работа команды проектирования и дизайна интерфей...
Yandex
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Yury Vetrov
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
Yury Vetrov
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
WG_ Events
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда
Heads&Hands
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
Yury Vetrov
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
Ontico
Всё юзабилити за час
Всё юзабилити за часВсё юзабилити за час
Всё юзабилити за час
Digital Guru Club
Развитие интерфейса через гайдлайны
Развитие интерфейса через гайдлайныРазвитие интерфейса через гайдлайны
Развитие интерфейса через гайдлайны
tfmailru
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
Yury Vetrov
Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.
Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.
Проектирование WEB-продукта. Взгляд со стороны начинающего продукт-менеджера.
ForkConf
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
Yury Vetrov

More from Sasha Kutsenko (9)

Саша Куценко на Behance portfolio review 2017
Саша Куценко на Behance portfolio review 2017Саша Куценко на Behance portfolio review 2017
Саша Куценко на Behance portfolio review 2017
Sasha Kutsenko
Cайт фотографа: рекомендации по созданию
Cайт фотографа: рекомендации по созданиюCайт фотографа: рекомендации по созданию
Cайт фотографа: рекомендации по созданию
Sasha Kutsenko
Как работает UХ студия
Как работает UХ студияКак работает UХ студия
Как работает UХ студия
Sasha Kutsenko
Презентация прототипа сайта
Презентация прототипа сайтаПрезентация прототипа сайта
Презентация прототипа сайта
Sasha Kutsenko
Итоги полного редизайна KEY.ru (eTarget 2015, Москва)
Итоги полного редизайна KEY.ru (eTarget 2015, Москва)Итоги полного редизайна KEY.ru (eTarget 2015, Москва)
Итоги полного редизайна KEY.ru (eTarget 2015, Москва)
Sasha Kutsenko
Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...
Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...
Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...
Sasha Kutsenko
Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...
Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...
Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...
Sasha Kutsenko
Саша Куценко: "Что дает проектирование" (CoffeTalks)
Саша Куценко: "Что дает проектирование" (CoffeTalks)Саша Куценко: "Что дает проектирование" (CoffeTalks)
Саша Куценко: "Что дает проектирование" (CoffeTalks)
Sasha Kutsenko
Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)
Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)
Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)
Sasha Kutsenko
Саша Куценко на Behance portfolio review 2017
Саша Куценко на Behance portfolio review 2017Саша Куценко на Behance portfolio review 2017
Саша Куценко на Behance portfolio review 2017
Sasha Kutsenko
Cайт фотографа: рекомендации по созданию
Cайт фотографа: рекомендации по созданиюCайт фотографа: рекомендации по созданию
Cайт фотографа: рекомендации по созданию
Sasha Kutsenko
Как работает UХ студия
Как работает UХ студияКак работает UХ студия
Как работает UХ студия
Sasha Kutsenko
Презентация прототипа сайта
Презентация прототипа сайтаПрезентация прототипа сайта
Презентация прототипа сайта
Sasha Kutsenko
Итоги полного редизайна KEY.ru (eTarget 2015, Москва)
Итоги полного редизайна KEY.ru (eTarget 2015, Москва)Итоги полного редизайна KEY.ru (eTarget 2015, Москва)
Итоги полного редизайна KEY.ru (eTarget 2015, Москва)
Sasha Kutsenko
Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...
Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...
Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RI...
Sasha Kutsenko
Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...
Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...
Саша Куценко — Почему в больших проектах нельзя без документации к интерфейсу...
Sasha Kutsenko
Саша Куценко: "Что дает проектирование" (CoffeTalks)
Саша Куценко: "Что дает проектирование" (CoffeTalks)Саша Куценко: "Что дает проектирование" (CoffeTalks)
Саша Куценко: "Что дает проектирование" (CoffeTalks)
Sasha Kutsenko
Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)
Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)
Саша Куценко: "Зачем и когда писать спецификацию" (ProfsoUX 2014)
Sasha Kutsenko

Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"

  • 1. Привет, я — Саша из компании Aidem 29 января 2014 Front-end разработка. Менеджерский блок
  • 3. Алан Купер «Спецификация формы и поведения — единственный способ соединить дизайн с разработкой продукта.» cooper.com
  • 4. Первое Это не техническое задание. Это про форму и поведение.
  • 5. Место в продуктовой документации 1. User Requirements Document (﴾URD)﴿ Об аудитории продукта и потребностях пользователей 2. Product Requirements Document (﴾PRD)﴿ О том, как продукт решает потребности пользователей 3. Form & Behavior Specification (﴾F&B spec)﴿ О том, как продукт выглядит и как себя ведет 4. Technical Requirements Documnet (﴾TRD)﴿ О том, как продукт будет разрабатываться и работать
  • 7. Разделы документа Вводная часть 1. Титульный лист 2. Версии документа 3. Введение 4. Цели проекта 5. Аудитория 6. Цели аудитории 7. Глоссарий 8. Бизнес 9. Продукт 10.Аналитика 11.Персонажи (бизнес роли) 12.Варианты использования 13.Инф. архитектура Основная часть 14.Концептуальная логика (напр. навигация, каталог) 15.Логика стандартных функций (напр. поиск, рег-ция, оплата) 16.Логика специальных функций (напр. система бон.баллов) 17.Экраны покупателя 18.Экраны менеджера (админа) 19.Стандартные элементы 20.Тексты писем / уведомлений 21.Данные (таблицы, хар-ки) 22.Требования к материалам 23.Общие требования (дизайн, платформа, браузеры)
  • 22. В итоге спецификация «BoomBate» 1. Новая парадигма Разработана, показана и описана новая концепция продукта. 2. 28 уникальных экранов Показаны все базовые экраны каждой бизнес-роли продукта. 3. 94 различных представлений экранов Показаны все возможные представления экранов и отдельных блоков во различных сценариях использования. 4. 10+ вспомогательных схем и описаний Схемы бизнес-процессов, инф.арх-ры, вар.использования, параллельности задач, ментально-программной модели и пр. 5. 116 страниц спецификации Готовая и полная инструкция для разработки нового продукта.
  • 24. 1. Чтобы проектировщик сам понимал (сказать ≠ написать). 2. Ничего не упустить (представления в различных сценариях). 3. Чтобы оценить объем (дизайна, разработки, тестирования). 4. Чтобы минимизировать споры (неизменность решений). 5. Чтобы у разработчиков/тестировщиков было меньше вопросов. 6. Чтобы потом не переделывать («вовремя не подумали»). 7. Чтобы стандартизировать приемы и поведение (UX). 8. Чтобы получить консистенцию дизайна и элементов (UI). 9. Чтобы заложить векторы развития и масштабируемости. 10.Чтобы объединить команду одной идеей (все знают что делают). 11.Чтобы все (команда, заказчик) понимали, чего ждать. 12.Чтобы подписывать не бесполезные бумажки (ТЗ), а дело. 13.Чтобы сохранить общий уровень качества (размытие).
  • 26. 1. Bussiness owner: правильная конвертация концепции продукта в форму. 2. Product owner: видение общей картины продукта и его реализации на всех этапах. 3. Designers: понимание философии продукта, ощущений и задач, которые должен решать дизайн. 4. Technical planners: основа для написания технических требований (TRD). 5. Development managers: оценка и планирование процесса реализации. 6. Developers: четкие инструкции по реализации интерфейса и его поведения = минимизация вопросов дизайнерам. 7. QA engineers & Usability professionals: понимание сценариев взаимодействия и поведения интерфейса, написание test cases. 8. Manual writers: основа для написания руководств пользователя, помощи и пр.
  • 28. 1. Когда не типовая задача Бизнес ПО, сложный продукт или поведение. 2. Когда есть идея, но не понятно что и как делать Стартапы, новые версии продуктов. 3. Когда много интерфейсов (﴾существующий продукт)﴿ Требуется стандартизация, консистенция, дизайн-стратегия. 4. Когда есть временной/географический разрыв в команде В создании продукта участвуют разные компании или невозможен прямой контакт разных участников команды. 5. Когда проектирование — отдельный проект Спецификация — документ, который подписывается и используется в дальнейших этапах реализации продукта с минимальным привлечением дизайнеров (не желательно). На самом деле почти всегда.
  • 29. Итого Спецификация формы и поведения является важнейшим компонентом успешной разработки продукта. Она экономит время и деньги, делая команду более сплоченной, а процесс более стабильным и предсказуемым.
  • 30. Что я хотел вам сказать?
  • 31. 1. Внедряйте проектирование Объясняйте какие выгоды от этого получите, и вы, и заказчик. 2. Вырабатывайте и используйте гайдлайны и стандарты Стандартизация, уникальный визуальный язык, UX-стратегия (особенно продуктовые компании). 3. Занимайтесь дизайном системно С самого первого продукта компании. Это окупится. 4. Поднимайте качественный уровень проектов Это даст новые, более финансово привлекательные проекты. 5. Используйте новые подходы в создании продуктов Это повысит общий уровень знаний и возможностей команды. 6. Делайте качественные продукты. Любите то, что делаете. Болейте за это.
  • 33. Ответ на вопрос «Как?» заслуживает отдельного доклада, а может и нескольких. До встречи!