Веб-дизайн студия Диогенес

 Портфолио 
 Услуги и цены 
 О компании 
 Делимся опытом 
 Новости 
 Контакты 



Разработка сайтов от Диогенес

Принципы создания главной страницы

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

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

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


  1. Название и логотип компании должны выделяться, но так, чтобы не притягивать к себе все внимание посетителя сайта. То есть посетитель должен с первого взгляда понимать, на какой сайт он попал, но последующая работа с сайтом не должна усложняться излишне навязчивыми логотипом и названием компании.
  2. Очень полезно на главную страницу сайта помещать рекламный лозунг, который бы четко характеризовал сферу деятельности компании. Важно, чтобы лозунг был простым, коротким и точным. Если лозунг составлен слишком заумно или вычурно, он, в лучшем случае, не даст посетителю никакой дополнительной информации, а в худшем, даже запутает его. Если в названии компании род ее деятельности выражен достаточно четко и определенно, от лозунга можно отказаться.
  3. Чрезвычайно важно прямо на главной странице сайта подчеркнуть основные отличия вашей компании от конкурентов. В Public Relations этот прием носит название «отстройка от конкурентов». Очень хорошо для этого подходит краткий лозунг, не носящий явно рекламного характера. Кроме того, если эти отличия требуют более пространных пояснений, их надо поместить в выделенный блок, чтобы посетитель не смог его не заметить.
  4. На главной странице сайта нужно четко выделить основные моменты, которые компании наиболее важно донести до своего потенциального клиента. Как правило, такая информация располагается в центральной части главной страницы сайта.
  5. Подбирая названия разделов/подразделов и других пунктов меню, необходимо ориентироваться на язык пользователя, а не на профессиональный сленг, принятый в компании. Часто бывает, что названия, которыми свободно оперируют специалисты компании, совершенно непонятны пользователям.
  6. Надо стараться избегать повторений, которые обычно делаются для привлечения большего внимания к тем или иным элементам веб-страницы. Такие повторения не только захламляют страницу, но и не выполняют своего предназначения - привлечь внимание пользователя. Мало того, повторяющиеся элементы запутывают и раздражают посетителя. Особенно это касается ссылок с разными названиями, которые ведут на одну и ту же страницу.
  7. Надо стараться избегать употребления непонятных пользователю «умных» фраз и рекламного жаргона. Важнейшим принципом является информативность и недвусмысленность построения фраз. Не надо затруднять понимание. Пользователь, пока добрался до вашего сайта, прошел, возможно, много других. И ему совсем не хочется решать дополнительные задачи. Ему нужна всего лишь информация в наиболее простой и доступной для восприятия форме.
  8. Указания посетителям веб-сайта (например, «Введите пароль» или «Выберите раздел») должны быть сформулированы в повелительном наклонении, но в мягкой форме. Люди в основном устроены так, что их притягивают фразы, дающие четкие указания относительно их действий на веб-сайте.
  9. Следует избегать употребления восклицательных знаков. Как правило, их употребление говорит о непрофессиональной подготовке текстов. При виде восклицательного знака у посетителя сайта возникает ощущение, что на него кричат. Кроме того, употребив восклицательный знак один раз, его придется ставить еще и еще - иначе остальные части страницы потеряют свою значимость.
  10. Надо стараться как можно реже использовать слова, набранные прописными буквами. Такие слова создают впечатление загроможденности и крикливости страницы. Да и читаются они не так удобно, как обычные.
  11. Очень полезно вместо подробного словесного описания использовать краткие примеры или просто иллюстрации. Особенно это важно для сайтов-каталогов, где вместо описания раздела можно привести небольшое изображение какого-либо типового товара. Это поможет посетителю веб-сайта быстрее сориентироваться и пойти туда, куда ему нужно.
  12. Если приводится пример какого-либо продукта/товара, следует поставить ссылку, отправляющую посетителя не только на раздел каталога, к которому относится эта товарная позиция, но и к детальному описанию самого товара. Причем ссылка на описание товара должна стоять первой. Желательно, чтобы ссылка на подробное описание внешне немного отличалась от ссылки на категорию каталога.
  13. Следует избегать использования для ссылок инструкций общего характера типа «Щелкните здесь». Названия ссылок должны быть осмысленными и четко показывать, куда они ведут. Например, вместо ссылки «Чтобы открыть каталог товаров, щелкните здесь» следует использовать конструкцию ссылки «Каталог товаров». Для ссылок, нуждающихся в более подробном объяснении, можно использовать всплывающие подсказки.
    Также ссылку, стоящую в конце какой-либо информации или списка, не рекомендуется называть просто «подробнее». Лучше четко указать посетителю, что именно он найдет, пройдя по этой ссылке (например, «другие товары этой ценовой категории»).
  14. Главное навигационное меню должно располагаться в заметном месте страницы, желательно рядом с ее основной частью. Весьма не рекомендуется горизонтальную навигационную панель сайта размещать выше графических элементов наподобие баннеров. Дело в том, что пользователи уже не воспринимают баннеры - так называемый эффект «баннерной слепоты». Поэтому все, что находится выше элемента типа баннера, с большой долей вероятности останется вне поля зрения посетителя веб-сайта.
  15. Как правило, навигационные элементы должны быть сгруппированы по каким-либо признакам. То есть неправильно помещать в один столбец, например, перечисление категорий каталога и ссылки на страницу «О компании», «Контакты», «Новости». Но это разделение должно быть логически обосновано. Иначе вместо помощи посетителю веб-сайта получится эффект совсем обратный - он запутается.
  16. Использовать пиктограммы для привлечения внимания к навигационным элементам следует с большой осторожностью. Как правило, эти пиктограммы только усложняют навигацию, так как недостаточно продуманны. Если для объяснения элементов навигации сайта хватает простых текстовых ссылок, пиктограммы лучше вообще не использовать.
  17. Не загромождайте веб-сайт службами, не имеющими прямого отношения к самому сайту. Например, сейчас достаточно распространенным стало использование информеров - погоды, курсов валют и проч. Если такая информация не является важным дополнением к основной информации сайта, лучше не добавлять такие виджеты на свой ресурс.
  18. Иллюстрации должны отображать реальное содержание веб-сайта, а не использоваться только в качестве его украшения. Если иллюстрация не несет никакой смысловой нагрузки, лучше отказаться от ее применения. Люди устроены так, что их всегда тянет к «картинкам». Поэтому обилие иллюстраций может отвлекать посетителей от восприятия важной информации, помещенной на сайте.
  19. Избегайте использования фоновых изображений, поверх которых идет текст. Даже если фон представлен в виде «водяных знаков». Это только захламляет страницу и снижает читабельность текста. Пусть изображение само по себе интересно - в качестве фона посетители все равно не смогут его толком разглядеть. Если же в изображении нет ничего интересного - значит, оно вообще не нужно
  20. Категорически не рекомендуется использовать анимацию для привлечения внимания посетителя к каким-либо элементам главной страницы. Анимация всегда отвлекает внимание посетителя. Мало того, она полностью овладевает вниманием посетителя и не дает ему воспринять другую информацию на сайте.
  21. Никогда не подвергайте анимации основные элементы страницы - логотип компании, рекламный лозунг или основной заголовок. Это отталкивает посетителей, принимающих эти элементы за рекламу. И даже если посетитель сайта понял, что это не реклама, ему просто трудно прочитать то, что написано на анимированном элементе.
  22. Старайтесь не использовать флэш-заставок. По крайней мере, обеспечьте пользователю возможность обойти или отключить такую заставку. В конце концов, пользователь пришел на ваш Интернет-сайт за информацией, а совсем не за тем, чтобы любоваться результатами работы вашего дизайнера. Кроме того, анимированные заставки, как правило, долго загружаются (по крайней мере, хорошо сделанные флэш-ролики «весят» немало).
  23. Старайтесь избегать чрезмерного использования форматирования текста, потому что излишнее внимание к тексту «убивает» смысл слов. Если текстовые блоки станут похожими на графику, посетители веб-сайта с большой вероятностью примут их за рекламные объявления и не обратят на них внимания.
  24. Не рекомендуется использовать для текста и фона страницы сайта слабоконтрастные цвета - это затрудняет чтение и восприятие текста. Хотя с точки зрения внешнего вида это может смотреться очень эффектно (по мнению художника), но с позиции пользователя будет совершенно неприемлемым.
  25. Все главные элементы страницы веб-сайта должны находиться выше «линии сгиба» страницы, то есть умещаться на первом экране. Если же этого сделать не удается, следует использовать какие-то дизайнерские приемы, подсказывающие пользователю, что ниже на экране эти элементы есть. Не рекомендуется оставлять слишком много свободного места по вертикали между элементами страницы веб-сайта, чтобы пользователь не подумал, что ниже ничего нет.
  26. Очень не рекомендуется использовать элементы интерфейса, если они не являются ссылками. Например, если на странице есть маркированный список гиперссылок, следует позаботиться о том, чтобы маркирующие элементы также являлись ссылками. Исследования показали, что часто посетители Интернет-сайта пытаются щелкать на таких элементах. И если это не получается, они решают, что список не является набором ссылок.
  27. Старайтесь избегать большого количества полей ввода, особенно в верхней части страницы. Как правило, посетители сайта путают эти поля с полями ввода поисковых систем и вводят в эти поля вовсе не то, что нужно. А потом удивляются и считают, что сайт работает неправильно.
  28. Необходимо отказаться от всплывающих окон. Даже если в них содержится ценная информация, на которую владелец сайта хочет обратить внимание посетителя, этого не следует делать. Как правило, посетители сайта принимают такие окна за рекламные объявления и стараются закрыть их как можно быстрее, следовательно, и эффект будет достигнут обратный - посетитель не увидит важную информацию. Лучше для такой информации предусмотреть на странице сайта специальные места и как-то (но не чрезмерно) выделить их визуально.

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






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




Отправить заявку на создание сайта

Организация
Контактное лицо*
E-mail*
Телефон
Текст письма*
Файл
Введите символы с картинки*

* - Поля, обязательные для заполнения



Подписка на рассылку







карта сайта
Блог Белоликова Александра
Новости, Публикации
© Веб-дизайн студия Diogenes 1999-2020
Все права защищены.
Facebook Twitter VKontakte YouTube