Диаграмма Wireflow Diagram
Wireflow:
- это диаграмма, которая представляет из себя гибрид обычной блок-схемы (flowchart) и вайрфрейма.
- это блок-схема, которая включает в себя вайрфреймы.
- design-specification format that combines wireframe-style page layout designs with a simplified flowchart-like way of representing interactions. (определение от NNgroup)
Применяется в случае, когда просто вайрфрейма или просто схемы недостаточно. Вайрфреймы помогают донести расположение элементов, но не взаимодействие с ними. Блок-схема неплохо показывает взаимодействие человека с приложением, но никак не покрывает вопросы внешнего вида и расположения элементов.
Таким образом, wireflow diagram помогает задокументировать сложные взаимодействия, в которых содержимое экрана изменяется в зависимости отповедения пользователя или каки-то иных условий.
Элементы wireflow:
- Входы и выходы
- Шаги. Например: действие пользоветля, действие системы, альтернативная ветка (путь)
- Связи. Показываюия пути между экранами.
- Точки принятия решений: места, где человек должен выбрать из двух или более вариантов
Источники: