Каким должен быть футер на сайте в современном веб — дизайне. Советы и примеры.

Разместил / Просмотров: 5 051 / комментариев 7

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

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

Ну а сейчас давайте рассмотрим несколько практичных и красивых примеров:

Очень удобная и полная навигация по сайту.

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

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

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

SEO. Такая навигация существенно облегчит пользование сайтом поисковым роботам а так же пользователям.

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

Плавный переход от контента к футеру.

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

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

Самые подробные контактные данные в футере сайта.

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

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

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

Экспериментируйте

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

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

Вот и всё, что хотелось рассказать Вам по этому поводу, друзья. До скорых встреч :-)

Огромное спасибо speckyboy.com

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

  • Прошу прощение за коммент не в тему, но заметил неприятное на сайте. Все время когда заходишь, или обновляешь страницу, горизонтальное меню открывается (1-2 сек во время загрузки страницы). Как только страница загружена, сворачиваются обратно. Ничего особенного, но немного портит общий вид :) Это вам так Александр, на заметку, если сумеете исправить, то будет замечательно :)

  • WpMen, спасибо, рад, что Вам нравится :-) И мне он тоже нравится, вот по этому его пока трогать не хочу.

  • А вот по поводу меню, это к сожалению скрипт такой, возможно я его когда то поменяю, просто это задача не очень лёгкая, нужно полностью меню менять.

  • Иришка ))

    WpMen, вероятно все зависит от скорости интернета :) Поскольку раньше такого не замечала, ради интереса загружала и обновляла страницы: из 10 раз таких действий 1 раз меню было раскрытым 0,2 доли секунды, в остальных случаях меню «не зависало» и сразу открывалось в «свернутом виде» :) А 0,2 доли секунды…, специально нужно высматривать, чтобы что-то заметить :)

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

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