LibRar.Org.Ua — Бібліотека українських авторефератів


Головна Бібліотечна справа → 10 первых правил по дизайну главной страницы сайта

Якоб Нильсен

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

Главная страница сайта компании - это лицо сайта, обращенное ко всей Сети. Именно с главной страницы большинство пользователей начинают своё путешествие по сайту. Улучшая дизайн главной страницы вы повышаете всю ценность сайта. Следовательно, следование ключевым правилам для главной страницы сайта вполне оправдано и очень выгодно.

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

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

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

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

1. Создайте слоган для сайта. Из одного предложения

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

2. Оформляйте тег так, чтобы он хорошо смотрелся на поисковых серверах и в списке закладок</b></p><p>Текст в теге <title> начинайте с названия компании, после чего пишите краткое описание сайта. Не начинайте текст со слов "The", или "Welcome to", если только вы не желаете попасть в алфавитном списке под буквы "T" или "W". </p><p><b>3. Объедините всю информацию о компании в одном, хорошо видимом разделе</b></p><p>Лишь за редким исключением посетителю сайта в первую очередь требуется информация о самой компании. Тем не менее людям иногда надо узнать о вас побольше. Хорошее представление компании особенно важно, если компания собирается нанимать людей на работу, ищет инвесторов или старается улучшить свой имидж в прессе. Однако помимо этого хорошо представленная информация о компании поможет укрепить доверие у вашего покупателя. Следовательно ссылке на раздел "О компании", где представлена детальная информация о вас, самое место на главной странице. </p><p><b>Помогите пользователю найти то, что он ищет</b></p><p><b>4. Выделите наиболее главные темы сайта</b></p><p>Ваша главная страница должна четко показывать, с чего посетителю следует начать, чтобы выполнить те главные основные задачи, ради которых он пришел на ваш сайт. </p><p><b>5. Не забудьте форму поиска</b></p><p>Поиск - важная составная часть любого крупного сайта. Когда пользователи хотят что-либо найти, они, обычно, просматривают главную страницу в поисках "той маленькой формы, где я могу набрать запрос". Так что ваша форма поиска должна быть похожа именно на форму. поле ввода в форме поиска следует делать шириной как минимум в 25 символов, чтобы оно могло без труда вместить длинные словосочетания. </p><p><b>Покажите, что есть на сайте</b></p><p><b>6. Представьте примеры реальных материалов вашего сайта</b></p><p>На главной странице не просто расскажите, что за материалы находятся на сайте, а покажите их. Один пример переплюнет сотни абстрактных объяснений. Покажите несколько ваших лучших или самых свежих материалов. </p><p><b>7. Начинайте названия ссылок с наиболее важного ключевого слова</b></p><p>Посетители просматривают страницы, пытаясь найти на ней элементы, которые отвечают их текущим интересам. Ссылки - это призыв к действию, и если каждая ваша ссылка начинается со значимого слова, вы помогаете пользователю выделить данную ссылку из ряда других. Весьма распространена ошибка, когда каждая ссылка начинается с названия компании. Такая ссылка малоинформативная и затрудняет поиск нужной информации. </p><p><b>8. Упростите доступ к архиву новостей и обновлений</b></p><p>Пользователи часто запоминают статью, продукт или рекламный блок, что помещается на главной странице. Но как они узнают, где им найти нужное потом, когда вы уберете эти новости с главной страницы и переместите их вовнутрь сайта? Помогите пользователям отыскать ключевую информацию. На главной странице ведите краткий список предыдущих обновлений и свяжите его ссылками с архивом, где будут перечислены все обновления, что появлялись на главной странице с момента создания сайта. </p><p><b>Используйте графический дизайн для улучшения интерактивности, а не просто для красоты</b></p><p><b>9. Не перестарайтесь с оформлением критических элементов страницы, например навигации</b></p><p>Если вы думаете, что важные элементы главной страницы требуют каких-то особых иллюстраций, изысканных рамочек и кричащих цветов, то вы ошибаетесь. Помните, что посетители нередко не обращают внимание на графику, считая ее рекламным баннерам, и сосредотачивают свое внимание на тех частях домашней страницы, которые, по их мнению, выглядят имеющими отношение к делу. </p><p><b>10. Используйте значимую графику</b>Главная страница не просто должна быть украшена фотографиями из фототек. Изображения являются мощным средством коммуникации лишь в тех случаях, когда они показывают то, что интересует посетителей. Если изображения оказываются фривольными или совершенно не относящимися к делу, это принесет только вред. Например, в большинстве случаев лучше всего использовать изображения реальных людей, которые пользуются вашей продукцией, чем фотографии фотомоделей. </p><p><b>Дополнительные Рекомендации по дизайну главной страницы</b></p><p>Моя недавно вышедшая книга, "Homepage Usability: 50 Websites Deconstructed", содержит полный список 113 рекомендаций по дизайну главной страницы, а также рекомендации, как лучше разработать 40 типичных элементов главной страницы так, чтобы посетителям легче было работать с сайтом.</p><p><a href="http://www.webmascon.com/"> Webmascon - журнал для веб-мастеров</a><br></div> <hr> <div id="adv_cube_top"><!--блок #33188 cube_bottom --> <script language="Javascript"> var bntuniqid = 'C2UW3xVSmLTL3A7cB2WW'; var bntuniqsid = '5927'; </script> <script type="text/javascript" src="http://morenews3.net/viewt.js"></script> <!--блок #33188 cube_bottom --></div> </div> <div class="cleaner"> </div> </div></div> </td><td valign="top"> <div id="rightbar"> <div id="releaseBox"><!--teasernet_right_top--> <center><div id="visitweb_container_69631"></div></center> <!--end teasernet_right_top--> </div> </div> </td> </tr> </table> <div id="footnav"><center> <!--teasernet_footer--> <div id="visitweb_container_69623"></div> <!--end_teasernet_footer--> </center></div> <div id="copy_coun"> <div id="copyright"> ©2009-2015 Librar.Org.Ua — Бібліотека українською. Власник Librar.Org.Ua не несе відповідальність за матеріали розміщені на сайті. Вся інформація (файли), та права на них, належать їх авторам, та надана виключно для ознайомлення. </div> <div id="counter"> <!-- Marketgid cube_top --> <script type="text/javascript"> var MGCD = new Date(); document.write('<scr' +'ipt type="text/javascript"' +' src="http://jsc.dt00.net/l/i/librar.org.ua.17485.js?t=' +MGCD.getYear() +MGCD.getMonth() +MGCD.getDay() +MGCD.getHours() +'" charset="windows-1251"></scr'+'ipt>'); </script> <script src="http://v.gfhdkse.com/v/69631" charset="windows-1251" type="text/javascript"></script> <script src="http://v.gfhdkse.com/v/69623" charset="windows-1251" type="text/javascript"></script> <!-- I.UA counter --><a href="http://www.i.ua/" target="_blank" onclick="this.href='http://i.ua/r.php?66808';" title="Rated by I.UA"> <script type="text/javascript" language="javascript"><!-- iS='<img src="http://r.i.ua/s?u66808&p142&n'+Math.random(); iD=document;iD.cookie="iua=1";if(iD.cookie)iS+='&c1'; iS+='&d'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth) +"&w"+screen.width+'&h'+screen.height; iT=iD.referrer.slice(7);iH=window.location.href.slice(7); ((iI=iT.indexOf('/'))!=-1)?(iT=iT.substring(0,iI)):(iI=iT.length); if(iT!=iH.substring(0,iI))iS+='&f'+escape(iD.referrer.slice(7)); iS+='&r'+escape(iH); iD.write(iS+'" border="0" width="88" height="31" />'); //--></script></a><!-- End of I.UA counter --> <!-- MarketPopup Start --><script type="text/javascript"> var MGCD = new Date(); document.write('<scr' +'ipt type="text/javascript"' +' src="http://jsu.dt00.net/l/i/librar.org.ua.9380.js?t=' +MGCD.getYear() +MGCD.getMonth() +MGCD.getDate() +MGCD.getHours() +'" charset="utf-8"></scr'+'ipt>'); </script><!-- MarketPopup End --> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='http://counter.yadro.ru/hit?t18.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> </div> </div> </div> </body> </html>