Основано 12 декабря 1998 годасделаем веб лучше!
Тяжело в учении - легко в бою!Pro.Net.ru: субъективные заметки об интернет-дизайне
главнаязаметкиобзорыресурсыгостиstas@pro.net.ru
Что нового?


[16.06.2001] - новый обзор - Дизайн для графики.

Почтовая рассылка теперь проводится в HTML-формате, и поэтому иллюстрации к материалам теперь можно смотреть прямо в мэйлере.

[11.06.2001] - новый обзор - Креатив-бюро по-русски.

[6.06.2001] - новый обзор - Дискриминация GIFа.

Архив новостей 


Предложить сайт для обзора
Частые вопросы
Информация о сайте


Заметки

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

При разработке сайта, страницы которого имеют фиксированную ширину, перед дизайнером встает вопрос: на какой отметке, собственно, эту ширину зафиксировать? 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 пикселей и сделать страницу пошире”, то делайте так, как вам хочется. Это время уже пришло.

16 марта 2001 г.

НазадНазадДалееДалее


| Главная | Заметки | Обзоры | Ресурсы | Карта сайта |

Copyright © 1998-2001.
Pro.Net.ru