При создании вашего сайта, на начальном этапе нужно создавать карту сайту и диаграмму потоков задач, для того чтобы понимать как будет выглядеть ваш проект, из каких будет состоять страниц, и какие будет выполнять действия. На этом этапе очень просто менять и дорабатывать сайт без сложных изменений на дизайне и программной части. Поэтому начальный этап является фундаментом для дальнейшего создания сайта, чтобы построить правильный механизм работы и добиться необходимых результатов.
Что такое карта сайта?
Начнем с простейшего из всех определений: карта сайта это визуальное представление главной и внутренних страниц сайта. Простая карта сайта обычно помещается на одном листе бумаги и напоминает классические организационные диаграммы. Впрочем, карты строятся не только для вебсайтов, а также для приложений, интерфейсов, программной обеспечения и других программ, в которых уместно идентифицировать страницы, представления, состояния и любую выводимую информацию.
Карта сайта служит помощником для команды разработчиков и заказчика, чтобы правильно организовать контент на сайте. Карта сайта отображает как будет выглядеть навигация на сайте и показывает все переходы по страницам.
Что такое диаграмма потоков задач?
Кроме карты сайтов, разрабатывается для более сложных проектов, таких как магазины или порталы диграмма потоков задач.
Она служит, чтобы показать какие пути и действия будут выполненны пользователей, и какой результут он получит по окончанию работы с сайтом или приложением.
Отличие диаграммы потоков задач от карты сайта, в том что карта сайтов показывает количество всех страниц на сайте и их иерархию, чтобы понимать сложность проекта при дальнейшей разраьботке его (дизайн, программирование, тестирование, наполнение), а диаграмма потоков задач показывает варианты действий, и пути, которым пользователь будем двигаться.
Два этих элементы дополняют друг друга и очень полезны для команды разработки и команды клиентов, чтобы настроить правильный процесс, и показать сколько существует страниц, и куда двигаться по ним, и зачем это делать, и куда приведет.
В неком формате это как карта пушественника, где у нас есть путь, и мы двигаемся по нему, выбирая правильный маршрут. Чем детальнее карта, тем быстрее мы найдем свою дорогу, и получим необходимый результат.
В каких программах можно создавать карту сайта и диаграмму поток задач
Самые популярные, которые используются для работы проектировщиками :
- Axure RP Pro
- Figma
- Invision
- Adobe Photoshop
- Adobe Illustrator
- Adobe XD
- Sketch
- Principle
- Balsamiq
- MockFlow
- HTML/CSS
Вы можете выбрать любую программу которая Вам по вкусу для создания карты сайта, или же для начала попрактиковаться на бумаге, или в вашем блокноте.