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

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

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

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

Какое оптимальное количество категорий на сайте?

Однозначный ответ на этот тоже давать не рискнем, тем не менее, мы рекомендуем в первую очередь отталкиваться от размеров вашего сайта. В частности, для небольших сайтов подойдет одно- или двухуровневая структура. Приоритетной является горизонтальная навигация вверху страницы  по разделам сайта с 5-10 (можно меньше) кнопками (например, Контакты,  Услуги, Частые вопросы). Таким образом пользователь может «листать вкладки виртуальной папки» и видеть разные разделы сайта. Горизонтальное меню является привычным и понятным способом навигации даже для самого непродвинутого пользователя, поэтому прекрасно подойдет и для других сайтов (а не только для коммерческих сайтов). Если одного уровня ссылок недостаточно, то стоит добавить второй (вертикальное меню в левом сайдбаре страницы). Здесь большинству пользователей будет привычно видеть разделение сайта на дополнительные подкатегории в рамках основной темы сайта. Например, для Интернет-магазина бытовой техники актуально вынести категории товаров отдельным меню слева (Пылесосы, Холодильники, Телевизоры…), а для спортивного блога — тем, которые на нем освещаются (Футбол, Баскетбол, Теннис…). Чтобы не захламлять основные меню на странице и не заставлять пользователя изучать длинные полотна навигационных элементов из 50 кнопок меню, можно вынести редко используемые, но важные элементы в футер (например, такие страницы как Регистрационные документы, Политика конфиденциальности, О нас…). Это создаст третий уровень навигации. На сайтах-гигантах (крупные Интернет-магазины, как правило) не обойтись без вложенной многоуровневой навигации с множеством элементов меню, но в любом случае базой должна оставаться изложенная в данной статье концепция вертикального и горизонтального проектирования ИА.

Как сортивароть кнопки меню (категории на сайте)?

Существует 4 основных способа размещения элементов в меню:

1) По значимости.

2) По алфавиту.

3) Смешанный способ.

4) Рендомно.

Четвертый способ откидываем сразу, поскольку он не имеет ничего общего с грамотным проектированием интерфейсов, а на первых трех стоит остановиться подробнее. Размещение элементов меню по значимости (от самых главных и чаще всего посещаемых, таких как страница оформления заказа, регистрации, акций и спецпредложений) позволяет облегчить поиск наиболее важных элементов и подтолкнуть пользователя к конверсии, поскольку эти кнопки будут на самом видном месте. Если категорий много (больше 10) или это, предположим, просто список брендов, то есть смысл размещать их по алфавиту, чтобы пользователю было легче сориентироваться и найти нужную кнопку. Смешанный способ (вынесение наиболее важных кнопок в начало списка и сортировка оставшихся по алфавиту) станет актуальным в том случае, когда необходимо выделить какие-то категории из довольно большого списка. В целом же выбор способа сортировки категорий должен соответсвовать поставленным на сайте целям и делать user experience как можно приятнее.

Как сделать удобную навигацию одновременно для десктопа и мобильных устройств?

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

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