34
Привет , я Саша из компании Aidem 29 января 2014 Front-end разработка. Менеджерский блок

"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Embed Size (px)

DESCRIPTION

Семинар «Front-end разработка. Менеджерский блок», организованный интернет-агентством Lead Zeppelin.

Citation preview

Page 1: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Привет, я — Сашаиз компании Aidem

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

Page 2: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Спецификация формы и поведения:зачем кому и как?»

Доклад

«

Page 3: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Алан Купер

cooper.com

Спецификация формыи поведения — единственный способ соединить дизайнс разработкой продукта.»

«

Page 4: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Это не техническое задание.Это про форму и поведение.

Первое

Page 5: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Место в продуктовой документации

1. User Requirements Document (﴾URD)﴿Об аудитории продукта и потребностях пользователей

2. Product Requirements Document (﴾PRD)﴿О том, как продукт решает потребности пользователей

3. Form & Behavior Specification (﴾F&B spec)﴿О том, как продукт выглядит и как себя ведет

4. Technical Requirements Documnet (﴾TRD)﴿О том, как продукт будет разрабатываться и работать

Page 6: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Что это?

Page 7: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Разделы документаВводная часть

1. Титульный лист2. Версии документа3. Введение4. Цели проекта5. Аудитория6. Цели аудитории7. Глоссарий8. Бизнес9. Продукт10.Аналитика11.Персонажи (бизнес роли)12.Варианты использования13.Инф. архитектура

Основная часть14.Концептуальная логика

(напр. навигация, каталог)15.Логика стандартных функций

(напр. поиск, рег-ция, оплата)16.Логика специальных функций

(напр. система бон.баллов)17.Экраны покупателя18.Экраны менеджера (админа)19.Стандартные элементы20.Тексты писем / уведомлений21.Данные (таблицы, хар-ки)22.Требования к материалам23.Общие требования

(дизайн, платформа, браузеры)

Page 8: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Спецификации внутреннего ПО купонного сервиса

На примере

Page 9: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 10: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 11: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 12: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 13: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 14: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 15: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 16: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 17: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 18: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 19: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 20: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 21: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem
Page 22: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

В итоге спецификация «BoomBate»

1. Новая парадигмаРазработана, показана и описана новая концепция продукта.

2. 28 уникальных экрановПоказаны все базовые экраны каждой бизнес-роли продукта.

3. 94 различных представлений экрановПоказаны все возможные представления экранов и отдельных блоков во различных сценариях использования.

4. 10+ вспомогательных схем и описанийСхемы бизнес-процессов, инф.арх-ры, вар.использования, параллельности задач, ментально-программной модели и пр.

5. 116 страниц спецификацииГотовая и полная инструкция для разработки нового продукта.

Page 23: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Зачем?

Page 24: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

1. Чтобы проектировщик сам понимал (сказать ≠ написать).2. Ничего не упустить (представления в различных сценариях).3. Чтобы оценить объем (дизайна, разработки, тестирования).4. Чтобы минимизировать споры (неизменность решений).5. Чтобы у разработчиков/тестировщиков было меньше вопросов. 6. Чтобы потом не переделывать («вовремя не подумали»).7. Чтобы стандартизировать приемы и поведение (UX).8. Чтобы получить консистенцию дизайна и элементов (UI).9. Чтобы заложить векторы развития и масштабируемости.10.Чтобы объединить команду одной идеей (все знают что делают).11.Чтобы все (команда, заказчик) понимали, чего ждать.12.Чтобы подписывать не бесполезные бумажки (ТЗ), а дело.13.Чтобы сохранить общий уровень качества (размытие).

Page 25: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Кому?

Page 26: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

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: основа для написания руководств пользователя, помощи и пр.

Page 27: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Когда?

Page 28: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

1. Когда не типовая задачаБизнес ПО, сложный продукт или поведение.

2. Когда есть идея, но не понятно что и как делатьСтартапы, новые версии продуктов.

3. Когда много интерфейсов (﴾существующий продукт)﴿Требуется стандартизация, консистенция, дизайн-стратегия.

4. Когда есть временной/географический разрыв в командеВ создании продукта участвуют разные компании или невозможен прямой контакт разных участников команды.

5. Когда проектирование — отдельный проектСпецификация — документ, который подписывается и используется в дальнейших этапах реализации продукта с минимальным привлечением дизайнеров (не желательно).

На самом деле почти всегда.

Page 29: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Итого

Спецификация формы и поведения является важнейшим компонентом успешной разработки продукта.

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

Page 30: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Что я хотел вам сказать?

Page 31: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

1. Внедряйте проектированиеОбъясняйте какие выгоды от этого получите, и вы, и заказчик.

2. Вырабатывайте и используйте гайдлайны и стандарты Стандартизация, уникальный визуальный язык, UX-стратегия (особенно продуктовые компании).

3. Занимайтесь дизайном системноС самого первого продукта компании. Это окупится.

4. Поднимайте качественный уровень проектовЭто даст новые, более финансово привлекательные проекты.

5. Используйте новые подходы в создании продуктовЭто повысит общий уровень знаний и возможностей команды.

6. Делайте качественные продукты.Любите то, что делаете. Болейте за это.

Page 32: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Как?

Page 33: "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко из студии Aidem

Ответ на вопрос «Как?» заслуживает отдельного доклада, а можети нескольких.

До встречи!