Ирина Никулина – Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов (страница 43)

Структуру можно построить практически в любой программе, например в MS Exel или MS Word, или даже нарисовать от руки на листке бумаги, но визуально это будет выглядеть непрофессионально, поэтому лучше воспользоваться специализированными программами.

Программы, помогающие создать структуру сайта:

XMind – программа для построения майнд карт, структур (есть как платная, так и бесплатная версия). Программа обладает достаточно широким функционалом, есть версии для Window, macOS, Linux.

Diagrams.net – бесплатный онлайн сервис для создания структур и диаграмм. Из плюсов: есть шаблоны и возможность выгрузки результатов в облачные сервисы.

Microsoft Visio – платный софт от компании Майкрософт, подойдет для создания структур сайта любой сложности и направленности.

Глава 10. Внешняя структура сайта

В этой главе:

1. Определения

2. Структура интернет-магазина

3. Шапка сайта, меню и слайдер

4. Преимущества и модуль «О компании»

5. Каталог, Модуль «Схема работы», «Партнеры»

6. Отзывы, гарантии, сертификаты

7. Новости, контакты, подвал сайта

1. Определение

Внутренняя структура сайта – логичное расположение всех элементов (модулей) на страницах сайтов, их взаимосвязанность по тематике и значению, а также упорядоченность страниц ресурса. Внутренняя структура сайта включает в себя категории и разделы сайта, и отношение к ним отдельных страниц. См. рис.61.

Внешняя структура сайта представляет собой макет страницы, на котором блоками обозначены отдельные её элементы (расположение модулей на странице, например, на Главной). См. рис. 62.

В первую очередь речь идёт о Главной странице сайта. На этой странице бывает максимальное количество модулей по сравнению с остальными страницами.

Тем не менее, есть повторяющиеся модули на всех страницах, обычно это:

– Шапка сайта.

– Первый баннер (он же может быть слайдером, сменой нескольких баннеров).

– Меню сайта.

– Мобильное меню.

– Форма заявки (обратной связи).

– Контакты.

– Интерактивная карта в контактах.

– Подвал сайта.

От того, насколько грамотно и просто продумана структура сайта, зависит конверсия сайта; время, которое провели посетители на сайте; количество посетителей и заказов.

2. Структура интернет-магазина

Особенно важно проработать структуру первой страницы интернет-магазина, поскольку в девяносто процентах случаев в интернет-магазине продаёт товары именно «витрина товаров» на первой странице.