Смотрите на широком экране

При разработке сайта, страницы которого имеют фиксированную ширину, перед дизайнером встает вопрос: на какой отметке, собственно, эту ширину зафиксировать? 580, 640, 770 пикселей?

Пожалуй, в веб-дизайне это один из наименее спорных вопросов. Дизайнеры на удивление единодушны: ширина страницы должна быть такой, чтобы при просмотре в разрешении 640x480 не появлялась горизонтальная линейка прокрутки. Вот, в качестве примера, цитата из книги Дмитрия Кирсанова «Веб-дизайн» (с.194):

«Однако и это значение — 640 пикселов по горизонтали — еще нельзя принимать за искомый минимум: нужно учесть, что любое окно на экране компьютера имеет рамку и (почти всегда) вертикальную полосу прокрутки, а веб-страница в окне браузера окружена определенной величины полями. С учетом всех этих наслоений ширина страницы не должна превышать 600–610 пикселов […]»

Итак, фиксированная ширина страницы не должна превышать 600–610 пикселей. Но, признаться, даже 610 пикселей — это слишком узкие рамки. Ну ладно, у меня на «Субъективных заметках» в левой колонке всего несколько текстовых ссылок, а из картинок вообще только баннеры. А если проектируемый сайт — это интернет-СМИ, страницы которого должны содержать по три колонки, в которых размещаются заголовки многочисленных рубрик, анонсы статей, цветные иллюстрации, формы онлайновых голосований и т.д., и т.п.? Что же теперь, не есть и не спать, пытаясь втиснуть все это в узкие колонки, уменьшать размеры картинок до размера в четверть почтовой марки, мучительно прикидывать, как отнесутся посетители сайта к тому, что во фразе «Американская фемида опять надругалась над Пал Палычем Бородиным», которую нужно поместить в колонку шириной 100 пикселей, половина слов в эту самую колонку просто не поместятся?

Наконец, когда работа по ужиманию дизайна до размеров 600–610 пикселей закончена, начинают приходить письма от пользователей, недовольных тем, что у них в разрешениях 800x600 и 1024x768 дизайн выглядит слишком мелко, текст читается плохо, да и вообще непонятно, почему сайт сделан в виде узкой полоски, когда на экране еще столько полезного места.

И что же теперь делать?

А делать надо, дамы и господа, вот что. Надо готовиться к худшему. Потому что 640x480 — это не самое меньшее разрешение, возможное в Windows. Имеется активно продвигаемая платформа Windows CE для так называемых handheld-pc, где разрешение экрана составляет 320x200 (или что-то около этого). Такие компьютеры снабжены «pocket» версией Internet Explorer'а и могут подключаться к интернету. Так что нужно теперь минимальная ширина страницы должна быть, скорее, 280–290 пикселей, а не 600–610.

Ладно-ладно, не надо хвататься за сердце и тянуться за валерьянкой. Конечно, насчет ширины 290 пикселей я пошутил. Почему? Правильно, интернет-пользователей компьютеров на основе Windows CE очень мало.

А теперь, внимание, вопрос: много ли, по-вашему, в интернете пользователей работает в разрешении 640x480 пикселей, то есть именно тех, ради которых ширина страницы в 600–610 пикселей возведена в некий культ?

Для выяснения этого вопроса я зашел на сервер рейтинга ТопЛист и взглянул на недельную статистику посещаемости известного почтового сервиса Mail.ru. Аудитория этого ресурса настолько многочисленна и разнообразна, что эту статистику с уверенностью можно считать своеобразным портретом российского интернета.

Несмотря на мое безграничное доверие показаниям счетчиков ТопЛист (не по наслышке знаю о высочайшей квалификации программистов, которые над ним работают), я решил для большей объективности свериться еще и со статистикой СпайЛог. Этот сервис предоставляет не только статистику по отдельным ресурсам, но и глобальную статистику всех участников рейтинга, причем не просто общее количество пользователей конкретных разрешений экрана, а отдельную статистику по группам «разрешение+количество цветов»:

Как вы видите, здесь отсутствует статистика по связке 640x480x24 bit. Но можно прикинуть, что общее количество пользователей разрешения 640x480 составит 3,5–4%, то есть примерно столько же, сколько насчитал сервер ТопЛист.

Кстати, тут же выводится диаграмма, по которой видно, что количество пользователей с экранами 640x480 медленно, но верно снижается:

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

«Нельзя объять необъятное» — говорил Козьма Прутков.

Поэтому приходится часть пользователей «оставлять за бортом» — при этом сохранив для них возможность работы с сайтом. Это касается и пользователей старых браузеров, в которых недоступны многие полезные функции, но можно нормально читать текст. И это касается пользователей очень старых компьютеров — ведь видеокарты, в которых нельзя поставить разрешение выше 640x480, перестали выпускать в 1995 году, — на их экранах будет появляться горизонтальная полоса прокрутки, не такое уж страшное препятствие для чтения текста.

Вот что говорил директор студии РусАрт Роман Овчинников по этому поводу в интервью журналу PC Magazine 27 сентября 1999 г.:

«Мы установили для себя условный порог в 5%. Если 95% пользователей могут применять определенную технологию, значит, остальную часть можно не принимать в расчет.»

Эта точка зрения мне представляется вполне разумной, и для себя я тоже принял ее за правило. Так что пользователи с мониторами 640x480 попадают в число тех, кто «не преодолел пятипроцентный барьер». :-)

Зато подавляющее большинство пользователей не будет испытывать того дискомфорта, который появляется при просмотре страниц шириной 600–610 пикселей на мониторах 800x600 и 1024x768. Если установить ширину страницы, скажем, в 750 пикселей, то при 800x600 на экране почти не будет пустого места, а в 1024x768 пустые поля у веб-страницы будут относительно небольшими и не вызовут у пользователей раздражения.

Естественно, никто не заставляет вас теперь вообще забыть о ширине страниц в 600–610 пикселей и оформлять свои сайты исключительно в 750–760 точках. Но если при проектировании дизайна вы с сожалением думаете: «Вот если бы сейчас можно было не обращать внимание на это идиотское ограничение в 600 пикселей и сделать страницу пошире», то делайте так, как вам хочется. Это время уже пришло.

Статьи по теме

Гигантская подборка сервисов для веб-дизайна. Логотипы, фотобанки, иконки, шрифты и прочее

Онлайн-сервисы для работы с визуальным контентом и дизайном сайта, собрали бесплатные и недорогие площадки. Материал обновлен...

2023-12-28

Дизайн сайта: особенности творческого процесса

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

2019-08-07

Создание логотипа: семь сервисов в помощь

После того, как основная бизнес-идея сформирована, определены продукты и услуги, которые компания будет продвигать на рынке, возникает н...

2019-01-30

20 ценных уроков дизайна от "Мстителей"

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

2015-05-11

15 трендов веб дизайна в 2014-2015 году

1. Первостепенность дизайна для мобильных устройств. Разработка дизайна теперь начинается с маленьких экранов, следующим шагом являетс�...

2014-06-05

Как не надо верстать сайт или 7 ошибок начинающего веб-мастера

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

2011-12-27

Факторы, определяющие хороший логотип

Если вы решили создать логотип, то нужно подумать о том, где он может использоваться. Существует пять факторов, которые определяют наско�...

2011-12-27

Борьба поисковиков и оптимизаторов

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

2011-04-13

Почему не стоит скачивать шаблоны с варезников

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

2011-04-13

О пользе точности темплейтов

Лирическое отступление: Темплейты для сайта (сториборды, вайрфреймы) - спроектированные проволочные схемы страниц сайта. Темплейты пок...

2011-04-07

Методы веб-дизайна и юзабилити

Данный набор статей является почти полным каталогом методов и приёмов, которые используются в дизайне программных систем вообще и веб-...

2011-04-07

Шаблонные решения для web-сайтов

При проектировании стандартных элементов веб-сайта посмотрите, как это сделано на других веб-сайтах, и не изобретайте велосипед. Меньше...

2011-04-07

Как сделать картинки в стиле Карсона

Самое модное сейчас в дизайне — шрифты. Их в работе должно быть как можно больше. Неважно, ЧТО вы этими шрифтами пишете, главное — раск�...

2011-04-07

Переживания должны передаваться

Поток безопасного оформления сайтов, не оставляет после их просмотра никаких переживаний, кроме безысходности. Несмотря на все огранич...

2011-03-29

Про заказчиков

Сегодня наш выпуск посвящён не дизайну или дизайнерам, а тому, с кем они имеют дело — заказчикам. Заказчики делятся на несколько групп. Т...

2011-03-29