Подпишитесь на RSS, чтобы всегда быть в курсе событий.
Комментарии
В магазинах одежды – летние распродажи
В магазинах одежды – летние распродажи С наступлением лета в большинстве магазинов начались скидки на межсезонье и летние вещи. – У нас идет распродажа межсезонных вещей, – сообщила директор магазина «Tally Weijl» Надежда. – На них скидка 50 процентов. Это кожаные куртки, которые теперь можно приобрести за 225-300 гривен, пиджачки (250-265 гривен), блузки и футболки [...]
Занамивир в составе Реленза (Реленца) и Озелтамивир в составе Тамифлю-официальные лекарства ВОЗ
Еще с 16 октября на официальном сайте Всевсвитньои Организации Здоровье (ВОЗ) была доступна вся необходимая информация о распространяемый у нас как эпидемию веру. гриппа Власть и все политики-кандидаты замалчивали факт существования лекарств, которыми я пеерконаний все они воспользовались. Они радовались возможности получить средства от фармацевитив на свою рекламу или просто находятся в сговоре и ненависти [...]
Метки
Как сделать сайт легким и удобным в пользовании
Автор – Игорь Выспяньский.
В этой статье мы рассмотрим общие принципы проектирования удобного 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-сайта не ограничивается. Вы должны понимать, что удобный сайт увеличивает вероятность возвращения посетителя в будущем и, следовательно, как никто другой должны быть заинтересованы в этом. Успехов Вам во всех Ваших начинаниях! Автор – Игорь Выспяньский, для Блогоридера Источник – http://it.ridne.net/node/296