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

Каждый посетитель, с одной стороны, должен иметь возможность легко ориентироваться на сайте, находить пути перехода по страницам и логическому изучению контента. Но также необходимо, чтобы было доверие к сайту и контенту, было приятно работать. Зачастую веб-дизайнеры полагают, что главное – создать манящую и притягательную главную страницу и красивый заголовок, что буквально будет «прям вот в глаза бросаться, кричать о себе: вот он Я». И на этом важная часть будет сделана. Но совершенно забывают про нижний колонтитул, подвал или footer.

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

Кто ты, нижний колонтитул?

Как правило, footer по большей части является местом, где размещают сноски, авторские права, отказ от ответственности и так далее. Иногда можно увидеть иконки соцсетей или контакты. Скудно, а иногда и в скучном оформлении. И знаете, причина тому вовсе не в том, что веб-дизайнер не захотел поработать над  «подвалом» или ему мало заплатили за работу. Социум. Мнение социума. А оно, преимущественно, состоит в том, что: «все равно вниз никто не долистывает до конца, и что там внизу не читают, а значит, неважно, что там вообще есть. Для галочки разметим бренд, авторские права, годы и хватит».

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

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

Хотя есть ресурсы вообще без нижнего колонтитула. О них мы поговорим позже…

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

Вот четыре самых разных по тематике и технологиям проекта с совершенно разными нижними колонтитулами. Проект бренда по производству молока  имеет «подвал» в выезжающем справа меню (точнее данные из него). И заметьте, где-то находится информация о контактах, где-то разделы перечислены, где-то призыв к старту, но… каждый из нас, посетив ресурсы, долистали до конца страницы и было в какой-то степени занятно узнать, а что же там дальше есть еще. Речь идет о Alpsko Mleko, Weber.com, Brightscout, Ingphi.

И это важно…

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

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

Расположение колонтитула внизу станицу не дает веб-дизайнеру карт-бланша на то, чтобы забыть о нем и не использовать вообще, объясняя это тем, что: «С точки зрения современного дизайна он совсем не нужен. Поместим номер телефона в уголочке или в конце всего «рассказа». Прокручивают посетители колесиком мышки страницу, прокручивают, рано или поздно увидят ссылочку на отдельную страницу с контактами и картой». Разумеется, все зависит от стиля и идеи, но пользователи досмотрят ли страничку до конца? Одну да, а все?? А если контент на главной не особо интересен, а в «подвале» найдется интересная ссылка на раздел? Двоякая ситуация. Есть «за», и есть «против».

Мы подобрали снова разные проекты, в которых не на всех страницах есть нижний колонтитул, а где-то он выглядит как совершенно незаметная полосочка с важной информацией. И все зависит от тематики. Интересуетесь африканским сафари, разумеется, что большой объем данных требует  хорошей навигации. Интересует сельское хозяйство Соединённого королевства – изучайте, колонтитул появится плавно и сообщит, что страница завершена. Интересует развитие крупной компании –  вы увидите footer только на информационных станицах сайта. Это GROWx, baa projektmanagement, Your African Safari, atomico, morigurashi.

 

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

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

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

Бренд. Логотип, общая информация о бренде обычно используется и достаточно часто. В то время, как некоторые мастера считают колонтитул отличным местом для дополнительной навигации, многим пользователям недостает быстрого доступа к основой информации о компании/бренде.  Разумеется, что такой контент должен соответствовать стилю, сочетаться по цвету, быть написаным общими шрифтами. Это imperion, vuejs.amsterdam, mountaingames, hollandgreen.

Свобода и чистота. Безусловно, важный ключ на любой стадии проектирования и работы с дизайном сайта. Много об этом говорили в нашем блоге, но повторимся быстренько еще разок. Когда веб-дизайнер работает с большим количеством информации, то самый простой визуальный стиль является лучшим выбором. Нет ничего отвлекающего, лишнего и аляповатого. И колонтитул в данном случае тоже отлично смотрится и удобен для использования, когда в нем много свободного пространства, когда текст в нем улавливается глазами быстро и сразу. Посмотрите на edmolimited, caulipower, open-wear, avivatalmon, papercast, ykrealestate.

 

Призыв и удобство. Если создается интернет-магазин или сайт различных электронных услуг, то колонтитул - отличное место для размещения важной информации для пользователей. Это, своего рода, возможность установить обратную связь с ними, подтолкнуть к принятию решения о совершении покупки. Чтобы было более понятней, без лишних слов посмотрите на: ozon, wildberries, shop.primagames, utkonos, amazon, areatresworkplace

 

Из чего состоит нижний колонтитул

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

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

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

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

Посмотрите на limoncello, thesavvybackpacker, globalwelsh, ideoagency, microsoftstore, apple. Все они имеют или насыщенный контраст в качестве отделения секций страницы, или некоторую информацию, полосу для подписки, тонкую разделительную линию. Но обратите внимание, что даже такие крупные компании как Microsoft и Apple имеют на своих сайтах нижний колонтитул. И он как раз таки занят и ссылками, и контактами, и иконками соцсетей, авторскими правами и конфиденциальностью. То есть, все создано строго по канонам.

Не все так просто

Вот и подобрались к обещанному…

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

Например, studioopz, gravity, voellerei, affilicy, wallpapers.strv, yebocreative, catellanismith. Все эти сайты почти не имеют нижнего колонтитула в общепринятом виде. Но, тем не менее, это не лишает их информативности. Где-то вся информация спрятана в меню, где-то она и вовсе не нужна из-за тематики.

Выводы

Нижний колонтитул важен при проектировании любого сайта, именно поэтому его используют и создают в разном виде, насыщают самой разной информацией. И оттого, насколько она систематизирована, удобна для восприятия, зависит успех сайта в целом и насколько пользователям будет удобно на данном ресурсе. Если вы задаетесь вопросом: но что же именно мне в нем написать, чтобы не было лишнего или что-то забыто, то посмотрите внимательно на тематику проекту и подумайте, а что для вас, как среднестатистического посетителя, может быть важным  найти в footer’е? И да, логично, если это магазин, ателье, кафе, то размесить карту близ колонтитула или в нем (небольшую) вполне уместно и нужно для удобства. Но если создается сайт такой крупной компании как Microsoft или Газпром, то, разумеется, карта будет неуместна. Все зависит от проекта и темы.

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