Разрешение мониторов у пользователей и наш web-сайт!
Автор: Андрей Краснокутский
Дата: 2009-10-24 Как влияет разрешение монитора на посещаемость сайта?
Начиная создавать свой сайт, особенно это касается начинающих web-мастеров, многие допускают очень распостраненную ошибку. А именно, не учитывают разрешения мониторов персональных компьютеров ! - при разработке дизайна web-страницы.
Что это значит? А то, что создав свой проект (мы говорим о сайте) и разместив его в сети Интернет, мы замечает, что на разных мониторах и в разных браузерах Ваши web-страницы выглядят по разному. Где то Ваша web-страничка занимает 2/3 площади монитора, где-то появляется горизонтальная полоса прокрутки.
Это в равной степени относится к любым проектам в интернете, будь это сайт или блог, форум или Интернет магазин.
В принципе и то другое не очень хорошо. На мой взгляд всё таки хуже когда появляется горизонтальная полоса прокрутки. Ведь во-первых посетитель не видет всего содержимого сайта целиком и ему приходится постоянно эту самую полосу прокрутки двигать. А во-вторых это самое постоянное "двигание" полосы прокрутки, пользователей всегда очень раздражает. И следовательно посетитель Вашего сайта гораздо более склонен покинуть Ваш сайт и уйти на другой ресурс. Ну и в-третьих если посетителю лень двигать полосу прокрутки , то Вы не сможете показать всего, что у Вас размещено на Вашем сайте. А это может быть какая-то коммерческая информация, различные прдложения, реклама и т.д. Т.е. Вы просто теряете прибыль.
Но что самое страшное при этом - у посетителя остается неприятный осадок от посещения Вашего сайта и в следующей раз на подсознательном уровне он просто к Вам не пойдет, без крайней необходимости.
Конечно идеальный вариант - это применить так называемый "резиновый дизайн" сайта. Но для этого необходимо web-мастер должен, обладать достаточной квалификацией. Даже у опытных web-мастеров бывает так, что далеко не всегда получается сделать хороший вид сайта на разных мониторах и в разных браузерах.
Поэтому мы будем говорить только о "табличном дизайне" сайта. Если Вы не знакомы с таким понятием, котротко поясню. Это когда ширина (параметр width) web-страницы задается жестко, т.е. указывается определенное количество пикселей. Подробнее о создании HTML кода таблиц Вы можете почитать здесь. А так же в последующих уроках по HTML.
Наша задача как web-мастера осложняется еще и тем, что огромное количество пользователей сети Интернет имеют множество различных мониторов с разным разрешением, пользуются разными браузерами и операционными системами. А мы ведь хотим чтобы, как можно большее число людей нормально видели наш сайт и не покидали его. Ведь так? Возникает вопрос. Как быть? Под какое разрешение создавать сайты?
Как избежать искажения сайта при разном разрешениии мониторов?
На самом деле все не так уж и страшно, как может показаться вначале. Давайте посмотрим какие вообще есть разрешения мониторов учитывая основные операционные системы:
Windows |
Macintosh |
|
512 х 384 |
|
640 х 480 |
640 х 480 |
800 х 600 |
800 х 600 |
832 х 624 |
1024 х 768 |
1024 х 768 |
1280 х 1024 |
1152 х 864 |
1600 х 1200 |
1280 х 960 |
|
1280 х 1024 |
|
1600 х 1200 |
Причем обратите внимание, что в мировом Интернете диапазон разрешения мониторов несколько выше, по сравнению с российским Интернет. Основные причины:
-
Стоимость мониторов с высоким разрешением и портативных устройств достаточно высока. Средний уровень жизни населения страны во многом определяет основные, наиболее популярные приобретаемые мониторы.
-
Чем больше пользователей Интернет, тем больше диапазон разрешения мониторов. Российский Интернет по числу пользователей составляет приблизительно 3% от мирового.
А теперь давайте обратимся к статистике. Ниже представлены статистические данные за 2008 год и 2009 год. Причем помните, что доля Россиян здесь составляет примерно около 3-х процентов.

Рисунок 1.

Рисунок 2.
Из диаграмм представленных на рисунках 1 и 2 видно, что наблюдается стабильная тенденция к увеличению разрешения мониторов у пользователей. Но рост этот очень медленный 1 - 2 % в год. А наиболее распостраненное разрешение это 1024 х 768 пикселей.
Кроме того еще и сами мониторы "крадут" у пользователей драгоценные пискели, причем с учетом разных браузеров, делают это по разному. Например если Вы имеете у себя дома или на работе монитор разрешением 800 х 600 пикселей, то реально будете видеть:
Смотрите в таблицу ниже:

Какие можно сделать выводы, полезные и нужные для нас, web-мастеров?
-
Конечно же разрешение мониторов у пользователей нужно учитывать при создании сайтов.
-
Мы живем в России и поэтому в основном создаем сайты для Рунета. А в Рунете основная масса это пользователи имеющие компьютеры с Windows операционными системами.
-
Самая большая доля пользователей имеют мониторы с разрешением 1024 х 768 пикселей, значит ориентироваться больше нужно на них.
Например мой сайт, на котором Вы сейчас находитесь http://www.LuksWeb.ru , сделан в табличном дизайне и имеет ширину 980 пикселей (width="980px").
Удачи.
Читайте так же:
Таблицы. Часть 1. Теория Как сделать таблицу на web-странице.
Таблицы. Часть 2. Практика создаем web-страницу.
Мы создали свою Web-страницу. Ура !!!
Кодировка web-страниц на сайте. Как убрать "кракозябры"?
Как быстро создать свои собственные информационные товары?
Обучающий курс по созданию сайтов Money Master.
Просмотров: 12191
Андрей!
Спасибо Вам за дельные советы!
Создавая свои будущие сайты, я обязательно воспользуюсь ими.
Я понял, что надо подстраиваться под возможности наших пользователей.А самая большая доля пользователей в Рунете имеют мониторы с разрешением 1024 х 768 пикселей, значит и ориентироваться необходимо на них!Буду брать пример с Вас! Ширина моих страниц будет не более 980 пикселей!
Для связи со мной оставляю свои реквизиты: электронная почта: STIHI100@rambler.ru мой основной сайт: http://sites.google.com/site/stihiolegguz/
поржал с комментария Грузя, спасибо.
информация дельная, но уж совсем для чайников!
|