Футер сайта это: Что такое футер (footer) и как его использовать на веб-сайтах

12 раз уже помогла

Что такое нижний колонтитул сайта?

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

Так что же такое нижний колонтитул сайта?

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

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

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

Почему нижний колонтитул важен?

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

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

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

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

Что должно быть в нижнем колонтитуле?

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

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

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

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

Примеры

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

Этот сайт

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

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

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

Министерство Типа

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

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

Мам и попкорн

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

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

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

Site Inspire

Наконец, мы подошли к Site Inspire, который сочетает в себе идею минимализма и трехколоночный нижний колонтитул (как веб-дизайнер по моему собственному сердцу). И делает это практически безупречно.

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

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

Почему нижний колонтитул вашего сайта важен?

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

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

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

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

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

Все просто

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

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

Организация нижнего колонтитула

Наиболее эффективные нижние колонтитулы веб-сайтов, как правило, состоят из трех отдельных разделов с приоритетом элементов сверху вниз:

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

Хорошие и не очень хорошие примеры

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

Или это?

Во втором нижнем колонтитуле просто слишком много всего происходит:

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

Не забудьте бренд

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

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

О Северной улице

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

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

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

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

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

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

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

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

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

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

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

• Ссылки на утилиты
• Навигационный коврик
• Ссылки на второстепенные задачи
• Карта сайта
• Отзывы или награды
• Бренды внутри организации
• Взаимодействие с клиентами (информационные бюллетени по электронной почте и социальные сети)

Полезные ссылки

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

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

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

, а также ссылки на учетные записи социальных сетей (дополнительную информацию см. Ниже).

Навигация по коврику

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

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

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

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

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

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

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

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

Карта сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

BarstoolSports.com содержит большую часть того, что традиционно отображается в нижнем колонтитуле глобальной навигации.

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

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

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

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

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

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

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

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

ресурсов

Якоб Нильсен и Кара Пернис, 2010 г., отслеживание веб-сайтов с помощью айтрекинга, The New Riders

3 элемента, которые должны включать все веб-сайты, плюс как

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

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

В этом посте мы немного поговорим о том, почему так важен нижний колонтитул WordPress. Затем мы дадим несколько советов, как сделать его максимально эффективным. Давайте взглянем!

Почему нижний колонтитул WordPress является неотъемлемой частью вашего веб-сайта

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

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

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

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

Три совета по созданию нижнего колонтитула вашего веб-сайта

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

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

1. Укажите контактную информацию

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

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

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

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

Кроме того, вы можете также рассмотреть возможность встраивания контактной формы в нижний колонтитул WordPress:

Контактная форма займет немного больше места в нижнем колонтитуле, но может стать ценным дополнением, если у вас недостаточно информации для включения в раздел. Более того, когда вы используете такой инструмент, как Contact Form 7, разместить форму в нижнем колонтитуле так же просто, как и в любом другом месте вашего сайта.

2. Создайте раздел «Ключевые ссылки»

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

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

Для этого вам нужно:

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

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

3. Добавьте призыв к действию (CTA)

CTA вашего сайта — это элемент, который точно сообщает посетителям, какое действие вы хотите, чтобы они предприняли, и предоставляет простые средства для этого. Это может быть кнопка Buy Now , подписка на список рассылки или даже форма подписки на членство.

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

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

Вот несколько советов по созданию эффективного нижнего колонтитула CTA:

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

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

Заключение

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

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

1. Включите контактную информацию и, возможно, контактную форму.
2. Создайте раздел «ключевые ссылки» для дополнительной навигации.
3. Добавьте четкий CTA.

У вас есть вопросы о том, как создать нижний колонтитул вашего сайта? Спросите нас о чем угодно в разделе комментариев ниже!

Бесплатный гид

5 основных советов по ускорению работы вашего сайта на WordPress

Сократите время загрузки даже на 50-80%

4 Особенности удобного для пользователя нижнего колонтитула веб-сайта

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

‍

‍

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

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

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

3. Социальные кнопки: Предоставьте своим посетителям любую возможность поделиться идеей вашего бренда и пообщаться с вами в своих социальных сетях, разместив кнопки Facebook, Twitter, LinkedIn, Google+ и Pinterest в нижнем колонтитуле.

4. Дополнительный призыв к действию: Хотя посетители могут не решаться сообщить вам свой адрес электронной почты, когда они впервые попадают на ваш сайт, после прокрутки части вашего контента — и достижения нижнего колонтитула — они могут быть уверены.Вот почему нижний колонтитул — отличное место для вторичного призыва к действию, например, приглашения подписаться на рассылку новостей.

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

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

Примеры нижнего колонтитула веб-сайта • 10 лучших дизайнов нижнего колонтитула для веб-сайта

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

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

Что такое нижний колонтитул веб-сайта?

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

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

Насколько важны нижние колонтитулы

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

Если вы нам не верите, вы можете использовать цифровые инструменты, такие как Lucky Orange, Crazy Egg и ClickTale, чтобы проверить «глубину прокрутки» посетителя на вашем сайте.

вещей, которые могут быть помещены в нижние колонтитулы веб-сайтов

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

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

Авторские права: Год и символ авторского права защищают веб-сайты от плагиата.

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

Условия использования: Он предлагает общие правила и рекомендации по использованию веб-сайта или ваших продуктов.

Карта сайта

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

Номера телефонов и факсов

Как и адрес, номер телефона показывает Google, что ваш бренд — это местная компания. При просмотре на мобильном устройстве рекомендуется превратить номер телефона в кнопку, на которую можно нажимать.

Личность и бренд

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

Address and Link to Map / Directions

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

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

Navigation

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

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

Социальные иконки

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

Виджеты социальных сетей

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

. Регистрация по электронной почте

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

Логин

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

Поиск по сайту

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

Рекомендации по дизайну нижнего колонтитула

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

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

10 лучших примеров веб-нижних колонтитулов

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

1. Tapbots

Tapbots — один из лучших примеров дизайна нижнего колонтитула веб-сайта. Технически он создан для использования на устройствах iOS, таких как iPhone.

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

2. Проект существительное

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

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

3. Site Inspire

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

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

4. Джарад Джонсон

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

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

5. Министерство типа

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

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

6. Bei Blog

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

7. Монокль

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

Как это делается? В случае Monocle все ссылки HTML помещаются в нижний колонтитул. Такой дизайн улучшает навигацию для посетителей.

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

8. Мама и попкорн

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

9. Консольные рыбы и суда

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

10. То же

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

Наконец

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

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

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

Обновление: 2021-02-18

Лучшие примеры дизайна нижнего колонтитула и передовой опыт

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

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

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

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

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

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

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

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

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

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

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

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

Нижний колонтитул веб-сайта улучшает веб-сайт по трем основным направлениям.

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

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

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

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

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

Нижний колонтитул важен по четырем основным причинам.

Нижние колонтитулы могут помочь:

1. Удерживайте посетителей дольше
2. Поощряйте посетителей возвращаться на веб-сайт
3. Сделайте веб-сайт и компанию запоминающимися
4. Привлекайте больше потенциальных клиентов

Вот как нижние колонтитулы достигают желаемых результатов:

Они подчеркивают важные аспекты

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

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

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

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

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

Они предоставляют полезную информацию

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

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

Они направляют посетителей

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

Нижний колонтитул также полезен, когда посетитель не может найти нужную информацию на главной странице. Если нижний колонтитул виден и организован, они смогут найти именно то, что им нужно.

Нижний колонтитул — это возможность лаконично расположить содержимое веб-сайта. Это может направлять посетителей, позволяя им перемещаться по нему.

Создавайте визуально привлекательные и высокопроизводительные веб-сайты без написания кода

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

Они привлекают внимание посетителей

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

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

Какие лучшие практики дизайна нижних колонтитулов веб-сайтов используются успешными веб-сайтами?

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

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

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

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

Авторские права

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

Политика конфиденциальности

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

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

Условия использования

Условия использования объясняют, с чем соглашается посетитель, используя веб-сайт.В нем говорится, что постоянное использование сайта означает согласие с условиями.

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

Контактная информация

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

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

Адрес электронной почты : Электронная почта по-прежнему остается популярным способом связи.Но адрес электронной почты — это магнит для спама. Поэтому разумно использовать специальную учетную запись электронной почты.

Номер телефона: Другой распространенный метод связи — отображение номера телефона в нижнем колонтитуле. Компании могут включить CTA, который набирает номер напрямую.

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

Контактная страница или контактная форма: Другой популярный способ связи — ссылка на контактную страницу или контактную форму.

Контактная форма имеет поля, позволяющие посетителям вводить свое имя, адрес электронной почты и комментарии. Это дает возможность немедленно связаться с компанией.

Контактные формы лучше ссылок по электронной почте, потому что:

1. Отправка формы отслеживается в аналитике
2. Посетитель может находиться на устройстве, на котором не выполнен вход в его электронную почту
3. Формы отправляют посетителей на страницы с благодарностью, что делает их счастливыми и побуждает к дальнейшим действиям
4. Формы отправляют автоответ электронные письма, предоставляющие больше возможностей для отображения CTA
5. Формы сохраняют отправленные материалы в базе данных
6. Формы подключаются к автоматизации маркетинга и другим системам

Карта сайта

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

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

Торговая марка и личность

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

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

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

CTA

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

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

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

SEO

Нижние колонтитулы также могут включать SEO или поисковую оптимизацию. Добавление ключевых слов в нижний колонтитул помогает веб-сайту лучше работать в поисковой системе.

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

Навигация

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

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

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

Карта физического адреса

Неотъемлемой частью SEO является добавление физического адреса компании. Предоставление карты и направления к месту еще более выгодно.

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

Иконки и виджеты социальных сетей

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

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

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

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

Электронная почта Регистрация

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

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

Griflan Design Inc.

Нижний колонтитул сайта Griflan Design Inc. очень прост. Он содержит информацию о местонахождении компании, информацию об авторских правах и кнопки социальных сетей.

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

Приложение «Кэш за наличными»

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

Например, ссылки в нижнем колонтитуле направляют посетителей на FAQ, правила возврата и руководство по размеру.

Домашняя база

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

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

Таксономия дизайна

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

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

Валер

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

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

Милл3

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

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

Саймон Лизингер

У этого веб-сайта два колонтитула.

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

Другой нижний колонтитул благодарит посетителей и предоставляет ссылки на другие платформы.

Люнет Нуар

У этого агентства чистый нижний колонтитул, соответствующий стилю веб-сайта. Он простой, лаконичный и привлекательный.

Он содержит адрес, номер телефона и ссылку на Twitter.

Невидимая коллекция

Коллекция Invisible демонстрирует классический дизайн нижнего колонтитула.

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

Черная пицца

Black Pizza выделяется черным цветом. Он содержит минимальный объем информации.

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

LoveSeen

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

Tomorrow.one

Tomorrow.one — приложение для мобильного банкинга. Он использует классический макет нижнего колонтитула с организованными категориями.

Он использует нижний колонтитул для предоставления информации об их сертификации B Corp.

Смокинг

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

Полезная функция — кнопка возврата к началу.

Сплайн

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

Время сетки

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

Три ссылки направляют посетителей к дополнительной информации.

Mellow Studio

На этом сайте реализован дизайн толстого нижнего колонтитула.

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

Гарри Винсент

У этого веб-сайта тонкий нижний колонтитул. Он разделен на три части.

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

фанфары

Fanfare имеет толстый нижний колонтитул. Это побуждает посетителей связываться с ними.

Кнопки социальных сетей направляют посетителей на страницы компании в социальных сетях.

Awwwards

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

Tapbots

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

И он включает ссылки, по которым можно связаться или подписаться на них в Твиттере.

Collecta

Collecta разработала нижний колонтитул так, чтобы он располагался в левом углу, а не занимал всю ширину веб-страницы. Он отображает авторские права веб-сайта и ссылки на учетные записи Twitter.

PANOPTICA

Нижний колонтитул PANOPTICA поддерживает стиль темного режима веб-страницы. Его самая уникальная особенность — интерактивная анимация с правой стороны.

Тропики Париж

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

Яркий цвет привлекает внимание к нижней части нижнего колонтитула. Он предоставляет дополнительную информацию, такую ​​как условия.

Добро пожаловать

Welcome — еще один хороший пример минималистичного дизайна. Нижний колонтитул приглашает посетителей подписаться и отображает три ссылки для получения дополнительной информации.

Le Singe

Le Singe также отличается лаконичным дизайном. Электронный адрес, написанный крупным шрифтом, привлекает внимание посетителей.

Кнопки социальных сетей и адрес выходят на второй план.

Панграм Панграм

У этого веб-сайта тонкий нижний колонтитул.

Он состоит из значков социальных сетей и платежей. Название бренда дублирует кнопку возврата наверх.

Белло

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

Studio Malvah

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

Bluestag

Анимация определяет нижний колонтитул этого веб-сайта. Серые горы и синий олень радуют посетителей.

Добавленные ссылки аккуратно размещены под синим оленем.

Site Inspire

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

Стильные новеллы

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

Это хороший пример использования изображений для удержания посетителей.

BB Агентство

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

Столярные изделия

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

Привет, кожа

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

KEENTU

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

Remrise

Remise отображает толстый нижний колонтитул.

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

Loftgarten

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

Нижний колонтитул включает ссылки, кнопки социальных сетей и кнопку возврата к началу.

Orbitmedia

Этот нижний колонтитул ориентирован на призыв к действию. Три призыва к действию приглашают посетителей подписаться, узнать больше или установить контакт.

Guerlain

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

БАК

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

Оскар

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

Арлинд Алиу

Этот веб-сайт — еще один пример использования строгой типографики в нижнем колонтитуле. Он предлагает посетителям связаться с разработчиком.

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

OISX

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

Нью-Йорк Таймс

The New York Times насыщена контентом, но нижний колонтитул хорошо организован.Это отличный пример того, как лаконично организовать большой объем информации в нижнем колонтитуле.

Hive Streaming

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

CRSA

На веб-сайте CRSA представлена ​​тема архитектурного дизайна. Тема переносится в нижний колонтитул.

Он имеет простой, привлекательный и лаконичный дизайн.

Фундамент

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

корешок

Radicle отображает нижний колонтитул как никто другой. Он содержит график развития компании.

Он также содержит яркие изображения и яркие цвета. CTA внизу приглашает посетителей присоединиться к их онлайн-сообществу.

Счастливчики

Lucky Folks имеет нижний колонтитул с призывом к действию.

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

Squadeasy

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

Victionary.com

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

Произвольный размер

Random-ize утверждает, что это самый случайный веб-сайт в сети. Соответственно, нижний колонтитул этого веб-сайта случайный и занимает всю длину экрана.

Отображает сообщения Facebook и Twitter, подчеркивая случайность веб-сайта.

Род

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

Узлы

Nodes — отличный пример простого нижнего колонтитула. Он предлагает посетителям подписаться на рассылку новостей с помощью кнопок социальных сетей ниже.

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

ВПП

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

БАМП

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

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

Лайфхакер

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

тыс. Нг

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

Серый песочный

Sandy Gray состоит из трех элементов. Он предлагает посетителям подписаться на обновления и отображает логотип.

Третий элемент — важное предупреждение для лиц моложе пьющего возраста.

Beau

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

Furrion

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

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

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

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

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

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

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

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

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

И это еще не все.

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