SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
Привет, я — Саша Куценко
из компании Aidem
26 апреля 2014
Зачем и когда писать
спецификацию
формы и поведения
«
»
Экраны
Глоссарий
Введение
Аудитория
Тексты
Бизнес-модель
Цели
Инф.архитектура
Выводы
Поведение
Метрики
ИсследованияПерсонажи
Сценарии
Потребности
Концепция
Варианты использования
Взаимодействие
Логика
Стандартные элементы
Требования
User Requirements Document
Об аудитории продукта и потребностях пользователей
Product Requirements Document
О том, как продукт решает потребности пользователей
Form & Behavior Specification
О том, как продукт выглядит и как себя ведет
Technical Requirements Documnet
О том, как продукт будет разрабатываться и работать
1.
2.
3.
4.
Алан Купер
Спецификация формы
и поведения — единственный
способ соединить дизайн
с разработкой продукта.»
«
Зачем писать?
Или почему нельзя на словах
Понять продукт
прочувствовать, осознать,
представить
Чтобы...
Разные модели каталогов
Иерархическая модель Модель связей
дизайна, разработки,
тестирования
Оценить объем
Чтобы...
Внутренняя система по выпуску купонов
28
экранов представлений
94
страниц
116
UML схем
11
Минимизировать
вопросы
разработчиков и других участников
Чтобы...
Экран
Представление
Таблицы
Блоки
Состояние
При прокрутке страницы вниз в момент
исчезновения блока поиска из видимой области окна
браузера слева от закладки «Спросить сейчас»
сверху опускается (длительность анимации 0,5
секунды) вторая закладка «Умный поиск», при этом
обе закладки прикрепляются и прокручиваются
вместе со страницей, оставаясь доступными для...
Переключение города означает смену телефона в
блоке «Контакты», скидок, акций и новинок для
выбранного региона (товары, количественные
показатели).
Для каждого подготавливаемого изображения
мудборда рекомендуется использовать свой текст
сообщения (не более 60 символов).
Стандартизировать
приемы, поведение, элементы
интерфейса, язык интерфейса
Чтобы...
HIG iOS7 UXG Win8
Знать
чего ждать, что рисовать,
как делать
Чтобы...
Business owner
Правильная конвертация
идеи продукта в форму
Product owner
Видение общей картины на
всех этапах
Designers
Понимание философии продукта,
и задач дизайна
Dev.Manager
Оценка и планирование
реализации
Manual writers
Основа для руководств
пользователя, помощи и пр.
QA specialists
Понимание сценариев, поведения
интерфейса, написание test cases
Developers
Четкие инструкции по
реализации
Не так уж и сложно
Четкая структура Однотипная верстка
Введение
Персонажи
Аудитория
Концепция
Логика
Экраны
Элементы интерфейса
Данные
Экран
Представление
Таблицы
Блоки
Состояние
Когда нужна?
Или когда можно без нее
Не типовая задача
бизнес ПО, сложный продукт или
поведение
Когда...
Есть только идея
стартапы, новые версии продуктов
Когда...
Удаленная работа
разные компании, разные языки,
разные страны и континенты
Когда...
Много интерфейсов
требуется стандартизация,
консистенция, дизайн-стратегия
Когда...
Отдельная услуга
спецификация подписывается и
используется в дальнейших этапах
Когда...
Most software developers, however,
can only dream of such a thing.»
«
Не всегда, но почти
Она экономит время и деньги,
делая процесс более стабильным
и предсказуемым.
Спецификация — стержень процесса
разработки.
+7 (812) 380-79-29
mailbox@aidem.ru
Саша Куценко
facebook.com/gurick
slideshare.net/gurickAidem.ru
презентация здесь

Contenu connexe

Similaire à Зачем и когда писать спецификацию. Саша Куценко

Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...Sasha Kutsenko
 
“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)
“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)
“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)SPECIA
 
"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
 "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ... "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...Lead Zeppelin
 
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"Sasha Kutsenko
 
О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...
О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...
О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...ПрофсоUX
 
Game|Changers Enterprise Architecture Track
Game|Changers Enterprise Architecture TrackGame|Changers Enterprise Architecture Track
Game|Changers Enterprise Architecture TrackMaxim Arzumanyan
 
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...Yury Vetrov
 
ReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиковReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиковYuri Vedenin
 
практика управления требованиями
практика управления требованиямипрактика управления требованиями
практика управления требованиямиISsoft
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Designguvarov
 
введение в корпоративный E learning
введение в корпоративный E learningвведение в корпоративный E learning
введение в корпоративный E learningWebSoft
 
Как выжить глобальной корпорации?
Как выжить глобальной корпорации?Как выжить глобальной корпорации?
Как выжить глобальной корпорации?CEE-SEC(R)
 
рит2007 требования и состав работ бесков доронин
рит2007   требования и состав работ   бесков доронинрит2007   требования и состав работ   бесков доронин
рит2007 требования и состав работ бесков доронинMedia Gorod
 
Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...
Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...
Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...Optimization conference
 
Практический анализ и визуальное моделирование на UML
Практический анализ и визуальное моделирование на UMLПрактический анализ и визуальное моделирование на UML
Практический анализ и визуальное моделирование на UMLNikolai Kireev
 
Наталья Желнова для ITGM#6. Обучение системных аналитиков
Наталья Желнова для ITGM#6. Обучение системных аналитиковНаталья Желнова для ITGM#6. Обучение системных аналитиков
Наталья Желнова для ITGM#6. Обучение системных аналитиковSPbCoA
 
Проектирование графических интерфейсов лекция 4
Проектирование графических интерфейсов лекция 4Проектирование графических интерфейсов лекция 4
Проектирование графических интерфейсов лекция 4Technopark
 

Similaire à Зачем и когда писать спецификацию. Саша Куценко (20)

Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
 
“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)
“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)
“Спецификация формы и поведения”. Саша Куценко, Aidem. (29.01.2014)
 
"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
 "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ... "Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
"Написание спецификации формы и поведения: зачем, кому и как." Саша Куценко ...
 
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
Саша Куценко: "Cпецификация формы и поведения — зачем, кому и как?"
 
О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...
О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...
О. Левашов - «Применение BMC, Empathy Map, диаграммы Кано для оценки Usabilit...
 
Prototyping
PrototypingPrototyping
Prototyping
 
Game|Changers Enterprise Architecture Track
Game|Changers Enterprise Architecture TrackGame|Changers Enterprise Architecture Track
Game|Changers Enterprise Architecture Track
 
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
 
ReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиковReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиков
 
практика управления требованиями
практика управления требованиямипрактика управления требованиями
практика управления требованиями
 
презентация 2
презентация 2презентация 2
презентация 2
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Design
 
введение в корпоративный E learning
введение в корпоративный E learningвведение в корпоративный E learning
введение в корпоративный E learning
 
Как выжить глобальной корпорации?
Как выжить глобальной корпорации?Как выжить глобальной корпорации?
Как выжить глобальной корпорации?
 
рит2007 требования и состав работ бесков доронин
рит2007   требования и состав работ   бесков доронинрит2007   требования и состав работ   бесков доронин
рит2007 требования и состав работ бесков доронин
 
Kupriyanov
KupriyanovKupriyanov
Kupriyanov
 
Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...
Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...
Виктор Крылов, Современная поведенческая аналитика в большом e-commerce, Opti...
 
Практический анализ и визуальное моделирование на UML
Практический анализ и визуальное моделирование на UMLПрактический анализ и визуальное моделирование на UML
Практический анализ и визуальное моделирование на UML
 
Наталья Желнова для ITGM#6. Обучение системных аналитиков
Наталья Желнова для ITGM#6. Обучение системных аналитиковНаталья Желнова для ITGM#6. Обучение системных аналитиков
Наталья Желнова для ITGM#6. Обучение системных аналитиков
 
Проектирование графических интерфейсов лекция 4
Проектирование графических интерфейсов лекция 4Проектирование графических интерфейсов лекция 4
Проектирование графических интерфейсов лекция 4
 

Plus de ПрофсоUX

Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?ПрофсоUX
 
Мама, прости, что-то пошло не так
Мама, прости, что-то пошло не такМама, прости, что-то пошло не так
Мама, прости, что-то пошло не такПрофсоUX
 
Свободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-всеСвободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-всеПрофсоUX
 
Обратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользыОбратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользыПрофсоUX
 
Как точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователяКак точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователяПрофсоUX
 
UX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазинаUX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазинаПрофсоUX
 
UX для сотрудников в большой компании
UX для сотрудников в большой компанииUX для сотрудников в большой компании
UX для сотрудников в большой компанииПрофсоUX
 
UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustПрофсоUX
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПрофсоUX
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаПрофсоUX
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхПрофсоUX
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихПрофсоUX
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследованийПрофсоUX
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераПрофсоUX
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипахПрофсоUX
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиПрофсоUX
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрофсоUX
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПрофсоUX
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»ПрофсоUX
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуПрофсоUX
 

Plus de ПрофсоUX (20)

Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
 
Мама, прости, что-то пошло не так
Мама, прости, что-то пошло не такМама, прости, что-то пошло не так
Мама, прости, что-то пошло не так
 
Свободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-всеСвободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-все
 
Обратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользыОбратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользы
 
Как точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователяКак точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователя
 
UX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазинаUX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазина
 
UX для сотрудников в большой компании
UX для сотрудников в большой компанииUX для сотрудников в большой компании
UX для сотрудников в большой компании
 
UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dust
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный язык
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального роста
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данных
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячих
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследований
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнера
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипах
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурами
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской технике
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
 

Зачем и когда писать спецификацию. Саша Куценко