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

• Название и логотип компании должны выделяться, но так, чтобы не притягивать к себе все внимание посетителя сайта. То есть посетитель должен с первого взгляда понимать, на какой сайт он попал, но последующая работа с сайтом не должна усложняться излишне навязчивыми логотипом и названием компании.
• Очень полезно на главную страницу сайта помещать рекламный лозунг, который бы четко характеризовал сферу деятельности компании. Важно, чтобы лозунг был простым, коротким и точным. Если лозунг составлен слишком заумно или вычурно, он, в лучшем случае, не даст посетителю никакой дополнительной информации, а в худшем, даже запутает его. Если в названии компании род ее деятельности выражен достаточно четко и определенно, от лозунга можно отказаться.
• Чрезвычайно важно прямо на главной странице сайта подчеркнуть основные отличия вашей компании от конкурентов. В Public Relations этот прием носит название «отстройка от конкурентов». Очень хорошо для этого подходит краткий лозунг, не носящий явно рекламного характера. Кроме того, если эти отличия требуют более пространных пояснений, их надо поместить в выделенный блок, чтобы посетитель не смог его не заметить.
• На главной странице сайта нужно четко выделить основные моменты, которые компании наиболее важно донести до своего потенциального клиента. Как правило, такая информация располагается в центральной части главной страницы сайта.
• Подбирая названия разделов/подразделов и других пунктов меню, необходимо ориентироваться на язык пользователя, а не на профессиональный сленг, принятый в компании. Часто бывает, что названия, которыми свободно оперируют специалисты компании, совершенно непонятны пользователям.
• Надо стараться избегать повторений, которые обычно делаются для привлечения большего внимания к тем или иным элементам веб-страницы. Такие повторения не только захламляют страницу, но и не выполняют своего предназначения - привлечь внимание пользователя. Мало того, повторяющиеся элементы запутывают и раздражают посетителя. Особенно это касается ссылок с разными названиями, которые ведут на одну и ту же страницу.
  Вы наверняка попадали на других сайтах в такую ситуацию, когда щелкаешь по разным ссылкам, а переходишь на одну и ту же страницу. При этом не сразу поймешь, что страница одна и та же. Пытаешься найти, в чем же отличие, нервничаешь, злишься на разработчиков, которые заставляют тебя терять время на пустяки. И, в конце концов, просто покидаешь такой неграмотно сделанный сайт.
• Надо стараться избегать употребления непонятных пользователю «умных» фраз и рекламного жаргона. Важнейшим принципом является информативность и недвусмысленность построения фраз. Не надо затруднять понимание. Пользователь, пока добрался до вашего сайта, прошел, возможно, много других. И ему совсем не хочется решать дополнительные задачи. Ему нужна всего лишь информация в наиболее простой и доступной для восприятия форме.
• Если какой-то блок или часть страницы визуально выделены и по содержанию однозначно ясно, о чем этот блок, специального названия ему давать не следует. Это не только потребует дополнительного драгоценного места на странице, но и дополнительно «нагрузит» ее. И при этом не добавит новой информации для посетителя.
• Указания посетителям веб-сайта (например, «Введите пароль» или «Выберите раздел») должны быть сформулированы в повелительном наклонении, но в мягкой форме. Люди в основном устроены так, что их притягивают фразы, дающие четкие указания относительно их действий на веб-сайте.
• Следует избегать употребления восклицательных знаков. Как правило, их употребление говорит о непрофессиональности подготовки текстов. При виде восклицательного знака у посетителя сайта возникает ощущение, что на него кричат. Кроме того, употребив восклицательный знак один раз, его придется ставить еще и еще - иначе остальные части страницы потеряют свою значимость.
• Надо стараться как можно реже использовать слова, набранные прописными буквами. Такие слова создают впечатление загроможденности и крикливости страницы. Да и читаются они не так удобно, как обычные.
• Очень полезно вместо подробного словесного описания использовать краткие примеры или просто иллюстрации. Особенно это важно для сайтов-каталогов, где вместо описания раздела можно привести небольшое изображение какого-либо типового товара. Это поможет посетителю веб-сайта быстрее сориентироваться и пойти туда, куда ему нужно.
• Если приводится пример какого-либо продукта/товара, следует поставить ссылку, отправляющую посетителя не только на раздел каталога, к которому относится эта товарная позиция, но и к детальному описанию самого товара. Причем ссылка на описание товара должна стоять первой. Желательно, чтобы ссылка на подробное описание внешне немного отличалась от ссылки на категорию каталога.
• Следует избегать использования для ссылок инструкций общего характера типа «Щелкните здесь». Названия ссылок должны быть осмысленными и четко показывать, куда они ведут. Например, вместо ссылки «Чтобы открыть каталог товаров, щелкните здесь» следует использовать конструкцию ссылки «Каталог товаров». Для ссылок, нуждающихся в более подробном объяснении, можно использовать всплывающие подсказки.
  Также ссылку, стоящую в конце какой-либо информации или списка, не рекомендуется называть просто «подробнее». Лучше четко указать посетителю, что именно он найдет, пройдя по этой ссылке (например, «другие товары этой ценовой категории»).
• Главное навигационное меню должно располагаться в заметном месте страницы, желательно рядом с ее основной частью. Весьма не рекомендуется горизонтальную навигационную панель сайта размещать выше графических элементов наподобие баннеров. Дело в том, что пользователи уже не воспринимают баннеры - так называемый эффект «баннерной слепоты». Поэтому все, что находится выше элемента типа баннера, с большой долей вероятности останется вне поля зрения посетителя веб-сайта.
• Как правило, навигационные элементы должны быть сгруппированы по каким-либо признакам. То есть неправильно помещать в один столбец, например, перечисление категорий каталога и ссылки на страницу «О компании», «Контакты», «Новости». Но это разделение должно быть логически обосновано. Иначе вместо помощи посетителю веб-сайта получится эффект совсем обратный - он запутается.
• Не рекомендуется на одной странице создавать разные области навигации, которые ведут на одни и те же станицы. Особенно, если оформление этих областей отличается друг от друга. Такая схема может так запутать посетителя веб-сайта, что он сочтет за благо ретироваться с сайта как можно быстрее.
• Не стоит в названиях элементов навигации использовать самостоятельно придуманные слова, которые пользователь не сможет понять. Надо стараться использовать общеупотребительные термины, которые даже не читаются, а «схватываются» взглядом. Это существенно упростит для посетителя навигацию по сайту. Значит, сайт будет восприниматься им как дружественный. А это очень важно.
• Использовать пиктограммы для привлечения внимания к навигационным элементам следует с большой осторожностью. Как правило, эти пиктограммы только усложняют навигацию, так как недостаточно продуманны. Если для объяснения элементов навигации сайта хватает простых текстовых ссылок, пиктограммы лучше вообще не использовать. Если вы придумали пиктограмму с большим трудом - велика вероятность, что большинству пользователей она вообще будет непонятна.
• Не следует выставлять на веб-сайте службы, которые повторяют функции Интернет-обозревателя: выбор стартовой страницы, создание закладки, кнопка «Назад» и проч.
• Не загромождайте веб-сайт службами, не имеющими прямого отношения к самому сайту. Например, сейчас достаточно распространенным стало использование информеров - погоды, курсов валют и проч. Если такая информация не является важным дополнением к основной информации сайта, лучше не загромождать такими службами свой веб-сайт.
• Иллюстрации должны отображать реальное содержание веб-сайта, а не использоваться только в качестве его украшения. Если иллюстрация не несет никакой смысловой нагрузки, лучше отказаться от ее применения. Люди устроены так, что их всегда тянет к «картинкам». Поэтому обилие иллюстраций может отвлекать посетителей от восприятия важной информации, помещенной на сайте.
• Если смысл рисунка или фотографии неочевиден из самого рисунка, иллюстрацию следует подписать. Но часто рисунки применяются только как наглядное изображение для того, чтобы пользователь, пробегающий страницу глазами, быстро мог схватить суть. В таких случаях рисунки подписывать не следует. Как правило, следует подписывать фотографии людей.
• Избегайте использования фоновых изображений, поверх которых идет текст. Даже если фон представлен в виде «водяных знаков». Это только захламляет страницу и снижает читабельность текста. Пусть изображение само по себе интересно - в качестве фона посетители все равно не смогут его толком разглядеть. Если же в изображении нет ничего интересного - значит, оно вообще не нужно. Как правило, «водяные знаки» несут чисто декоративную (то есть не информационную) нагрузку.
  Особенно распространено использование в качестве фона логотипа компании. Это говорит только о кустарной работе создателей сайта. Одно время (очень короткое) использование фоновых изображений быломодным. Сейчас же это просто признак плохого вкуса. Как говорится, сейчас «так не носят». Тем не менее, использование цветного, даже градиентного, фона может придать веб-сайту некоторый шарм. Но использовать их надо с большой осторожностью.
• Категорически не рекомендуется использовать анимацию для привлечения внимания посетителя к каким-либо элементам главной страницы. Анимация всегда отвлекает внимание посетителя. Мало того, анимация полностью овладевает вниманием посетителя и не дает ему воспринять другую информацию на сайте.
  Корни этого кроются в нашем прошлом, когда человеку приходилось защищаться от саблезубых тигров. Тогда у него очень развилось периферийное зрение, чутко реагирующее на движение. Зачастую от этого типа зрения напрямую зависела жизнь - успеет ли человек заметить практически невидимое движение хищника в кустах. Сегодня проблема саблезубых тигров стоит не так остро, но периферийное зрение по-прежнему выполняет свою функцию.
• Никогда не подвергайте анимации основные элементы страницы - логотип компании, рекламный лозунг или основной заголовок. Это отталкивает посетителей, принимающих эти элементы за рекламу. И даже если посетитель сайта понял, что это не реклама, ему просто трудно прочитать то, что написано на анимированном элементе. Анимация действует на посетителя как гипноз - она завораживает его. Поэтому, даже если посетители сайта не будут смотреть на движущиеся картинки, они все равно усвоят и запомнят гораздо меньше информации, чем предполагает разработчик Интернет-сайта.
• Старайтесь не использовать анимированных флэш-заставок. По крайней мере, обеспечьте пользователю возможность обойти или отключить такую заставку. В конце концов, пользователь пришел на ваш Интернет-сайт за информацией, а совсем не за тем, чтобы любоваться результатами работы вашего дизайнера. Кроме того, анимированные заставки, как правило, долго загружаются (по крайней мере, хорошо сделанные флэш-ролики «весят» немало). Тем не менее, использование заставок не является «моветоном». Просто пользователь должен иметь выбор - смотреть заставку или пропустить.
• Старайтесь избегать чрезмерного использования форматирования текста, потому что излишнее внимание к тексту «убивает» смысл слов. Если текстовые блоки станут похожими на графику, посетители веб-сайта с большой вероятностью примут их за рекламные объявления и не обратят на них внимания.
• Не рекомендуется использовать для текста и фона страницы сайта слабоконтрастные цвета - это затрудняет чтение и восприятие текста. Хотя с точки зрения внешнего вида это может смотреться очень эффектно (по мнению художника), но с позиции пользователя будет совершенно неприемлемым.
• Все главные элементы страницы веб-сайта должны находиться выше «линии сгиба» страницы, то есть умещаться на первом экране. Если же этого сделать не удается, следует использовать какие-то дизайнерские приемы, подсказывающие пользователю, что ниже на экране эти элементы есть. Не рекомендуется оставлять слишком много свободного места по вертикали между элементами страницы веб-сайта, чтобы пользователь не подумал, что ниже ничего нет.
• Чужие логотипы (например, логотипы поставщиков) следует использовать с большой осторожностью, только если потенциальные посетители сайта с ними хорошо знакомы. Не надо использовать логотип чего-то только потому, что он существует.
• Очень не рекомендуется использовать элементы интерфейса, если они не являются ссылками. Например, если на странице есть маркированный список гиперссылок, следует позаботиться о том, чтобы маркирующие элементы также являлись ссылками. Исследования показали, что часто посетители Интернет-сайта пытаются щелкать на таких элементах. И если это не получается, они решают, что список не является набором ссылок.
• Старайтесь избегать большого количества полей ввода, особенно в верхней части страницы. Как правило, посетители сайта путают эти поля с полями ввода поисковых систем. И вводят в эти поля вовсе не то, что нужно. А потом удивляются и считают, что сайт работает неправильно.
• Если новости, помещаемые на главной странице Интернет-сайта, относятся к событиям последней недели, специально указывать дату и время не следует. Если же важно продемонстрировать посетителю, что веб-сайт периодически обновляется, можно указать в верхней или нижней части страницы сайта дату его последнего обновления.
• Необходимо отказаться от автоматически открывающихся окон. Даже если в них содержится ценная информация, на которую владелец сайта хочет обратить внимание посетителя, этого не следует делать. Как правило, посетители сайта принимают такие окна за рекламные объявления и стараются закрыть их как можно быстрее. Поэтому эффект будет достигнут обратный - посетитель не увидит важную информацию. Лучше для такой информации предусмотреть на странице сайта специальные места и как-то (но не чрезмерно) выделить их визуально.
• Старайтесь не использовать на странице веб-сайта приветствия посетителю. Например, довольно часто начинающие дизайнеры используют фразу типа «Спасибо, что посетили наш сайт. Вы такой-то по счету посетитель». Это совершенно бессмысленно и не только не несет никакой информации, но и раздражает посетителей сайта. Лучше место, отведенное для приветствия, использовать для рекламного лозунга или иной полезной информации.
• Не следует использовать механизм автоматического обновления страницы. Это слишком назойливо - как будто вы вытягиваете из-под ног посетителя ковер, на котором он стоит. Особенно дико это выглядит, когда посетитель работает с какой-то областью страницы, а после автоматического обновления эта область изменяет свое местоположение. И вообще, считается «дурным тоном» производить какие-либо операции, не спросив разрешения пользователя. Интернет-сайты с излишней автоматизацией раздражают пользователей, так как практически «в лицо говорят» - ты, посетитель, нам безразличен, мы будем делать то, что захотим.
• Не следует ставить гостевые книги на деловых Интернет-сайтах. Гостевые книги придают сайту оттенок непрофессионализма, что неблагоприятно сказывается на имидже компании. Как правило, посетителям таких сайтов от гостевых книг тоже пользы никакой нет.
  Мы на своем опыте проверили важность всех этих правил и стремимся руководствоваться ими при разработке наших Интернет-сайтов. К сожалению, не всегда удается убедить клиента в своей правоте. Поэтому в работе с сайтами иногда мы вынуждены нарушать некоторые из этих правил. Тем не менее, мы стараемся делать это так, чтобы и учесть пожелания заказчика, и не нанести ущерб Интернет-сайту.