Информационная архитектура сайта — как она создается

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

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

Информационная архитектура -эффективный способ вызвать эмоции у пользователей и привлечь их внимание к контенту. Есть много способов реализовать информационную архитектуру, и вот несколько из них.

Организационные диаграммы

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

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

Использование Алфавитных схем алфавит для организации содержания. Схема довольно простая. Вы размещаете контент в алфавитном порядке. Чтобы это было оптимальным, контент должен соответствовать ключевым словам, которые ищет пользователь. В противном случае пользователь не сможет найти нужный контент. Поэтому алфавитный указатель часто используется в качестве вторичного метода в дополнение к основным методам; Хронологические карты- упорядочивают контент по дате. Однако определение принадлежности контента может быть спорным и субъективным. Чтобы этот тип схемы был оптимальным, выберите соответствующий период времени; Географические схемы упорядочите контент по географическому признаку. Как и алфавитные таблицы, они часто используются в дополнение к навигации по страницам. Конфликт возникает, когда возникает спорная ситуация, связанная с географическим положением.

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

После того, как вы разработали свою собственную ментальную модель, вы можете организовать свой контент наиболее эффективным для пользователя способом. Создаваемые пользователями шаблоны основаны на том, как элементы контента связаны друг с другом и взаимодействуют друг с другом. Ниже приведены некоторые примеры таких схем.

Тематические схемы — они представляют собой схемы субъектной организации, которые организуют контент по темам. Их можно использовать, когда пользователь ищет конкретную тему и знает, какие ключевые слова нужно ввести, чтобы найти информацию. Если вы правильно классифицируете свой контент на основе ключевых слов при построении архитектуры сайта, их будет легко найти; Схемы метафор классифицируйте контент, связывая его со знакомыми концепциями и идеями. По сути, контент организован другим контентом, который логически связан с исходной информацией. Диаграммы-метафоры используются в дизайне интерфейсов, включая структуру папок, корзин и других элементов. Но когда организация сайта полагается исключительно на метафорические шаблоны, могут возникнуть проблемы. Такой способ организацииЛучше работает как дополнительная схема; Схемы аудитории организуют ваш контент в зависимости от типа аудитории, для которой он предназначен. Этот тип системы может быть закрытым или открытым, и пользователи могут переходить из одной аудитории в другую. Однако, если тип аудитории определить нелегко, возникают проблемы, связанные с путаницей при выборе аудитории контента из множества подходящих вариантов; Таргетинг организует ваш контент на основе действий, потребностей, вопросов или ответов. процедуры, которые пользователи будут учитывать при поиске контента, связанного с определенными ключевыми словами. Эти системы подходят, когда система точно определяет эти задачи. Прежде чем систематизировать контент, можно провести исследование, чтобы убедиться, что ваш сайт охватывает его как можно более полно.

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

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

Эта стратегия может быть сложной, если ее не реализовать должным образом, и пользователи будут сбиты с толку, пытаясь найти контент. Если вы не на 100 процентов уверены, что делаете, лучшим решением будет использование одной диаграммы.

Организационные диаграммы

Организационные диаграммы создают контент на основе связей, которые пользователи устанавливают между различными элементами. содержания. Пользователи могут прогнозировать расположение контента на основе фактической структуры.

Существует три различных типа структуры: иерархическая, последовательная и матричная. Разработчики могут использовать только одну структуру, но многие объединяют все три и создают оптимальную структуру для сайта.

Иерархическая

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

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

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

Радиальная иерархия может быть несколько более свободной формой, чем иерархия генеалогического дерева.

Последовательные структуры h2

Последовательные структуры организуют контент шаг за шагом. Как добраться из пункта А в пункт Б? Вы начинаете с одной точки и работаете до конца, сделанное веб-разработчиком. Прежде чем приступить к созданию этой структуры, веб-разработчик должен изучить тему и сформировать наиболее логичные шаги. Пример того, как выглядит связная структура — это то, что вы видите, когдавы пытаетесь что-то купить. Вы выбираете товар, нажимаете кнопку # 171; Заказать # 171;, вводите свои данные, информацию об оплате, а затем подтверждаете заказ. Логический пошаговый процесс приводит к конечному результату — покупка.

Другой пример — когда пользователь проводит онлайн-курс. Создавая эту архитектуру сайта , разработчик предполагает, что точная последовательность контента является наиболее эффективным способом восприятия:

Структура матрицы

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

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

Каталоги содержимого

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

Итак, с чего начать с архитектуры вашего сайта? Разработчикам необходимо ответить на несколько вопросов о каталогизации контента.

Каковы ваши цели? Какова цель справочника? Записав и поняв, что означает весь этот беспорядок, вы получите четкое представление о том, что вам нужно сделать для достижения своей цели; Определите свой кругозор. Это даст вам представление о том, сколько контента должно быть в каталоге. Рекомендуется начинать с малого.

Но с чего начать? Во-первых, вам нужно собрать некоторые данные для каждого фрагмента контента на странице. Вот некоторые стандартные атрибуты, обычно используемые в каталогах содержимого:

Заголовок; Уникальный идентификатор содержимого; URL на странице; Формат файла: ,, или; Автор; Физическое расположение содержимого ( означает где расположена система управления контентом ); Мета-описание; Ключевые слова; Теги; Категории контента; Даты создания, изменения контента и т. д.

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

Затем вам понадобится кто-то, чтобы вручную просмотреть и оценить их все. Первоначальные цели определяют, как контент будет оцениваться после майнинга.

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

Также подумайте о добавлении столбцов в тематический анализ. . Если аспект может быть подтвержден фактом или изменением, используйте эти столбцы для отслеживания прогресса.

Одна из целей каталогизации вашего контента — поддержка модели навигации вашего сайта. Это основа для начала полной версии навигации.

Каталог также можно использовать в качестве резервной копии. Если содержимое изменяется, разработчик может использовать каталог для перестройки страницы.

Для создания каталогов содержимого существует несколько причин:

Общая ситуация на сайте; Планирование проекта и оценка затрат; Определение структуры содержимого шаблоны; Установка эталона для отслеживания изменений.

 

Формирование каталога содержимого один из первых шагов в восстановлении архитектуры сайта высокой емкости Вы также можете создать каталог при подготовке к миграции.к другому.

 

В любом случае создание каталога содержимого это огромная задача. Этот процесс может быть длительным, однообразным и бесконечным. Многие разработчики считают это бессмысленным для страниц, которые часто обновляются. Это означает создание другого каталога! Кому это нужно?

Каркас

Один из новейших методов создания информационной архитектуры для сайта это каркас Каркас смотрит на интерфейс страницы, уделяя особое внимание доступному на странице пространству и тому, где отображается контент, в зависимости от приоритетов и функций.

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

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

Не используйте яркие цвета. Если вы хотите подчеркнуть различия между отдельными частями вашего контента, имеет смысл придерживаться оттенков серого. Если вы используете цвета, чтобы показать разницу между двумя элементами, лучше всего подойдут оттенки серого; придерживайтесь одного шрифта. Если вы планируете использовать Comic Sans , возможно, вам придется переосмыслить типографику. По возможности используйте простые и часто используемые шрифты. Но только в каркасах , если вы хотите подчеркнуть разницу между заголовками и субтитрами и обычным контентом, используйте один и тот же шрифт разных размеров; не используйте изображения в каркасах Вы можете вставить их позже; Избегайте интерактивных функций при разработке архитектуры вашего сайта. Поскольку каркасы двумерны, они не всегда хорошо сочетаются с интерактивными функциями. Например, раскрывающееся меню, состояния наведения и аккордеоны.

Каркасы должны включать следующее:

логотип веб-сайта. Поле или панель поиска; — Флажки — эти элементы помогают пользователю определить, где на веб-сайте он находится. Обычно это горизонтальные цепочки ссылок; списки страниц; заголовки, включая тегированный заголовок страницы и тегированные субтитры H2-Hx ; меню навигации, включая глобальную и локальную навигацию; домашний контент; кнопки социальных сетей, включая Facebook , Twitter и т. Д.; Контактная информация; карта сайта; нижний колонтитул.

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

каркасов с более низким уровнем детализации; они быстрее компилируются и служат для оптимизации коммуникации и взаимодействия между участниками проекта. На низком уровне детализации точность отдельных элементов не имеет значения, поэтому сам каркас более абстрактный. Простые изображения используются для обозначения доступных областей пространства. Возможно, вы встречали похожие фреймы , когда видели страницы, заполненные lorem ipsum вместо текста. Это означает, что актив находится на стадии разработки, и фактическое содержание будет добавлено позже; Шаблоны с высокой степенью детализации — более конкретны. Этот тип подходит для документации. Такие каркасы содержат информацию о каждом элементе страницы. Например: поведение пользователя, размеры фрагментов контента, действия, связанные с любым интерактивным элементом.

Модель базы данных

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

Оцените статью