Оформление страниц сайта с точки зрения психологии посетителя.

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

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

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

Каждый веб-дизайнер должен быть немного психологом

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

Конечно, вы будете правы, но в то же самое время вы окажитесь и не правы. Почему? Все просто.

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

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

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

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

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

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

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

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

Как просматривают сайты в арабских странах

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

Думаете, ничего нового здесь не будет? Давайте проверим.

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

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

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

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

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

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

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

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

Дизайн сайта без шапки

Как видите, контентная часть стала занимать гораздо больше места, что весьма удобно для контентных проектов (например, порталов или новостных ресурсов).

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

Макет сайта с двумя колонками

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

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

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

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

Опасности нетрадиционного оформления страниц сайта.

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

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

Счетчик