«PHP-Creative»

 

Меню сайта


Новые статьи



Статистика

Rambler's Top100

Рейтинг@Mail.ru

Сейчас на сайте: 1

10 первых правил по дизайну главной страницы сайта

Дата добавления: 2009-04-13

Автор статьи: Александра Качанова ©

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

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

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

Назначение сайта должно быть ясным: объясните, кто вы, и чем занимаетесь

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

2. Оформляйте тег так, чтобы он хорошо смотрелся на поисковых серверах и в списке закладок<br> Текст в теге <title> начинайте с названия компании, после чего пишите краткое описание сайта. Не начинайте текст со слов "The", или "Welcome to", если только вы не желаете попасть в алфавитном списке под буквы "T" или "W".</p> <p>3. Объедините всю информацию о компании в одном, хорошо видимом разделе<br> Лишь за редким исключением посетителю сайта в первую очередь требуется информация о самой компании. Тем не менее людям иногда надо узнать о вас побольше. Хорошее представление компании особенно важно, если компания собирается нанимать людей на работу, ищет инвесторов или старается улучшить свой имидж в прессе. Однако помимо этого хорошо представленная информация о компании поможет укрепить доверие у вашего покупателя. Следовательно ссылке на раздел "О компании", где представлена детальная информация о вас, самое место на главной странице.<br> Помогите пользователю найти то, что он ищет</p> <p>4. Выделите наиболее главные темы сайта<br> Ваша главная страница должна четко показывать, с чего посетителю следует начать, чтобы выполнить те главные основные задачи, ради которых он пришел на ваш сайт.</p> <p>5. Не забудьте форму поиска<br> Поиск - важная составная часть любого крупного сайта. Когда пользователи хотят что-либо найти, они, обычно, просматривают главную страницу в поисках "той маленькой формы, где я могу набрать запрос". Так что ваша форма поиска должна быть похожа именно на форму. поле ввода в форме поиска следует делать шириной как минимум в 25 символов, чтобы оно могло без труда вместить длинные словосочетания. Покажите, что есть на сайте</p> <p>6. Представьте примеры реальных материалов вашего сайта<br> На главной странице не просто расскажите, что за материалы находятся на сайте, а покажите их. Один пример переплюнет сотни абстрактных объяснений. Покажите несколько ваших лучших или самых свежих материалов.</p> <p>7. Начинайте названия ссылок с наиболее важного ключевого слова<br> Посетители просматривают страницы, пытаясь найти на ней элементы, которые отвечает их текущим интересам. Ссылки - это призыв к действию, и если каждая ваша ссылка начинается со значимого слова, вы помогаете пользователю выделить данную ссылку из ряда других. Весьма распространена ошибка, когда каждая ссылка начинается с названия компании. Такая ссылка малоинформативная и затрудняет поиск нужной информации.</p> <p>8. Упростите доступ к архиву новостей и обновлений<br> Пользователи часто запоминают статью, продукт или рекламный блок, что помещается на главной странице. Но как они узнают, где им найти нужное потом, когда вы уберете эти новости с главной страницы и переместите их вовнутрь сайта? Помогите пользователям отыскать ключевую информацию. На главной странице ведите краткий список предыдущих обновлений и свяжите его ссылками с архивом, где будут перечислены все обновления, что появлялись на главной странице с момента создания сайта.</p> <p>Используйте графический дизайн для улучшения интерактивности, а не просто для красоты<br> 9. Не перестарайтесь с оформлением критических элементов страницы, например навигации<br> Если вы думаете, что важные элементы главной страницы требуют каких-то особых иллюстраций, изысканных рамочек и кричащих цветов, то вы ошибаетесь. Помните, что посетители нередко не обращают внимание на графику, считая ее рекламным баннерам, и сосредотачивают свое внимание на тех частях домашней страницы, которые, по их мнению, выглядят имеющими отношение к делу.</p> <p>10. Используйте значимую графику<br> Главная страница не просто должна быть украшена фотографиями из фототек. Изображения являются мощным средством коммуникации лишь в тех случаях, когда они показывают то, что интересует посетителей. Если изображения оказываются фривольными или совершенно не относящимися к делу, это принесет только вред. Например, в большинстве случаев лучше всего использовать изображения реальных людей, которые пользуются вашей продукцией, чем фотографии фотомоделей.</p> <p>Дополнительные рекомендации по дизайну главной страницы<br> Моя недавно вышедшая книга, "Homepage Usability: 50 Websites Deconstructed", содержит полный список 113 рекомендаций по дизайну главной страницы, а также рекомендации, как лучше разработать 40 типичных элементов главной страницы так, чтобы посетителям легче было работать с сайтом.</p></p> <p class="articles_view">Просмотров: 5157</p> <p class = 'post_comment'>Комментарии к данной статье:</p><p>К данной статье нет комментариев.</p></p> <p class = 'post_comment' >Добавить новый комментарий:</p> <form action="comment.php" method="post" name="form_com"> <p><label>Ваше имя: </label> <input name="author" type="text" size="20" maxlength="20"></p> <p><label>Текст комментария: <br><textarea name="text" cols="30" rows="4"></textarea></label></p> <p>Введите сумму чисел с картинки: </p> <p><img style = 'margin-top:3px;' src="img/sum.gif" width="80" height="28"> <input style = 'margin-bottom:9px;' name="pr" type="text" size="5" maxlength="5"></p> <input name="id" type="hidden" value="27"> <p><input class="sub_vote" name="sub_com" type="submit" value="Добавить"></p> </form> </td> <td width="230" class="td" valign="top"> <h1 style='font-family :Verdana; font-size : 18px; font-weight : bold; color:#cbcfca;text-align:center;'><img class="img" src="img/star.gif" alt="" width="18px" height="18px" border="0">Реклама <img class="img" src="img/star.gif" alt="" width="18px" height="18px" border="0"></h1> <table align='center' border="0px"><tr> <td align="center"> <script type="text/javascript"><!-- google_ad_client = "pub-6598260110134215"; /* Php-Creative.Com - 160x600, справа */ google_ad_slot = "8576341886"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td> </tr> </table> <center> <p style="font-size: 10px;"> <script async="async" src="https://w.uptolike.com/widgets/v1/zp.js?pid=lfaaecf3e2c0a9068fbc064e156c8aa3df719311c0" type="text/javascript"></script></p> </center> </td> <td width="15"> </td></tr> </table> </td> </tr> <tr> <td> <table width="100%" height="110" border="0" cellspacing="0" cellpadding="0" class="foot"> <tr> <td> <br> </td> </tr> </table> </td> </tr> </table> </body> </html>