Сайт в идеале » Статьи Добавить в Избранное Написать админу
Программы: SoftForFree.com - бесплатные программы: Virtual Dub, WinRAR, eMule, FlashGet, WinDVD, Doom 3 и многое другое.
 Программы  |  Игровые новости  |  Новости авторов ПО  |  Статьи  |  Новости по RSS
Стиль:
Подробнее о EgoSteam 2016.11.01EgoSteam 2016.11.01

EgoSteam - программа для поиска Steam-игр в десятках интернет-магазинов. Поможет сэкономить время и деньги и купить игру дешевле, чем в Steam.

Скачать Сайт автора
Подробнее о Exiland Backup Professional 4.3Exiland Backup Professional 4.3

Одна из лучших программ автоматического резервного копирования файлов по сети, FTP, на флешку, HDD. Для дома и офиса. Есть демо и бесплатная версии.

Скачать Сайт автора

Программы


Рейтинги программ


Лучшие из лучших


Сайт в идеале

Сайт в идеале

20 Июня, 2008
Сайт в идеале
Везде существуют свои стандарты. Известные 90-60-90 - стандарт красоты, оценки и баллы - стандарт знаний. Существуют стандарты и для сайтов. Вот только продиктованы они не чьей-то прихотью или субъективным мнением, а суровой действительностью и проведенными исследованиями. Особо интересен в этой области опыт американцев, которые давно изучают Интернет и делают в этом успехи.
________________________________________

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

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

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

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

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

В третьем случае домашняя страничка напоминает рекламный буклет - яркий, с множеством предложений типа "здесь и сейчас". Стратегия ясна, но при большом объеме рекламы ресурс может стать слишком навязчивым, агрессивным, что снизит его популярность. Не многим нравится платить за "рекламный" трафик.

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

Другой немаловажный вопрос - скорость загрузки начальной страницы. В Интернете много сайтов, документы которых весят сотни килобайт и даже мегабайт. Трудно представить, что, обладая даже выделенной линией, человек решится их посетить или долго задержаться на сайте. Но в другом случае, стремясь к минимизации размера страницы, разработчики получают скромный дизайн при тусклой графике. Где находится золотая середина? Согласно исследованиям американских ученых Якоба Нильсена и Мари Тахир, оптимальный размер страницы - 50 Кб. Даже в случае плохой связи такой документ будет грузиться 10-15 секунд. В случае выделенного канала страница появится почти мгновенно.

Оформление сайта
При оформлении всего ресурса ключевую роль играет создание начальной страницы. Именно этот документ пользователь увидит первым и именно здесь он, скорее всего, решит, заслуживает сайт его внимания или нет. Принципиальный вопрос при создании начальной страницы - разрешение экрана посетителя. У всех оно разное, хотя принято считать, что наиболее распространенное 1024х768 пикселей. Именно к такому разрешению оптимизируют свои страницы большинство веб-дизайнеров. Эта так называемая "жесткая" структура. "Гибкая" структура означает, что специальная программа перед загрузкой страницы определит разрешение экрана посетителя и в соответствии с этим "спрячет" или "добавит" отображения части элементов. Определить разрешение экрана позволяет, к примеру, язык Java Script. Правда, процесс создания "гибкой" структуры очень трудоемкий и поэтому редко используется. В любом случае рекомендуют оптимизировать начальную страницу к разрешению 1024х768 пикселей. Это значит, что при данном разрешении ваша страница отображается полностью, без вертикальных полос прокруток. Горизонтальных полос прокрутки внизу экрана лучше избегать при любом разрешении. Тем не менее, они встречаются в Интернете, хотя и крайне редко.

Логотип компании и слоган размещают на начальной странице в верхнем левом углу. По размеру они должны быть достаточно маленькими, чтобы не отвлекать посетителя, и достаточно большими, чтобы быть замеченными. Американские специалисты советуют разрабатывать слоган для каждого сайта. Эта яркая короткая фраза должна выражать суть ресурса и его преимущества по сравнению с конкурентами и аналогами. Слоган должен располагаться в заголовке домашней страницы и повторяться рядом с логотипом на основной странице. В роли слогана сайта может выступить и рекламный девиз компании.
Большое значение имеет одинаковое стилевое оформление страниц. Такие элементы, как заголовок, логотип, навигация, а также цветовая гамма должны дублироваться на всех страницах с незначительными изменениями. Важно использовать одни и те же шрифты, начертание и размер для основного текста, гиперссылок и выделения основной информации. Лучшее средство решения проблемы - использование каскадных таблиц стилей CSS. Они позволяют в пределах одного ресурса стандартизировать оформление основных элементов: шрифта, таблиц, форм и много другого. По желанию можно создать отдельный css-файл с описанием стилей и подключать его к каждой странице. Внеся изменение только в один файл, вы сможете изменить отображение элемента сразу на всех страницах.

Тип и размер шрифта играют важную роль при чтении текста. Шрифт бывает с засечками (маленькие черточки на концах символа) и без таковых. Буквы с засечками смотрятся лучше, их легче читать, так как глаз "цепляется" за границы символов. Однако на устаревших типах мониторов засечки могут плохо отображаться, поэтому рекомендуется использовать шрифт без засечек, к примеру, Verdana или Arial. При достаточно крупном размере букв лучше использовать буквы с засечками, к примеру, Times New Roman. Рекомендуемый размер шрифта - 12 пунктов. Этот параметр задается в css-файле. Мелкий шрифт в восемь пунктов используют для размещения менее важной информации. Заголовки на сайте лучше делать крупнее основного текста или выделять жирным шрифтом. Иногда рекомендуют не использовать фиксированный размер основного шрифта, чтобы пользователь мог изменять его в большую или меньшую сторону в настройках браузера (меню Вид - Размер шрифта). Особенно щепетильны в этом вопросе американцы. Сторонники данного подхода в css-файле указывают размер заголовков и менее важного текста относительно основного шрифта.

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

Современное требование - наличие поиска на сайте. Домашняя страница должна содержать непосредственное поле для ввода поисковых запросов, а не ссылку на страницу поиска. Поле ввода запроса лучше размещать вверху страницы. Рекомендуемая длина для него - 25-30 символов. По умолчанию поиск должен охватывать весь Web-узел и не включать в себя другие ресурсы Интернета.

Графика и анимация - один из больных вопросов. Рекомендуется использовать только необходимые картинки, которые несут смысловую нагрузку, и избегать бессмысленной красочности. Из-за этого многие красивые сайты весят сотни мегабайт, при том, что реально полезной информации на них - килобайт-другой. Как сказал мне знакомый бизнесмен, качающий много прайс-листов оптовых компаний: "Мне нужны цены, а как выглядят сок и шоколад, я и без них знаю". Совсем без графики ресурс тоже выглядит тускло и просто, поэтому в данном вопросе необходимо искать компромисс. По мнению специалистов, рисунки должны занимать от 5 до 15% площади страницы. Если они превышают лимит, значит, графики на сайте слишком много или его специфика требует много визуальной информации (ресурс музея или картинной галереи). Все рисунки и фотографии лучше подписывать, используя параметр alt в теге img. Это даст шанс разобраться в ресурсе тем, кто отключает отображение графики в настройках браузера. И обязательно тестируйте сайт в режиме без графики: многие сайты, лишенные графической информации, выглядят непривлекательно и запутанно.

Раздел: Вебстроительство
Автор статьи: Аноним
Просмотров: 1262
Комментарии



Ваш комментарий к статье:

Комментарии публикуются после проверки администратором.
При добавлении отрицательного комментария читайте соглашение об использовании.
Мы не публикуем: сообщения, не относящиеся к статье: "Сайт в идеале".

Ваше имя: E-mail:
Оценка: нет 1 2 3 4 5
 *Cообщение
(30-1000 зн.):

 
          
          
  

* * *

Другие статьи

Sprite Cow - калькулятор координат и размеров css спрайтов Sprite Cow - калькулятор координат и размеров css спрайтов
Широкое использование css спрайтов для увеличения скорости загрузки веб-сайтов, способствовала появлению большого количества приложений для создания css-спрайтов....
Раздел: Вебстроительство
Instant Sprite - программа для мгновенного создания css-спрайтов Instant Sprite - программа для мгновенного создания css-спрайтов
Эта статья - обзор генератора css спрайтов Instant Sprite - бесплатной браузерной программы, предназначенной для создания CSS спрайтов, реализующих новую прогрессивную технологию увеличения скорости загрузки веб-страниц....
Раздел: Вебстроительство
UMI.CMS PRO Commerce стала доступна в версии Trial UMI.CMS PRO Commerce стала доступна в версии Trial
Юмисофт выпустил триальную версию самой полной редакции системы управления сайтами UMI.CMS Pro Commerce.
Раздел: Вебстроительство
Конструктор для создания сайтов без web-мастера Конструктор для создания сайтов без web-мастера
Создание сайта и интернет-магазина удобным и простым способом с помощью конструктора сайтов без необходимости использования специальных знаний.
Раздел: Вебстроительство
Взаимодействуйте с читателем своей рассылки Взаимодействуйте с читателем своей рассылки
Чтобы закрепить успех своей почтовой рассылки, вы должны не учить "уму разуму" своих подписчиков, а именно ОБЩАТЬСЯ со своими подписчиками.
Раздел: Вебстроительство


[Все разделы]  [Добавить статью]


Рекомендуем

ПиМаркет 2016 - учёт товара 7.65

Удобная программа для магазина: печать ценников и чеков, данные о наличии товара, продажах, недостачах и многое другое. Любые товары.

Скачать Скриншоты

• • •

Exiland Assistant Free (portable органайзер) 4.4

Бесплатный органайзер для учета контактов, клиентов, организаций, заметок, паролей, событий. Удобный планировщик, напоминания, быстрый поиск по базе.

Скачать Скриншоты

• • •

ПиМаркет Фитнес Клуб 7.77

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

Скачать Скриншоты

• • •

Exiland Backup Professional 4.3

Одна из лучших программ автоматического резервного копирования файлов по сети, FTP, на флешку, HDD. Для дома и офиса. Есть демо и бесплатная версии.

Скачать Скриншоты

• • •

Internet Download Manager 6.26

С помощью Internet Download Manager возможно организовать загрузку файлов из сети интернет.

Скачать Скриншоты

Наша кнопка


Программы: SoftForFree.com - тысячи бесплатных программ, 100 лучших программ рунета, статьи, новости софта и многое другое.

Код нашей кнопки:

Новости Hitech



Полезные программы

Подробнее о Sony Ericsson PC Suite 6.12Sony Ericsson PC Suite 6.12

Sony Ericsson - это пакет программ для Sony Ericsson PC Suite.

Скачать Скриншоты

Подробнее о K-Lite Codec Pack Full 12.3.5K-Lite Codec Pack Full 12.3.5

Коллекция кодеков K-Lite Codec Pack предлагает пользователю не только важные кодеки, но и необходимые инструменты к ним.

Скачать Скриншоты

Подробнее о C-Media 8738 Driver для Win 9x/NT/Me/2000C-Media 8738 Driver для Win 9x/NT/Me/2000

Драйвер для внутренней звуковой карты C-Media 8738 к операционным системам Microsoft Windows 9x/NT/Me/2000/XP/Vista.

Скачать Скриншоты



Софт-монитор - новейшие версии программ!

Новый проект, аналогов которому нет в Интернете.
Мониторинг версий популярных программ в реальном времени, мониторинг программ для Windows, Mac OS, Unix, а также приложений на IPAD и Андроид.

[Скачай новейшие версии бесплатно!]



Вверх страницы

 Программы • Статьи • Реклама на сайте •  RSS 2.0 RSS • Контакты • Соглашение об использовании • Политика конфидециальности

© 2003-2016, SoftForFree.com. Использование материалов сайта разрешается только по договоренности с автором.
Автор проекта не несет ответственности за содержание рекламных материалов и качество программного обеспечения.

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