Лучший макет домашней страницы для информационного веб-сайта или блога

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

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

Белое пространство

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

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

Рассмотрите размещение изображения

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

Нет ползунков

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

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

Используйте раскрывающиеся меню

Выпадающие меню могут повредить SEO, поэтому они подходят не для каждого сайта. Сказав это, выпадающие меню действительно могут помочь очистить сайт и организовать его, когда он содержит много информации. Вам придется принять решение, когда дело доходит до использования раскрывающихся меню, но учтите, что они удобны, удобны и интуитивно понятны для многих пользователей. Эти выпадающие меню CSS возможны, JavaScript (через jQuery, MooTools и т. д.) по-прежнему лучший способ.

Просмотры контента

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

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

Простота навигации

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

Суть

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