Информационная архитектура веб-сайта

Подобно тому, как зданию нужен архитектурный проект, который размещает все комнаты, соединяет комнаты друг с другом и обеспечивает хорошее распределение пространства, веб-сайту нужна базовая структура, которая имеет смысл как для посетителей, так и для поисковых роботов.

Применительно к веб-сайту информационная архитектура — это то, как вся информация структурирована как во фронтофисе, так и в бэкофисе веб-сайта.

Информационная архитектура включает в себя:

Карту сайта — список всех страниц вашего сайта, обычно указывающий, как папки разделяют страницы на разные категории.

Навигацию — меню и другие элементы, которые посетители используют для перемещения по вашему сайту.

Диаграмму информационной архитектуры — комплексный документ, включающий все элементы архитектуры, прежде всего карту сайта и навигацию.

Основные компоненты информационной архитектуры, которые следует учитывать при создании любого веб-сайта:

Организационные системы описывают, как будет разделена информация. Три наиболее фундаментальные системы в этой категории — иерархическая, последовательная и матричная. Эти системы обеспечивают концептуальную основу для общей категоризации информации на вашем сайте.

Системы маркировки предназначены для представления данных. Это наиболее заметные компоненты структуры архитектуры. Метки, такие как кнопка «связаться» для поощрения события конверсии, интуитивно сообщают вашей аудитории, что делать и чего ожидать. Текст в меню также является частью системы маркировки, как и якорный текст для ссылок и даже заголовков на странице.

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

Поисковые системы варьируются от поисковой строки в самом простом виде до сложной системы фильтрации для крупных веб-сайтов. Это способ для пользователя пропустить навигацию и перейти прямо на выбранную им страницу.

Хорошая архитектура помогает вам быстро донести важную информацию, помогая вашим пользователям находить то, что они ищут:

• играет центральную роль в обеспечении хорошего UX;

• обеспечивает обзор всего участка с высоты птичьего полета;

• помогает достичь целей вашего сайта;

• оказывает значительное влияние на поисковую оптимизацию;

• может снизить ваши долгосрочные расходы на маркетинг.

Основные принципы доступности в информационной архитектуре

• Пользователи должны иметь возможность легко приземляться на элементы управления и понимать сайт.

• Заголовки страниц должны быть описательными и легко передавать суть каждой страницы.

• Пользователи должны иметь возможность перемещаться по вашему сайту несколькими способами.

• Изменения в языке должны быть четко обозначены на вашей странице и в вашем коде, чтобы помочь людям с экранными дикторами, когнитивными нарушениями и программным обеспечением для перевода Брайля.

• Формы должны быть простыми и понятными, а также обеспечивать доступность каждого поля.

Основные принципы архитектуры мобильной информации

• Контент должен быть меньше, проще и легче в обращении, чем традиционный десктопный веб-сайт.

• Навигация должна быть максимально простой, с ограничением количества опций в меню или дополнительных меню, которые могут показаться простыми на настольном компьютере.

• Каждый клик, который делает мобильный пользователь, требует усилий. Чем меньше им нужно сделать, чтобы добраться до тех мест, куда они хотят попасть, тем лучше. Ссылки должны быть четко обозначены и, по возможности, легкодоступны — чем более описательным будет текст ссылки, тем лучше.

• Навигационные подсказки должны быть очевидными. Везде, где это возможно, это означает, что нужно делать хлебные крошки явными и сообщать пользователям, чего именно ожидать, когда они нажимают на них.