User flow и Information architecture diagram В субботу я проводила разборы портфолио в прямом эфире и в очередной раз встретила супер-частую ошибку: путать юзерфлоу и схему информационной архитектуры. Давайте договоримся: я рассказываю о разнице и почему это важно, а вы больше никогда не путаетесь 🤝 ☝️Userflow - блок-схема, состоящая из прямоугольников (действия пользователя), ромбов (условия для переходов) и стрелок (переходы). Нужна чтобы показать какие шаги пользователь совершает в рамках определённого сценария для выполнения какой-то задачи. То что подчеркнуто - принципально важно. Юзерфлоу помогает описать последовательность действий пользователя, у которых есть начало (старт) и конец (выполнение задачи). Если есть вариации что человек сделает, мы обязательно пишем условие, чтобы понять в каком случае каким путем юзер пойдёт в рамках своей задачи. Схем юзерфлоу может быть много, так как задач у пользователя бывает множество: получить новый паспорт, подать документы, заплатить штраф - это все разные задачи, а сервис для них один (тут могла бы быть контекстная реклама, но мне за нее не платят). ✌️Карта (диаграмма) информационной архитектуры - «слепок» структуры разделов, фактически карта сайта. Никакого сценария она не показывает, потому что: 1. Не живет в рамках конкретной задачи пользователя 2. Не содержит переходы и условия, т.е. не описывает действия пользователя Это просто древовидная (как правило) схема структуры интерфейса. Помогает понять какие есть разделы и подразделы, как они называются. Является основой для навигации (меню, хлебные крошки, поиск). Схема ИА всегда одна. 🤞 Два этих артефакта решают принципиально разные задачи, поэтому их нельзя смешивать. Вот в этом фрагменте разбираю данную ошибку и объясняю разницу на примере ❤️