Анатомия компоновки веб-страниц сайта | SEO скрипт

Анатомия компоновки веб-страниц сайта

веб-дизайн

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

  • компоновка веб-страниц создаётся по одному и типичному «плану», поэтому они скучны и малоэффективны;
  • компоновка страниц сайта должна быть построена по стандартному плану, иначе она может оказаться бесполезной.

Какая из этих точек зрения верна? Каким должен быть дизайн эффективного сайта?

Психология пользователя – опорная точка дизайна

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

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

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

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

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

Как пользователи считывают информацию с монитора?

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

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

prioretet_blokov_stranic

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

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

prioretet_blokov_arab

Типичный дизайн сайта

Думаете, ничего нового я ту не скажу? Давайте проверим.

Типичная веб-страница состоит из:

  • шапки сайта;
  • центральной части страницы;
  • подвала страницы.

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

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

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

Да, кстати, надеюсь вы не забыли, в некоторых странах пользователи читают «наоборот»? Учтите этот факт, при проектировании сайта, потому что классическая схема страницы в этом случае примет «зеркальный» вид! И в данном случае это не будет отступление от принятых рамок.

А что, если отойти от привычных рамок?

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

netipichniy-dizai-saita

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

сайт с двумя сайтбарами

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

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

В итоге, большая часть страницы «выпадает» из поля зрения пользователей. Как же быть?

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

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

Опасности нетрадиционной компоновки страниц

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

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

Поделиться

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *