Kievuz

ИНФОРМАЦИОННАЯ АРХИТЕКТУРА САЙТА ОУ

Содержание

Информационная структура сайта | Лингвин

ИНФОРМАЦИОННАЯ АРХИТЕКТУРА САЙТА ОУ

← предыдущие записи следующие записи →

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

Trond Lyngbø

Основная проблема Томаса в том, что его чудесный сайт мало кто посещает!

«Почему люди не хотят заходить на нашу шикарную веб-страницу?» — спрашивает Томас, осознавая, что его утомительный труд, вопреки ожиданиям, оказался безрезультатен. Для меня, как для консультанта по поисковой оптимизации, ответ был очевиден, но объяснить причину проблемы клиенту надо деликатно.

Вместе мы быстро проверили позиции сайта в Google по основным пятидесяти ключевым словам. Их сайта не было ни в первой, ни даже во второй десятке результатов. Причина «провала» сайта — отсутствие необходимых предпосылок для возможного появления хоть каких-то позиций в поисковой выдаче и увеличения числа посетителей данного портала.

Чего конкретно не хватает сайту? страница сайта Томаса  внешне очень привлекательна, но в сайте нет ни хорошо спланированной информационной архитектуры, ни структуры.

Но что же такое информационная архитектура? И чем структура сайта отличается от дизайна?

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

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

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

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

Семантический поиск – попытка улучшения релевантности находимых поисковиком сайтов запросам пользователей путем интерпретации их поисковых намерений на основе различных факторов, в том числе семантических. Усовершенствованная форма поиска, которая интерпретирует запрос точнее, чем обычно.

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

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

Если запрос многозначен, например, «apple», то мы получим страницы либо про IPad и IMac, либо сайты про садоводство и огородничество.

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

Граф знаний – это собранная информация, помогающая таким поисковым сервисам как Google предоставить более чем просто список 10 сайтов и показывать контекстную информацию, помогающую пользователю скорее и успешнее справиться с задачей.

Ключевыми словами легко манипулировать, чего не скажешь о намерении пользователя.

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

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

Это вовсе не битва между дизайнерами и консультантами по SEO!

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

Сегодня любой успешный сайт нуждается в:

  • Поисковой оптимизации
  • Удобстве и простоте использования

В возможность объединения усилий и согласованной работы, создания своего бренда и развития вашего бизнеса.

Информационная архитектура и цели вашего бизнеса

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

Предположим, одна молодая пара решила отправиться в Осло. Чтобы найти подходящий отель пара забивает в поисковой системе «Отели Осло» и изучает результаты поиска. Увидят ли молодожены сайты отелей на первой же странице? Если сайт находится в зоне видимости (это первые 30 результатов поисковой выдачи), то можно говорить о его поисковой доступности.

«Поисковая доступность» («findability» — «возможность найти сайт в поисковике») – это первый шаг. Если название и описание на вашей странице отвечает проблеме пары, они станут посетителями вашего портала.

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

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

Внутренняя структура URL и информационная архитектура

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

Простая логическая структура сайта, основанная на ожиданиях пользователя и ключевых запросах, превратит практически каждую страницу сайта в «лендинг», поскольку:

  • Пользователи смогут быстрее находить нужные страницы (помните правило 3 кликов?),
  • Потребуется меньше усилий на поисковую оптимизацию для поддержки позиций, вместо этого можно будет сфокусироваться на расширении бизнеса с помощью масштабируемых решений, которые действуют более долговременно.
  • Ваш сайт станет более авторитетным на каждом уровне структуры, поскольку новые тематические страницы, которые вы добавляете в нижние слои иерархии, передадут дополнительный вес страницам выше в иерархии благодаря внутренней перелинковке.
  • Сайт получит больше свободы для наращивания Page Rank и передачи ссылочного веса вручную отобранным страницам в глубине иерархии сайта. Например, если вы продаете красные туфли, вы можете сделать ссылку на близкие по тематике страницы, например «красные ремни» или «голубые туфли» и добиться более высокой конверсии.
  • Появится возможность контролировать то, как роботы и пауки находят, интерпретируют и передают ваши URL в индекс поисковых систем.

Использование навигационных «хлебных крошек» (ссылки на страницы верхних разделов или страниц сайта в виде навигационной строки) позволит пользователям лучше понимать контекст страницы и темы, которую они просматривают.

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

Упорядоченная структура сайта обязательно бросится в глаза пользователям, когда они «приземлятся» из поисковика на страницу, хорошо вписанную в общую структуру вашего ресурса. Они будут считать его надежным помощником в поиске определенной информации или связанных с нею тем. Результат — улучшение имиджа всего бизнеса в целом!

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

А теперь — дизайн сайта!

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

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

Оригинал: «How Website Structure & Information Architecture Should Mirror Your Business Goals» (https://searchengineland.com/how-website-structure-information-architecture-should-mirror-your-business-goals-128138)
Перевод: стажер-переводчик Мария Сидоренко

Источник: https://lingwin.ru/structura-saita-dlya-biznesa/

Информационная архитектура

ИНФОРМАЦИОННАЯ АРХИТЕКТУРА САЙТА ОУ

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

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

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

Пример

Возьмем, для примера, Spotify. Можно разобрать UI, и посмотреть на лежащую в его основе информационную архитектуру.

Почему информационная архитектура так важна?

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

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

Процесс похож на составление мысли, предложения, или идеи. Расположение существительных и глаголов в предложении определяет то, как будет передана наша мысль.

В приложении всё точно так же. Приложение – это всего лишь набор существительных и глаголов. «Элементы» и «действия, которые я могу над ними произвести». Существительные имеют очень большое значение. Они составляют собой вселенную вашего приложения. Существительные могут быть такими:

  • Песни
  • Папки
  • Пользователи
  • Фотографии
  • Рестораны
  • Деньги
  • Друзья

С другой стороны, глаголы – это действия, которые пользователь может провести над существительными. Вот пера примеров:

  • Проиграть песню
  • Создать папку
  • Создать пользователя
  • фотографией
  • Посмотреть обзор ресторана
  • Отправить деньги
  • Добавить друзей

То есть, в приложении, мы можем следовать определенному шаблону действий. Большая часть экранного пространства (почти 80%) посвящена «существительным», а меньшая его часть посвящена «глаголам».

Хорошая информационная архитектура универсальна

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

Самое очевидное – элементы основной навигации вашего приложения должны состоять из самых важных действий. В случае со Spotify, это “Home”, “Browse”, “Search”, “Radio”, и “Your Library”.

А какие действия важны в вашем приложении? Постарайтесь сократить их до 3-5 элементов.

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

Несмотря на то, что UI приложения изменился, его информационная архитектура осталась прежней

Образующиеся шаблоны

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

Музыка…такая же, как и фотографии…которые ничем не отличаются от остального

Всё одно и то же!

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

 1. Внимательно относитесь к тому, что важно (и к тому, что нет)

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

2. Думайте об информации, как об «информационных пакетах»

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

3. Не бойтесь пересматривать и менять что-то в своей информационной архитектуре

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

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

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

Перевод статьи Джейкоба Руиза

Источник: blog.prototypr.io

Источник: https://uxgu.ru/information-architecture/

Секреты юзабилити: разница между информационной архитектурой и навигацией сайта

ИНФОРМАЦИОННАЯ АРХИТЕКТУРА САЙТА ОУ

Краткое резюме: информационная архитектура сайта (Information Architecture, IA) — это информационная основа любого многоуровневого веб-сайта.

Навигация веб сайтов (navigation) — набор элементов пользовательского интерфейса (UI, user interface), позволяющий посетителю найти и получить конкретную информацию на веб-ресурсе, вступить в маркетинговую интеракцию, совершить конверсионное действие.

Этот пост продолжает серию публикаций о юзабилити в блоге SaaS-платформы LPgenerator.

Практикующие веб-дизайнеры и маркетологи иногда совершают ошибку, считая понятия «информационная архитектура» и «навигация» практически синонимами. Нет, это не так: хотя 2 этих термина (точнее сказать, концепции веб-дизайна) тесно связаны меж собой, они, однако, неравнозначны.

Структура навигации сайта зависит от IA — это безусловно, но «информационная архитектура» — гораздо более глобальное понятие, выходящее далеко за рамки просто навигации сайта.

Натаниэль Дэвис (Nathaniel Davis), специалист по оптимизации пользовательского опыта (UX) и проектированию пользовательских интерфейсов, еще в далеком 2011 году выложил в блоге UXmatters концептуальную статью «Основы практического использования информационной архитектуры» (Framing the Practice of Information Architecture), в которой предложил относиться к веб-навигации как видимой надводной части условного айсберга, имя которому — Information Architecture.

Что такое информационная архитектура сайта?
Определение и описание навигации сайта
Взаимосвязь между информационной архитектурой и навигацией
Определитесь с IA, прежде чем проектировать навигацию

Что такое информационная архитектура сайта?

Information Architecture любого веб-ресурса включает в себя 2 основных компонента:

  • идентификацию и определение (дефиницию) контента и функциональности;
  • лежащие в основе ресурса иерархию, структуру и номенклатуру, которые определяют взаимоотношения между контентом и функциональностью.

Информационная архитектура (IA) не является частью пользовательского интерфейса, видимого на экране, — скорее, IA конфигурирует и обуславливает внешний вид и набор опций user interface.

Information Architecture состоит из электронных документов, таблиц, диаграмм, отнюдь не из макетов или прототипов веб-страниц.

Вот блок-схема, наглядно отображающая взаимосвязь между отдельными составляющими контента на ресурсе nngroup.com. Синие узлы представляют информационные объекты 1 уровня, зеленые — второго, желтые — третьего.

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

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

Несоответствие контента и функциональности запросам посетителей есть одна из основных причин их ухода как с многостраничных сайтов, так и автономных лендинг пейдж, пусть информационная архитектура последних много проще. Плохая структурная организация контента (в самом широком смысле слова — от статей или постов до диаграмм и электронных таблиц) — это причина «трения» на конверсионном пути.

Приведем аналогию: если вы не персонаж комиксов со сверхъестественными способностями (предположим, Супермен) или врач-рентгенолог, вы не увидите скелетов лошади или курицы, просто взглянув на них. Однако костная структура этих живых организмов предопределяет то, что эти животные — очень разные существа. Не пытайтесь оседлать курицу для верховой поездки: ее скелет просто не выдержит ваш вес.

Для определения архитектуры веб-ресурса проводятся следующие мероприятия:

  • Инвентаризация контента (Content inventory): экспертное исследование сайта, которое проводят, чтобы найти и идентифицировать существующий контент.
  • Аудит контента (Content audit): оценка полезности, точности, тональности подачи и общей эффективности контента.
  • Группировка информации (Information grouping): определение степени клиентоориентированности соотношения «пользователь — контент».
  • Разработка и усовершенствование таксономии контента (Taxonomy development): определение стандартизированной терминологии для классификации и систематизации содержимого веб-ресурса (например, товарные категории для офферов интернет-магазина).
  • Создание описательной информации: определение метаданных, которые могут быть использованы для создания ссылок по теме, списков или других компонентов навигации, способствующих обнаружению необходимой информации, служащей активатором конверсионного действия.
  • Юзабилити пользовательского интерфейса

Определение и описание навигации сайта

Навигация сайта представляет собой набор компонентов пользовательского интерфейса. Основная цель навигации — помочь пользователям найти контент и функциональные элементы ресурса (другими словами, «органы управления» UI), чтобы затем мотивировать к совершению запланированного маркетологом действия.

Типы навигации сайта и ее компоненты:

  • глобальная навигацая (global navigation),
  • локальная навигацая (local navigation),
  • вспомогательная навигацая (utility navigation),
  • фильтры категорий, ценовых границ и т. п. (filters),
  • ссылки по теме (related links),
  • «толстый» футер (fat footer), дублирующий элементы глобальной, локальной и вспомогательной навигации в собственно «подвале» страницы,
  • и т. д.

Примеры навигационных компонентов: 1 — вспомогательная навигация; 2 — глобальная навигация; 3 — указатель местоположения («хлебные крошки», breadcrumb trail; буквально — «путь, помеченный рассыпанными хлебными крошками»); 4 — локальная навигация; 5 — ссылки по теме (в данном случае на статьи и сообщения в блоге); 6 — «толстый» футер.

Перед имплементацией элемента навигации на веб-страницу следует решить несколько вопросов. Статистические приоритеты: сколько пользователей будут пользоваться этим навигационным элементом.

Например, пользователи будут ориентироваться на ресурсе при помощи локальной навигации или предпочтут «привязанные» тематически ссылки? Размещение: на каких страницах этот элемент должен располагаться? А где именно на макетной сетке: вверху, внизу, слева, справа?

Дизайнерский шаблон: что будет максимально способствовать юзабилити и положительному пользовательскому опыту — табы, выпадающие меню, «мегаменю» и т. д.?

  • Интуитивный веб-дизайн: как сделать лендинг пейдж удобным для пользователя?

Взаимосвязь между информационной архитектурой и навигацией

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

Такой подход чреват большими неприятностями и финансовыми потерями.

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

Рассмотрим гипотетическую ситуацию: дизайнер решил использовать широко распространенную навигацию «в стиле перевернутой L» (верхний навигационный бар и левый сайдбар, как его еще называют на сленге, «рельс»).

Многим пользователям импонирует такое решение, оно довольно функционально. Но есть одно «но»: на перевернутой L можно разместить ссылки на контент, логическая иерархия которого не превышает 4 уровня в глубину.

Если уже в ходе эксплуатации выяснится, что контент раздела превышает этот запас (при том, что 5 и больше уровней — это вполне обычная глубина информационной архитектуры для современных ресурсов типа интернет-магазинов), — то останется 2 выхода:

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

Определитесь с IA, прежде чем проектировать навигацию

Прежде чем приступить к разработке дизайна или редизайну веб-ресурса, следует, как говорится, «заглянуть под капот машины» и начать с определения или переопределения Information Architecture.

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

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

Отметим, что при применении автономных целевых страниц, отличающихся простотой Information Architecture и «неглубокой» структурой при отсутствии глобальной навигации, все выше упомянутые проблемы грамотной иерархической организации контента просто не возникнут.

Высоких вам конверсий!

По материалам nngroup.com, image source nos.twnsnd.co 

Источник: https://lpgenerator.ru/blog/2014/07/30/sekrety-yuzabiliti-raznica-mezhdu-informacionnoj-arhitekturoj-i-navigaciej-sajta/

Информационная архитектура в Интернете часть 1

ИНФОРМАЦИОННАЯ АРХИТЕКТУРА САЙТА ОУ

Очень часто вижу вопросы от начинающих проектировщиков, похожих один на другой: «Посоветуйте что прочитать…». Часто в ответ кидают А. Купера «Об интерфейсе. Основы проектирования взаимодействия», Д. Раскина «Интерфейс: новые направления в проектировании компьютерных систем», С. Круга «Не заставляйте меня думать», Д. Нормана «Дизайн привычных вещей».

Это основа, все понятно. Реже видела упоминания о такой замечательной книге, как «Информационная архитектура в Интернете» (авторы П.Морвиль и Л.Розенфельд). Так как начинать всегда тяжело, а информации много, решила выложить конспект книги. Книга большая, в одну статью все не поместилось.

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

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

Что такое информационная архитектура

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

  3. Искусство и наука структурирования и классификации веб сайтов с целью облегчения пользователям поиска информации и управления ею.

Вещи, которые не относятся к информационной архитектуре:

  • Графическое оформление.
  • Разработка программного обеспечения
  • Проектирование юзабилити

Есть разные модели, описывающие то, что происходит во время поиска информации пользователями.

Вот представление о поиске в виде простого алгоритма:

  1. Пользователь задает вопрос.
  2. Выполняются некие действия (например, поиск или просмотр).
  3. Пользователь получает ответ.
  4. Fin.

Что именно и как ищут?

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

Идеальная рыба

Пользователи ищут однозначный правильный ответ. Например, какова численность населения Сан Марино? Отправляемся на подходящий для этой цели сайт, напичканный данными, и выуживаем искомое число. На этом поиск закончен. Это называется идеальная рыба.

Ловушки для омаров

Что происходит тогда, когда требуется найти не просто однозначный ответ? Допустим, узнать, какие хорошие гостиницы с завтраком есть в Стрэтфорде, в провинции Онтарио. Или узнать что нибудь об экспедиции Льюиса и Кларка. Пользователю не многое известно о том, что он ищет, и он готов к тому, чтобы получить несколько полезных ответов или предложений, где можно дополнительно их поискать. Он не рассчитывает выудить идеальную рыбу, потому что не сможет узнать, поймал ли ее. Он устраивает эквивалент ловушки для омаров в надежде, что все попавшее в нее окажется полезным.

Неразборчивый отлов

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

  1. Рассчитывая на точный улов, посетитель обычно знает, что он ищет, как оно называется и где находится, – это называется поиском известного элемента.
  2. Рассчитывая, что в его сети попадет несколько полезных объектов, посетитель осуществляет исследовательский поиск. В этом случае он не знает точно, что ищет. В действительности, он может и не сознавать, что хочет узнать что то в процессе поиска и просмотра.
  3. Когда ему нужна вся информация по заданной теме. В этом случае он постарается выловить всю информацию, проведя поиск с применением всех возможных терминов.

Поведение при поиске информации

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

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

На рисунке показан пример поиска в корпоративной сети рекомендаций по поездкам за рубеж. Возможно, пользователь сначала пройдете через портал интрасети на сайт отдела кадров, просмотрит раздел политики компании, а затем поищет политику, содержащую строку «поездки за границу».

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

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

Эти различные компоненты поведения при поиске информации объединяются в сложных моделях, таких как модель «сбора ягод»

В этой модели пользователи начинают с информационной потребности, формулируют запрос, а затем итеративно перемещаются по информационной системе потенциально сложными маршрутами, попутно собирая частицы информации («ягоды»). В процессе поиска они все лучше понимают, что им нужно и что есть в системе, и модифицируют свои запросы. Диаграмма «сбора ягод» выглядит запутанной – не сравнить с «упрощенной» моделью. Так и должно быть: так часто работает наш мозг. В конце концов, мы же не автоматы. Если поведение пользователей сайта соответствует модели «сбора ягод», то необходимо обеспечить средства для быстрого перехода от поиска к просмотру и обратно.

Другая полезная модель – «выращивание жемчуга».

Пользователи начинают с одного или нескольких хороших документов, в точности представляющих то, что им нужно. Они хотят получить другие документы, похожие на данный. Google и другие поисковики дают пользователям такую возможность: рядом с каждым найденным результатом Google может располагать команду «Показать похожие страницы». При аналогичном подходе пользователю дается возможность перейти по ссылкам с «хорошего документа» на документы, индексированные с теми же ключевыми словами. На сайтах, где размещаются научные статьи и другие документы с большим количеством цитат, можно найти другие статьи, в которых много таких же цитат, как во взятой за основу, или которые цитируются совместно с ней. Информационный архитектор должен постараться выяснить информационные потребности пользователей и их вероятное поведение при поиске информации. Затем надо установить, какие компоненты архитектуры лучше всего соответствуют этим потребностям и поведению, и согласовать эти критерии отбора, основанные на изучении пользователей, с зависящими от контекста факторами.

Виды организации информации

  • Однозначная (точная): алфавитная, хронологическая, по географическим признакам;
  • Неоднозначная (не точная);
  • Гибридные схемы;

Разберем подробно две из них:

Неоднозначная (не точная):

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

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

Рассмотрим некоторые из наиболее распространенных и полезных схем неоднозначной организации.

Тематическая организация

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

Организация по задачам

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

Организация по аудитории

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

Гибридные схемы организации

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

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

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

Если представить схемы на странице по отдельности, то у пользователей сохраняется возможность создания мысленных моделей этих схем:

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

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

Какую организацию выбрать

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

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

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

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

Принципы, о которых надо помнить:

  • Выбирая схему организации, помните о различии между точными и не однозначными схемами. Точные схемы лучше всего подходят для поиска известных элементов, когда пользователю точно известен предмет поиска. Неоднозначные схемы лучше всего подходят для просмотра и ассоциативного обучения, когда потребность в информации не определена четко. При возможности следует применять схемы обоих типов.
  • Кроме того, надо учитывать проблемы, возникающие при организации информации в Интернете. Языки неоднозначны, содержимое неоднородно, люди смотрят на вещи по разному, возникают проблемы с пониманием. Обеспечив доступ к одной и той же информации несколькими способами, можно облегчить решение этих задач.
  • Выбирая структуру организации, помните, что крупным сайтам обычно требуются все три типа структуры. Архитектура верхнего уровня скорее всего должна быть иерархической. Разрабатывая эту иерархию, смотрите, не встретятся ли совокупности структурированной однородной информации. Для таких потенциальных подчиненных сайтов вполне может подойти модель, основанная на базе данных.
  • Помните, что менее структурированные и более образные связи между элементами содержимого можно организовать с помощью гипертекста. Таким образом, все три структуры организации в совокупности могут создать цельную систему организации.

Вторая часть

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Источник: https://habr.com/post/424601/

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

ИНФОРМАЦИОННАЯ АРХИТЕКТУРА САЙТА ОУ

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

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

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

Что такое информационная архитектура?

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

Американский архитектор и графический дизайнер Ричард Саул Вурман считается основателем этого направления.

По мнению экспертов, информационная архитектура — это практика принятия решений о упорядочении частей, для их удобного воприятия.

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

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

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

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

Роль информационной архитектуры в дизайне

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

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

Если пользователи сталкиваются с плохим взаимодействием, они могут не дать второй шанс продукту.

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

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

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

Прочитав все написанное выше, у многих людей может возникнуть вопрос: «Чем информационная архитектура отличается от  UX дизайна?».

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

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

UX Дизайн означает гораздо больше, чем структурирование контента.

Во-первых, дизайнеры UX стремятся создать приятную модель взаимодействия, чтобы пользователи чувствовали себя комфортно с помощью продукта.

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

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

Компоненты информационной архитектуры

Если вы хотите создать сильную информационную архитектуру для продукта, вам нужно понять, из чего состоит. Пионеры этого направления: Лу Розенфельд и Питер Морвиль в своей книге «Информационная архитектура для всемирной паутины» выделили четыре основных компонента: организационные системы, системы маркировки, навигационные системы и поисковые системы.

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

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

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

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

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

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

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

Системы маркировки

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

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

Кнопка «Контакты» в заголовке страницы — это метка, которая запускает ассоциации у пользователей, и позволяет не помещать целые данные на страницу. Таким образом, система маркировки нацелена на эффективное объединение данных.

Навигационные системы

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

Поисковые системы

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

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

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

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

Источник: https://cloudmakers.ru/informatsionnaya-arhitektura-v-dizajne-sajtov/

ovdmitjb

Add comment