Similar presentations:
Презентации для вебинаров (Тонких Артём Петрович)
1.
Интернет-проектированиев и с т о р и ч е с ко м
образовании
Разработка технического задания,
пользовательских сценариев
Разработчик – Тонких Артём Петрович
2.
ВОПРОСЫ ВЕБИНАРАНА ВЕБИНАРЕ ВЫ НАУЧИТЕСЬ:
• составлять техзадание на разработку веб-приложения
• разрабатывать пользовательские сценарии
3.
План выполнения работыТехническое задание
Бриф
• ГОСТ 34.602-89
• ГОСТ 19.201–78
• ISO / IEC / IEEE 29148:
2018
• В произвольной форме
• Более короткий
4.
ГОСТ 34.602-895.
ГОСТ 34.602-89Общие сведения
Назначение и цели создания (развития) системы
Характеристика объектов автоматизации
Требования к системе
Состав и содержание работ по созданию системы
Порядок контроля и приемки системы
6.
ГОСТ 19.201-787.
ГОСТ 19.201-78Основания для разработки
Назначение разработки
Требования к программе или программному изделию
Требования к программной документации
Стадии и этапы разработки
Порядок контроля и приемки
8.
ISO/IEC/IEEE 291489.
Software Requirements SpecificationВведение
Общее описание
Функциональность
Детальные требования
Тестирование и проверка
Приложения
10.
Шаблон спецификации требований. ВведениеЦели
Соглашение о терминах
Предполагаемая аудитория и последовательность
восприятия
Масштаб проекта
Ссылки на источники
11.
Шаблон спецификации требований. Общее описаниеВидение продукта
Функциональность продукта
Классы и характеристики пользователей
Среда функционирования продукта
Рамки, ограничения, правила и стандарты
Допущения и зависимости
12.
Шаблон спецификации требований. ФункциональностьФункциональные требования
Причинно-следственные связи
Алгоритмы (движение процессов, workflows)
Описание и приоритет
Взаимодействие продукта с другими продуктами и компонентами
13.
Шаблон спецификации требований. Детальные требованияТребования к внешним интерфейсам
Требования к юзабилити
Требования к производительности
Требования к логической структуре БД
Дополнительные требования
14.
БрифЭто не техническое задание
Нет плана работ, постановки конкретных задач
Содержит информацию о самом заказчике
Содержит цели реализации веб-приложения
Содержит показатели, по которым будет оцениваться
успешность приложения
15.
БрифИнформация о заказчике
Цель веб-приложения
Результаты, которые заказчик хочет достичь с помощью
веб-приложения
Функционал и технические особенности веб-приложения
Этап разработки, техническая поддержка и поддержка
обновлений
16.
Пользовательские сценарииПомогают лучше понимать предпочтения пользователей
веб-приложения
Помогают анализировать пользовательский опыт
Выявляют цель, которую будут достигать пользователи
на каждом из экранов приложения
Помогают определить наименьшее количество шагов
пользователей для достижения цели с минимальными
затратами сил и времени
17.
Разновидности сценариевUser story
Концептуальные
сценарии
Конкретные сценарии
Сценарии
использования
18.
User storyРуководство к действиям по созданию, оптимизации
и продвижению продукта
Возможность оценить перспективы продукта
Функции User Story успешно заменяют
функциональные спецификации
Короткое описание функционала продукта
Способ описания требований
19.
User storyПользователь
Действие
Цель
20.
Структура User storyКак
Пользователь
Роль
Хочу/могу
Выполнить
Получить
Чтобы
Цель
Ценность
21.
Пользовательская история: примерыКак
Пользователь
интернет-библиотеки
Хочу
Скачать книгу
Чтобы
Прочитать книгу
22.
Пользовательская история: примерыКак
Пользователь
интернет-сервиса
каршеринга
Хочу
Арендовать автомобиль
Чтобы
Доехать до работы
23.
Критерии в User storyINVEST
Independent – независимость истории
Negotiable – обсуждаемая история
Valuable – ценность истории
Estimable – независимость, доступность истории
Small – компактная история
Testable – тестируемая история
24.
Концептуальные сценарииПохожие пользовательские истории объединяются
Мелкие детали отбрасываются
Важны для генерации идей и определения требований
Помогают выявлять требования
25.
Конкретные сценарииМеньше абстракции и больше конкретики
Включают детали реализации
Используются для проектирования
Конкретные сценарии пишутся от лица пользователя
26.
Конкретные сценарииЦелевая
аудитория
Персонаж
Путь
достижения
цели
27.
Сценарии использования: use caseОписывают все взаимодействия системы с пользователем
Наиболее технический и напоминает алгоритм, а не историю
Пошаговое описание взаимодействий пользователей и системы
Действующим лицом являются абстрактные пользовательские роли
28.
Разработка сценария1. Выберите пользовательский опыт, который хотите описать
2. Составьте портрет клиента
3. Составьте пользовательские истории
4. Конкретизируйте истории до уровня сценария
5. Выделите и проработайте разные варианты взаимодействия
29.
Сценарий для интерфейса веб-приложенияИнтерфейс
Пользователи /
роли
Способы
применения
интерфейса
30.
Пользовательские сценарииСценарий
Цель, которую мы преследуем
Основной сценарий
Альтернативные сценарии
Дополнительные сценарии
Конечный результат
31.
Пользовательские сценарии32.
Пользовательские сценарииЗадача
Онлайн-бронирование
фильм
билетов
Пользовательская история
на Зайти на сайт бронирования билетов
Выбрать фильм
Выбрать дату
Выбрать время
Выбрать места
Ввести номер сотового телефона
Ввести имя клиента
Подтвердить данные клиента
33.
ВОПРОСЫ ДЛЯ САМОКОНТРОЛЯ1. Структура технического задания
2. Структура брифа
3. Алгоритм разработки пользовательского сценария
34.
СПАСИБО ЗА ВНИМАНИЕ!35.
Интернет-проектированиев и с т о р и ч е с ко м
оРазработка
бразован
ии
структуры, прототипа
интерфейса веб-приложения
Разработчик – Тонких Артём Петрович
36.
ВОПРОСЫ ВЕБИНАРАНА ВЕБИНАРЕ ВЫ УЗНАЕТЕ:
о прототипировании веб-интерфейсов приложения
о преимуществах прототипирования
об онлайн-сервисе Figma
37.
Прототипирование веб-интерфейсаПриоритетность контента
Распределение пространства
Распределение интерактивных элементов
Доступность опций и функций
Переходы между экранами
38.
Прототипирование веб-интерфейсаВозможность вовремя скорректировать решение
Возможность показать продукт заказчику
Скорректировать и уточнить пожелания к результату
Спланировать дальнейшее развитие приложения
Проверить работоспособность пользовательских сценариев
39.
Инструменты прототипирования40.
Инструменты прототипирования41.
Инструменты прототипирования42.
Инструмент прототипирования Figma43.
Инструмент прототипирования Figma44.
Figma. Обзор интерфейса2
1
3
4
5
45.
Инструмент прототипирования Figma46.
Создание Frame47.
Инструменты для создания фигур48.
Инструменты для создания фигур49.
Инструменты для создания фигур50.
Layout Grid51.
Layout Grid52.
Layout Grid53.
Инструмент Text54.
Инструмент Text55.
Инструмент Text56.
Инструмент Group57.
CSS58.
Инструмент Present59.
Прототипирование веб-интерфейса: пример 160.
Прототипирование веб-интерфейса: пример 261.
Прототипирование веб-интерфейса: пример 362.
Прототипирование веб-интерфейса: пример 463.
Прототипирование веб-интерфейса: пример 564.
Прототипирование веб-интерфейса: пример 665.
Прототипирование веб-интерфейса66.
Прототипирование веб-интерфейса67.
ВОПРОСЫ ДЛЯ САМОКОНТРОЛЯ1.
Что означает прототипирование веб-интерфейса приложения?
2.
В чем преимущества прототипирования?
3.
С помощью каких инструментов можно делать прототипирование
веб-интерфейса приложения?
4.
Возможности онлайн-сервиса Figma