10 лучших советов по созданию идеальной веб-страницы.

Перевод статьи: http://webdesign.about.com/od/webdesignbasics/tp/aa112497.htm
Автор: Jennifer Kyrnin

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

Уделяйте особое внимание скорости загрузки страниц.

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

Объем страниц должен быть оптимальным.

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

Критичный момент – навигация сайта.

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

Уменьшайте размеры изображений и применяйте CSS спрайты где это возможно.

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

Еще одним эффективным способом повышения загрузки страницы является использование CSS спрайтов. Если у вас есть несколько небольших изображений, которые должны использоваться на ряде страниц сайта (такие как кнопки навигации, ваш логотип и т.д.), вы можете воспользоваться спрайтами для кэширования этих картинок, что позволит избежать повторных загрузок данных для последующих страниц, посещаемых пользователем. К тому же, храня маленькие изображения в виде одного большого, вы значительно сокращаете количество HTTP запросов, что дает существенный прирост скорости загрузки страницы.

Используйте уместные сочетания цветов.

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

Подразумевайте глобальную аудиторию.

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

Следите за грамматическими, орфографическими и другими ошибками.

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

Следите за работоспособностью ссылок.

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

Сопровождайте ссылки пояснениями.

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

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

Размещайте контактную информацию на ваших страницах.

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

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

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

* Примечание переводчика.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *