что это, что нужно размещать в футере

#Дизайн
#Разработка

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

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

Разработка сайтов для бизнеса

Подробнее

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

Чтобы сайт стал для посетителя действительно полезным и привлекательным, в подвале рекомендуется публиковать:

• Карту сайта — список со всеми страницами ресурса, составленный с учетом структуры сайта. Хорошее решение — сделать футер зеркальным хедером, но карту сайта можно разместить и отдельно, ссылкой возле других элементов.
• Контакты — список телефонов, адресов электронных почт компании, адреса филиалов. Детальные данные лучше размещать на отдельной странице, но в футере обязательно должно быть несколько контактов, по которым клиент может быстро связаться с менеджерами.
• Форму подписки или обратной связи — если человек пролистал страницу в самый низ, это значит, что он как минимум заинтересовался прочитанным. Чтобы «конвертировать» этот интерес в действия, нужно подтолкнуть человека сделать выбор — написать в компанию или подписаться на обновления.
• Карту с местоположением офиса — такой элемент навигации нужен для посетителей, заинтересованных в быстром поиске торговой точки компании, находящейся к ним как можно ближе. Этот элемент необязателен, но часто используется на одностраничных сайтах и позволяет повышать продажи.
• Ссылки на социальные сети — иконки-ссылки на группы/страницы/сообщества в соцсетях в футере нужны тем сайтовладельцам, которые продвигают свои ресурсы через популярные социальные сети. Такие ссылки станут дополнительным инструментом связи клиента с представителем компании.

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

Что такое футер сайта, что должно быть в подвале сайта

Оглавление

1. Что размещать в футере

2. org/ListItem»>

   Сведения об авторстве

3. Информация о партнерах

4. Дублирование контактов

5. Социальные сети

6. Обратная связь и другие лид-формы

7. Карта

8. org/ListItem»>

   Политика конфиденциальности и защита персональных данных

9. Возрастное ограничение

10. Другая информация

11. Карта сайта

12. Дополнительное меню

13. Облако тегов

14. org/ListItem»>

    Наверх

15. Счетчики

16. Оформление

Футер сайта (другое название – подвал) – это сквозной структурный элемент, расположенный в нижней части страниц. Противоположен хедеру (шапке) – сквозной верхней части ресурса. 

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

Что размещать в футере

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

Сведения об авторстве

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

footer1.png

footer1.png

Источник maximilyahov.ru

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

footer2.png

footer2.png

Источник www.lamoda.ru

Дублирование контактов

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

footer3.png

footer3.png

Источник www.bmstu.ru

Социальные сети

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

footer4.png

footer4.png

Источник www.wildberries.ru

Обратная связь и другие лид-формы

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

footer5.png

footer5. png

Источник ostin.com

Карта

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

footer6.png

footer6.png

Источник modsystem.ru

Политика конфиденциальности и защита персональных данных

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

footer7.png

footer7.png

Источник www. shopolog.ru

Возрастное ограничение

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

footer8.png

footer8.png

Источник — regnum.ru

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

footer9.png

footer9.png

Источник selineclinic.ru

Карта сайта

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

Дополнительное меню

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

footer10.png

footer10.png

Источник www.seonews.ru

Облако тегов

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

footer11.png

footer11.png

Источник promo.ingate.ru

Наверх

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

footer12.png

footer12.png

Источник adme.ru

Счетчики

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

footer13.png

footer13.png

Источник www.gvozdik.ru

Оформление

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

• Визуальное отграничение от другого контента. Футер делают другим цветом или хотя бы отличающимся тоном, отчеркивают или выделяют каким-то иным образом. Граница не обязана быть яркой, но должна легко угадываться. Ее можно интересно обыгрывать.

footer14.png

footer14.png

Источник www.yodiv.com

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

footer15.png

footer15.png

Источник www.oknadomkom.ru

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

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

Вставить верхний или нижний колонтитул

Страницы макета

Тренировка слов

Страницы макета

Страницы макета

Вставьте верхний или нижний колонтитул

• Изменить поля
  

  видео

• Вставьте верхний или нижний колонтитул
  

  видео

• Вставка или удаление номеров страниц
  

  видео

• Вставить или удалить разрыв страницы
  

  видео

Следующий:

Сохранить и распечатать

Попробуйте!

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

Вставить верхний или нижний колонтитул

1. Выберите Вставьте > Верхний колонтитул или Нижний колонтитул .

2. Выберите один из встроенных дизайнов.

3. Введите нужный текст в верхний или нижний колонтитул.

4. Выберите Закрыть верхний и нижний колонтитулы , когда закончите.

Примечание. Чтобы изменить любой существующий верхний или нижний колонтитул, откройте Инструменты верхнего и нижнего колонтитула , дважды щелкнув внутри области верхнего или нижнего колонтитула.

Другая первая страница

1. Отредактируйте существующий верхний или нижний колонтитул, дважды щелкнув область верхнего или нижнего колонтитула.

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

Удалить верхний или нижний колонтитул

Хотите больше?

Добавьте верхний или нижний колонтитул

Удалить все верхние и нижние колонтитулы

Удалить или изменить верхний или нижний колонтитул на одной странице

Узнайте больше об обучении Word на LinkedIn Learning

шаблонов проектирования и когда использовать каждый из них

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

Автор: Тереза ​​Фессенден

• Тереза ​​Фессенден

на

2019-02-24
24 февраля 2019 г.

Темы:

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

• Веб-юзабилити
  Веб-юзабилити, 
• Навигация,
• Информационная архитектура, 
• Шаблоны проектирования

Поделиться этой статьей:

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

Определение: Нижний колонтитул веб-сайта — это область, расположенная в нижней части каждой страницы веб-сайта, под основным содержимым.

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

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

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

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

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

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

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

• Вспомогательные связи
• Придверный коврик для навигации
• Ссылки на второстепенные задачи
• Карта сайта
• Отзывы или награды
• Торговые марки внутри организации
• Взаимодействие с клиентами (рассылки по электронной почте и социальные сети)

Uscreen.tv включает в себя несколько типов контента нижнего колонтитула, например (1) контент для второстепенных задач (2) служебный контент и (3) ссылки на социальные сети.

Вспомогательные связи

Большинство сайтов, как минимум, имеют служебную навигацию в нижнем колонтитуле, указывающую на:

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

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

Использование для: всех сайтов

Нижний колонтитул Clarity Money упрощает работу благодаря ссылкам на Условия использования и Политику конфиденциальности , а также ссылки на учетные записи в социальных сетях (дополнительную информацию см. ниже). J. Crew предоставляет контактную информацию в виде ссылок на специальную учетную запись службы поддержки клиентов в Твиттере, номер телефона и адрес электронной почты службы поддержки.

Коврик для навигации

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

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

United Healthcare использует навигацию по коврику: основные категории отображаются как на верхней панели навигации (вверху), так и в нижнем колонтитуле (внизу).

Дополнительные задачи

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

• подача заявки на работу в компанию
• задач для создателей контента
• доступ к информации инвестора
• поиск документации или спецификаций продукта или услуги
• доступ к медиа-наборам и другой PR-информации
• поиск филиалов компании

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

Использование для: помощи пользователям в поиске второстепенного контента, который может не иметь прямого отношения к основной цели сайта

Например, на веб-сайте журнала Dwell Magazine представлены категории, не относящиеся к темам журнала, в том числе About, Dwell Magazine, Professionals, и Merchants , которые могут заинтересовать его вторичные группы пользователей: специалистов в области СМИ и дизайна, продавцов, инвесторов и рекламодателей (и будущие сотрудники).

Нижний колонтитул журнала Dwell Magazine содержит ссылки на второстепенные задачи (помимо чтения статей)

Карта сайта

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

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

Компонент нижнего колонтитула карты сайта не включает полную карту сайта, за исключением случаев, когда на сайте мало страниц (около 25 или меньше). Более того, нижний колонтитул рискует стать громоздким и трудным в использовании. (В качестве альтернативы вы можете предоставить полнофункциональную карту сайта на отдельной странице и ссылку на нее в нижнем колонтитуле, где пользователи ожидают найти такую ​​ссылку.)

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

Нижний колонтитул CNN содержит ссылки на навигацию верхнего уровня и на категории более низкого уровня.

Отзывы или награды

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

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

Используйте для: стартапов или компаний с меньшей известностью бренда

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

Бренды внутри организации

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

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

Нижний колонтитул Walmart называет другие бренды, которыми владеет компания, такие как Hayneedle, Jet и Modcloth.

Взаимодействие с клиентами

Пользователи часто переходят непосредственно к нижнему колонтитулу, чтобы найти такую ​​информацию, как купоны и рекламные акции, или просто быть в курсе продаж и выпусков продуктов компании. Таким образом, нижний колонтитул может содержать информацию, которая позволяет клиентам оставаться на связи с компанией — ссылки на социальные сети (или, как минимум, ссылки на учетные записи компании в социальных сетях) и подсказки для подписки на список рассылки.

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

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

На всех страницах TheGoodTrade.com есть большой многокомпонентный нижний колонтитул, который включает: (1) приглашение для регистрации в списке рассылки, (2) виджет с лентой Instagram, (3) ссылки на аккаунты в социальных сетях, (4) ссылки к второстепенным задачам и (5) заявление об отказе от ответственности с информацией об авторских правах.

Бесконечная прокрутка и мини-нижний колонтитул

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

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

Используется для: страниц с бесконечной прокруткой

Сайты с бесконечной прокруткой, такие как LinkedIn.com, часто размещают содержимое нижнего колонтитула в других местах, например, внизу правой панели. BarstoolSports.com содержит большую часть того, что традиционно отображается в нижнем колонтитуле в рамках глобальной навигации. Ваш браузер не поддерживает тег видео. Barstool.com также имеет нижний колонтитул, который смещается по мере загрузки нового контента.
(В большинстве браузеров наведите указатель мыши на видео, чтобы отобразить элементы управления, если они еще не видны.)

Контекстные нижние колонтитулы

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

Например, на домашней странице Medium.com нет нижнего колонтитула; страница показывает бесконечно прокручиваемый список статей. (На странице есть мини-нижний колонтитул справа, как рекомендовано выше.) Однако на странице конкретной истории Medium показывает нижний колонтитул на основе задач, который зависит от того, является ли зритель подписчиком или нет.

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

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

Нижние колонтитулы прошли долгий путь с 1990-х годов, но и по сей день они все еще подвержены общим ошибкам дизайна:

• Более двух уровней информационной иерархии
  Особенно для крупных сайтов, включая всю карту сайта, это не ответ на ваш нижний колонтитул. Нижний колонтитул — это выделенный объем недвижимости, который должен быть посвящен только важной информации, которую можно обнаружить. Как однажды метко выразилась моя мама: «Если все важно, ничто не важно».
  • РЕШЕНИЕ: Рассмотрите возможность изменения приоритетов контента и отображения ссылок только на категории первого и второго уровня в вашем IA, а не на весь сайт. Если одна страница более низкого уровня достаточно важна, отобразите эту конкретную ссылку в нижнем колонтитуле, но вам не нужно показывать все уровни информационной иерархии, чтобы сделать ее доступной для обнаружения.
• Непонятные названия ссылок в нижнем колонтитуле (например, Информация о компании или Справка по сравнению с Свяжитесь с нами )
  • РЕШЕНИЕ: Команды должны стараться придерживаться общепринятых, четких терминов. Если команда не уверена, какой термин будет более подходящим, сортировка карточек или тест на удобство использования могут помочь пролить свет на термины, которые могут запутать пользователей.
• Неясная структура или информационная иерархия
  Нижний колонтитул иногда может быть «свалкой» для потерянных ссылок, то есть ссылок, которые, кажется, не имеют отношения к глобальной навигации или второстепенным задачам. Если нижний колонтитул не имеет шаблона организации, пользователи либо сделают исчерпывающий обзор, либо потратят очень мало времени на просмотр нижнего колонтитула.
  Нижний колонтитул GM не имеет четкой структуры из-за отсутствия информационной иерархии. Эта настройка затрудняет сканирование или поиск контента.
  • РЕШЕНИЕ:  Четко передать информационную иерархию элементов в нижнем колонтитуле, используя группировку или другие шаблоны визуального дизайна, указывающие на визуальную иерархию (например, выделенные полужирным шрифтом ссылки на страницы высокого уровня и ссылки на страницы нижнего уровня с нормальным весом).
• Скрытые или неразборчивые нижние колонтитулы
  Иногда компании предпочитают использовать крошечный размер шрифта для ссылок в нижнем колонтитуле, чтобы разместить все ссылки или сделать их менее отвлекающими. Хуже того, некоторые сайты могут использовать анимацию или функцию аккордеона, чтобы полностью скрыть нижний колонтитул в эстетических целях. Хотя нижний колонтитул не является основной навигацией, люди по-прежнему используют его и полагаются на него, поэтому не пытайтесь его скрыть.
   В более ранней версии нижнего колонтитула Reserved.com использовалась функция аккордеона, которая по умолчанию была свернута, что затрудняло поиск ее содержимого. В более ранней версии нижнего колонтитула Reserved.com использовалась функция аккордеона, которая по умолчанию была свернута, что затрудняло поиск ее содержимого.
  • РЕШЕНИЕ: Используйте разборчивый размер шрифта и цвет шрифта (с достойным контрастом) и избегайте использования декоративных шрифтов. Самое главное, не скрывайте и не сворачивайте нижний колонтитул — люди ожидают, что он там будет.

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

This entry was posted in Популярное