Информационная архитектура (или ИА) — это наука — некоторые будут настаивать на искусстве — определения структуры, организации, навигации, маркировки и индексации веб-сайта. Роль информационного архитектора состоит в том, чтобы решить, как должен быть структурирован сайт, какой контент он должен размещать и как обеспечить дальнейший рост. Короче говоря, информационная архитектура определяет основу веб-сайта.
Лес для деревьев
Многие сайты начинаются с малого, с небольшим количеством страниц и не слишком структурированными. Что происходит, когда такой сайт растет? Часто страницы и ссылки застряли где угодно. Однако организационная схема, которая имеет смысл для одного человека, может не иметь смысла для другого. Рассмотрим классический пример помидора — это фрукт или овощ? Вы должны подать это под фруктами или овощами? Ваши клиенты найдут его там? Один из способов решения этой проблемы — подумать, где вы найдете ее в супермаркете.
Во многих случаях текущая модель веб-сайта не может успешно приспособиться к множеству ментальных моделей пользователей, а также к увеличению объема и размера самого сайта. Если вы работаете на существующем веб-сайте, вы, вероятно, обременены заросшим чудовищем, которое ни вы, ни ваши клиенты не сможете понять. Здесь IA помогает вам взглянуть на общую картину — основную цель вашего сайта — и достичь этой цели путем эффективной организации вашего сайта. Давайте посмотрим на различные способы, которыми IA делает это.
Очистка и организация беспорядка
В организации заключается разница между покупателями, которые находят подходящую пару джинсов на вашем сайте или разочаровываются. Существует несколько способов организации информации.
Представьте себе вашу домашнюю библиотеку. Вы можете сложить все книги в порядке увеличения размера слева направо или даже по цвету, если вы того пожелаете. Вы можете организовать свои книги по автору, названию или даже по предмету. Какой лучший способ организовать ваши книги? Правильный ответ: это зависит. Конечно, организация по размеру или цвету непрактична для публичной библиотеки. Дело в том, что в Интернете каждая библиотека является общедоступной, и вам нужно заботиться об организации вашей информации, чтобы ее можно было легко найти.
Используемая вами схема классификации будет зависеть от таких переменных, как ваши бизнес-цели, размер вашего веб-сайта, планы его будущего роста и расширения, целевая аудитория (аудитории) и многое другое.
Поверните налево на третьей ссылке
В реальном мире люди, как правило, находят дорогу, используя ориентиры. В Интернете нет ориентиров и пространственных подсказок. Как люди попадают на сайт? Навигация — единственная подсказка, которую пользователи имеют в виртуальном мире. Последовательная и постоянная навигация, а также полезные советы, такие как использование хлебных крошек и создание ссылок на домашнюю страницу с помощью логотипа, помогают ориентироваться на пользователя.
Навигационная система ivillage предоставляет своим пользователям четкую мысленную модель сайта, организовывая его содержимое в стиле каталога. Пользователи знакомы с этим стилем организации (который также используется в библиотеке, продуктовом магазине и т. Д.), В котором информация на верхнем уровне указывает, как могут выглядеть подуровни. Хотя посетитель сайта ivillage может выбрать переход по различным ссылкам, основная навигация на главной странице остается постоянной.
Какую бы модель вы ни использовали, убедитесь, что ваша навигационная схема легко вписывается в эту модель. Опять же, позвольте нам обратиться к цели вашего сайта. Например, просмотреть или купить. Вы хотите, чтобы ваши пользователи оставались некоторое время и просматривали вашу коллекцию рецептов, или вас больше интересует поспешить с ними через кассу? Пусть ваша навигационная схема направляет пользователей соответственно. Навигация верхнего уровня в сочетании с суб-навигацией может помочь пользователю понять, как устроен ваш сайт и что важно. Карта сайта — это еще одно визуальное средство, помогающее ориентировать пользователя. Используйте эти дорожные карты на вашем веб-сайте.
Вы говорите, картофель, я говорю Потахто
Прежде чем ваши пользователи откажутся от всего этого, очень важно, чтобы вы поняли, для кого предназначен Веб-сайт и какова цель Веб-сайта и его пользователей.
Если ваш веб-сайт предназначен для конечного пользователя, не включайте технический или маркетинговый жаргон в копию — это будет только отталкивать ваших пользователей (в лучшем случае). Маркировка также должна быть четкой и последовательной на всем сайте. В ходе недавнего редизайна веб-сайта клиент создал различные области контента для частных лиц и корпоративных пользователей. Проблема? Пользователи думали, что слово «физические лица» попахивает личным использованием, и, в конечном счете, все они нажимают на область корпоративного контента. Конечно, «люди» не нашли план обслуживания, который их интересовал.
Вот урок для вас: убедитесь, что ваша целевая аудитория понимает ярлыки, которые вы используете. HP , с другой стороны, аккуратно наносит ярлык на своих пользователей, чтобы предоставить им целевые решения.
Ищи меня
Поисковые системы очень просты на уровне интерфейса. Все, что вам нужно, это текстовое поле и кнопка, и вы готовы к работе. Но это совсем другая история на заднем плане, где информационный архитектор должен определить словарь ключевых слов для сайта, который будет служить словарем для поиска. Каждый раз, когда пользователь выполняет поиск, ключевые слова в поиске будут сравниваться с ключевыми словами в словаре, и результаты будут отображаться пользователю на основе найденных совпадений. Опять же, это хорошая идея, чтобы узнать ваших пользователей и понять, как они используют ваш сайт.
Лучшим примером поиска, конечно же, является Google , который позволяет пользователям избегать всевозможных жестоких (правильно я это написал?) Написаний. Amazon хорошо справляется с работой, отображая результаты, близкие к слову, которое вы вводите, если оно не дает точного соответствия (результаты отображаются со словом «игрушки», когда я набираю «Toyys»). Ebay , однако, не понимал, что когда я набрал слово «Toyys», я спешил и действительно хотел найти «Toys». Помните: поиск, который не соответствует стандартам, установленным другими в отрасли, может только расстроить ваших пользователей. Для небольших веб-сайтов вам может не понадобиться поисковая система.
Как все это подходит
Теперь мы знаем, что такое IA, но как он вписывается в цикл веб-редизайна? Поскольку IA определяет структуру сайта и в основном определяет его содержание, это необходимо сделать на самых ранних этапах. Лучшая фаза для создания ИА будет в самом начале.
Этап сбора требований даст вам цели и объем (пере) дизайна. Имея эту информацию, вы можете создать структуру для Веб-сайта, возможно, в форме карты сайта и / или каркасов. Навигация и маркировка могут быть адресованы, и ключевые слова для словаря могут быть определены в этой точке. Во время визуального проектирования и производства интерфейс дополнительно определяется, и на этом этапе можно внести изменения в структуру сайта.
Юзабилити-тестирование затем выявляет любые недостатки в архитектуре, навигации или маркировке сайта, если таковые имеются, и они могут быть исправлены до запуска.
Информационный архитектор несет полную ответственность за (на небольших веб-сайтах) или, на средних и крупных веб-сайтах, возглавляет группу людей, которые сосредоточены на выполнении некоторых или всех следующих задач:
- Конкурентный анализ
- Требования к сайту
- Цели сайта с помощью всех заинтересованных сторон
- Personas
- Каркасы и / или варианты использования для потока задач
- Навигация и Маркировка
- Опытный образец
- Словарь (если есть)
- Карта сайта
- Юзабилити-тестирование прототипа и каркасов
А как насчет юзабилити?
Информационная архитектура является жизненно важным компонентом определения пользовательского опыта. Продуманная архитектура и продуманное планирование улучшают общее удобство использования сайта. Есть несколько вещей, которые следует учитывать в отношении удобства использования, но все начинается с хорошо структурированной информации. Наилучший вид интеграции между пользовательским интерфейсом и архитектурой сайта возникает, когда пользователь совершенно не знает ничего, кроме замечательного опыта на Веб-сайте — взаимодействие с пользователем должно быть беспроблемным.
Удобство использования подразумевает простоту навигации и возможность быстро и легко находить информацию среди других разделов / элементов сайта. Информационная архитектура решает эти проблемы в корне, а не на поверхностном уровне. Однако интерфейс, представляемый пользователю, должен сам по себе быть интуитивно понятным и использовать преимущества улучшенной структуры сайта, чтобы сайт был пригоден для использования.
Вывод
Информационная архитектура заключается в том, чтобы взглянуть на общую картину, а затем разбить ее на управляемые кусочки информации для ваших пользователей. Не думайте об информационной архитектуре как об отдельной задаче, если она вас пугает. Просто подумайте об этом как о небольшом планировании, которое будет иметь большое значение для обеспечения того, чтобы пользователи находили ваш веб-сайт организованным и чтобы они могли легко переходить к интересующей их информации.