Резюме: Информация может быть организована как в плоской, так и в глубокой иерархии; и у той, и у другой есть свои преимущества и недостатки.
Практически каждый сайт, имеющий более нескольких страниц, использует определенную структуру для организации контента. Наиболее распространенной (и наиболее легко понимаемой) структурой является разделение страниц на группы, часто с отдельными подгруппами. В итоге получается иерархия контента - структура, знакомая большинству из нас по взаимодействию с организациями, семьями и миром природы.
Решения о том, как именно группировать контент, могут иметь серьезные последствия для того, как структура вашего сайта работает (или не работает) для пользователей, но эти нюансы трудно понять с первого взгляда. Чтобы проанализировать, как будет работать структура, нам часто нужно создать визуализацию, которая показывает высокоуровневое представление о том, как различные страницы сайта связаны друг с другом.
Рассмотрим эти две структуры: каждая представляет собой одинаковый объем информации и показывает совершенно логичный способ организации содержимого сайта. Однако впечатления конечного пользователя от просмотра этих двух иерархий - даже если они содержат совершенно одинаковую информацию - будут очень разными.
Слева: плоская иерархия сайта, с небольшим количеством вертикальных уровней. Справа: глубокая иерархия сайта имеет ту же информацию, организованную на большем количестве подуровней.
Обе эти иерархии сайтов начинаются сверху с одной главной страницы, но информация под этой страницей организована совершенно по-разному: сайт слева имеет 8 основных категорий, а сайт справа - только 4. Это сравнение показывает, что мы имеем в виду, когда говорим о плоской и глубокой иерархиях. Плоская (или широкая) иерархия слева выглядит широкой и короткой, потому что в ней всего 3 уровня. Структура справа является глубокой, имеет 5 уровней, меньше категорий и подкатегорий на каждом уровне, и в итоге кажется более высокой и узкой.
Хотя посетители сайта никогда не видят такой визуализации, форма иерархии оказывает огромное влияние на впечатления конечного пользователя по двум причинам:
Контент лучше обнаруживается, когда он не погребен под множеством промежуточных слоев. При прочих равных условиях глубокие иерархии сложнее использовать.
Категории, которые являются конкретными и не пересекаются друг с другом, легче всего понять. Это касается обеих сторон: В глубоких иерархиях, когда на каждом уровне находится всего несколько категорий, они, как правило, более общие и, следовательно, более запутанные. Более плоская иерархия с большим количеством категорий на каждом уровне обычно имеет более конкретные метки, которые легче понять; но в широких иерархиях с очень большим количеством элементов часто наблюдается концептуальное дублирование по крайней мере нескольких категорий. Пользователи также могут быть перегружены длинными, загроможденными меню.
Три больницы во Флориде иллюстрируют преимущества и подводные камни различных информационных иерархий. На сайте Главной больницы Тампы в категории "Медицинские услуги" перечислены 32 отдельные области заболеваний и лечебные центры. Эта плоская иерархия позволяет легко узнать, какие виды лечения предлагает больница. Посетители могут прямо из выпадающего меню в глобальной навигации перейти на страницу, посвященную конкретному заболеванию. Поскольку большинство пациентов лечатся от одного заболевания за один раз, переход сразу к информации о конкретном заболевании является привлекательным.
Но риск такого типа меню заключается в том, что пользователи могут быть перегружены большим количеством ссылок, не смогут внимательно прочитать весь список и пропустить лучший вариант. Например, посетитель, заинтересованный в неонатальной помощи, может легко пропустить ссылку на отделение интенсивной терапии для новорожденных имени Дженнифер Ли Мумы и вместо этого перейти в педиатрический центр в Healthpark. Такие длинные списки можно облегчить сканированием, обеспечив некоторую группировку - не загоняя некоторые элементы в подкатегории иерархии, а просто визуально организуя связанные элементы вместе.
Плоская иерархия: На сайте Главной больницы Тампы представлен длинный список из более чем 30 пунктов в разделе "Медицинские услуги". Вместо того чтобы объединять их в несколько широких групп, каждая отдельная область лечения выведена на поверхность и доступна непосредственно из выпадающего меню в глобальной навигации.
На сайте Baptist Health в Джексонвилле в раскрывающемся меню "Услуги" всего в два раза меньше пунктов. Этот более короткий список гораздо легче сканировать, но он не обеспечивает такой же легкости поиска конкретного контента. Во многих случаях пользователям приходится выбирать одну категорию, а затем переходить на более низкий уровень, чтобы найти конкретную информацию, например, об экстракорпоральном оплодотворении или неонатальной интенсивной терапии. В некоторых случаях даже неясно, какая основная категория будет хорошей отправной точкой. Вы можете нажать на Cancer Care, чтобы получить информацию о раке простаты, но здесь нет категории "Урология", поэтому неясно, где искать информацию о других заболеваниях простаты.
Умеренно глубокая иерархия: Baptist Health перечисляет только 16 областей обслуживания; некоторые конкретные темы не указаны в этом меню, поэтому пользователям придется переходить на более низкие уровни иерархии, чтобы найти их.
На сайте University of Florida Health, напротив, информация о конкретных заболеваниях представлена только на нижних уровнях иерархии сайта: под Patient Care, затем Medical Care, а затем Specialty Care. Только через 3 уровня вниз вы, наконец, попадаете на страницу, где перечислены (все еще довольно широкие) области лечения, такие как онкологические специальности, услуги по лечению сердца и услуги для женщин.