Как сделать сайт легким и удобным в использовании

В этой статье мы рассмотрим общие принципы проектирования удобного WebаСайта. То есть, попробуем разобраться, как организовать WebіСтраницу так, чтобы она была максимально удобной для посетителя.

1. Как правильно организовать общий шаблон страницы

Прежде чем приступить к работе нужно избрать один из образов верстки (резиновый дизайн, дизайн с фиксированной шириной). Рассмотрим немного детальнее эти две возможности. Т. з. " резиновые " сайты не имеют постоянной ширины. Этот вид верстки есть наиболее популярным.



Преимуществом таких сайтов есть 100%-ве использование рабочей области браузера. К недостатку резиновой верстки относят то, что строки (на мониторах с большим розрішенням экрану или большой диагональю) слишком длинные и глаза утомляются по ним бегать. С этой же проблемой сталкиваются редактора газет и во избежание ее разбивают все строки на колонки. С WebтСайтами ситуация кое-что более простая. Ведь, ширину браузера при потребности можно уменьшить и тем самым облегчить процесс чтения. Но все пользователи захотят это делать? Поэтому старайтесь продумать такого рода ситуации. Сайты с фиксированной шириной.  Любая ли ширина подходит? Нет. Объясню чему. Большинство WebсПрограммистов считает, что оптимальной должен быть ширина приблизительно в диапазоне 760-780 пікселів. Это связано с тем, что такая ширина дает возможность избежать появления горизонтальной полосы прокрутки (правило плохого тона) даже для мониторов с розрішенням 800×600. Недостаток сайта с фиксированной шириной макету, как Вы уже наверно догадались, – недостаточно эффективное использование свободной площади. С этим разобрались. Двигаемся дальше. Перед созданием сайта Вы должны также продумать:



  • что будет находиться на сайте;
  • которым будет стиль дизайна;
  • как разные блоки информации будут связаны между собой.

Большое внимание нужно уделить наполнению главной страницы (home page), потому что именно на ней оказывается посетитель, введя в браузере адресу Вашего WebуРесурса. Это не означает, что ее дизайн должен как-то отличаться от дизайна сдачи страниц. Отличие состоит в информации, которую содержит главная страница. На этой странице рекомендуется разместить:



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

2. Легкая навигация на сайте – еще один шаг к успеху

 В процессе проектирования структуры сайта важным есть выбор удобной навигации по WebуРесурсе. Классическим вариантом для размещения меню и соответственно знакомым каждому посетителю есть верхняя часть рабочей области браузера или же верхняя левая, реже – верхняя правая часть. Расположение навигации дело имеет определенные преимущества с точки зрения удобства, потому что курсор мыши чаще всего находится именно в правой части окна браузера.WebуРесурсы, которые содержат большие объемы данных, для лучшей навигации по сайту часто комбинируют эти варианты. Если при проектировании сайта Вы ожидаете, что страница будет содержать много информации, то лучше всего в таком случае сделать дополнительное нижнее меню. Чаще всего нижнее меню дублирует верхнее или же является сокращенным вариантом верхнего. Такое меню при потребности позволяет, находясь внизу страницы, быстро перейти на другой раздел. Здесь же, внизу, можно разместить ссылку "Наверх" ("Return To Top"), которое бы переводило посетителя к верхнему главному меню. Это ссылки можно реализовать, как с помощью HTML, так и с помощью Javascript. Конечно, если Ваш сайт не предусматривает большого объема контента, то и нижнее меню и ссылка "Наверх" будут лишними. Если навигация по сайту – запутанная, то ситуацию может улучшить верхнее меню, которая выпадает. Чаще всего такое меню визуально напоминает стандартное верхнее меню большинства программ ОС Windows. При сложной навигации часто неподалеку от главного меню размещают цепочку из гиперссылок, которые позволяют сориентироваться о месте пребывания и быстро вернуться в ту точку, в которой Вы уже были. Эта цепочка может выглядеть как-то так:


Программирование / WebаПрограммирование / PHP / Работа с файлами и каталогами


Где каждый подпункт цепочки – это ссылки на отдельную страницу. Если WebсРесурс есть небольшим, то есть имеет всього несколько разделов, то достаточно как-то выделить, виокремити текущий раздел, для того чтобы дать знать посетителю, где он находится. Например, ссылка можно выделить другим цветом. Но навигация этим не ограничивается. Кроме того, Вы должны обеспечить посетителей возможностью из любой страницы сайта перейти на домашнюю (главную) страницу, а также нелишним было бы ссылка на карту (карту) Вашего сайта (страница, которая содержит список всех доступных пользователям страниц сайта). Чаще всего эти две ссылки делают в виде двух рисунковіиконок в верхней части рабочей области браузера или же прибавляют к главному меню как подпункты. Идеальным для Вашего сайта будет ситуация, когда к любому месту на сайте посетитель сможет попасть максимум за три клики мыши ( при уму, если сайт не весьма большой).

3. Советы по оформлению текста на сайте

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



  • Не забывайте, цвет текста не должен быть близким с цветом фона. Он должны контрастировать с фоном страницы. Чем проще читать ваше сообщение, тем большая вероятность, что его прочитают до конца. Классическим считается вариант: черный текст, белый задний фон.
  • Не забывайте разделять тексты на абзацы. При этом целесообразно было бы делать небольшое отступление между соседними абзацами. Так называемое " Правило пустого пространства ". Именно на этих участках глаза читателя отдыхают.
  • Ничто так не украшает текст, как грамотность его автора. Я имею на внимании не только по теме материала, но и грамотности его языки (комментарий автора: написал эту фразу и стало страшно, а я грамотно пишу?). Имело кому приятно читать текст в котором что не слово, то ошибка. После прочтения первого абзаца такого творения отпадает желание читать дальше. Поэтому, тщательно проверяйте текст на наличие грамматических ошибок. Текст должен содержать более или менее законченную мысль и каким-то образом объединяться со следующим абзацем.
  • Размер шрифта не должен быть весьма малым. Особенно, если Вы зафиксируете его и посетители не смогут менять размер с помощью браузера. Хотя, ради справедливости, следует заметить, что такие браузеры, как Firefox (так, например, увеличить размер шрифта можно с помощью комбинации <Ctrl>+<+>) и Opera, даже в этом случае позволяют подобрать нужен размер.
  • Не забывайте о заголовках, о них выделение на фоне общего текста. Как показывает статистика пользователи обращают внимание прежде всего на заголовки и уже в off-line режиме читают сам текст. Поэтому не будет лишним, если заголовком Вам прибегнет заинтересовать потенциального читателя.
  • Однообразный текст – это, по мне, недостаток. Что я имею на внимании? Вы когда-нибудь читали обычный текстовый файл (например, для пользователей ОС Windows – это файлы с расширением txt)? Никаких тебе выделений, выделений важных слов, выделение текста цветом. Однако же HTML имеет столько возможностей! Хорошо оформленный текст улучшает восприятие и понимание сути изложен материал. Каскадные таблицы стилей (CSS), например, позволяют выделить первую букву каждого абзаца. Этим можно воспользоваться для визуального оформления сайта. А, если ограничиться средствами HTML, то нужно выделять важные фрагменты текста жирным шрифтом, другими цветами, и т.п.

4. Дополнительные сервисы или не текстом единым

Обычными для нас уже стали статьи, возле с которыми есть: надпись, которая удостоверяет авторство, дата публикации, счетчик просмотров, …. Так, посетитель может отказаться читать статью через недоверие к автору, или же "несвежесть" материала, или не станет читать ее, потому что индикатор количества просмотров стоит на низком уровне. Но этим можно не ограничиваться. Не помешали бы также: возможность пересмотреть версию для печати, возможность проголосовать за статью (оценить материал). Статья размещенная на сервере и автор забывает о ней. А между тем в ней могут быть неточности, грубые ошибки, логические дыры, … Как-то изменить ситуацию на лучше можно позволивши посетителям оставлять комментарии к статье. Бояться негативных откликов не следует. Знавая об ошибках в тексте Вы всегда сможете их при желании исправить. Но помните, если Вы думаете, что статья негодный быть подписана Вашим именем, то лучше не публиковать ее на сайте.

5. Вывод

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

Оперативная полиграфия T-Print.com.ua печать на чашках, футболках, пазлах, часах, изготовление сувенирной продукции