Смотрите на широком экране
При разработке сайта, страницы которого имеют фиксированную ширину, перед дизайнером встает вопрос: на какой отметке, собственно, эту ширину зафиксировать? 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 пикселей и сделать страницу пошире», то делайте так, как вам хочется. Это время уже пришло.
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-04-17 » 23 сервиса для эффективного экспресс-аудита любого сайта
- 2024-04-08 » Яндекс переходит на новую версию Wordstat
- 2024-04-08 » Яндекс интегрировал в свой облачный сервис эмпатичную нейросеть
- 2024-04-08 » Новая версия нейросети Claude превзошла по мощности аналоги Google и OpenAI
- 2024-04-08 » Как пользоваться GPT 4 и Claude бесплатно и без VPN
- 2024-03-13 » Стратегии SEO на 2024 год
- 2024-03-13 » Как использовать анимацию с помощью JavaScript-библиотеки GSAP
- 2024-03-13 » Использование GSAP 3 для веб-анимации
- 2024-03-13 » Cогласование топографической съёмки с эксплуатирующими организациями
- 2024-02-19 » Теряются лиды? Как настроить сквозную аналитику
- 2024-02-17 » Мерч и IT: на что обратить внимание в 2024 году
- 2024-02-16 » Копируем с RSync: основные примеры синхронизации файлов
- 2024-02-15 » Лучшие noCode AI платформы для создания диалоговых ботов
- 2024-02-14 » Факторы ранжирования Google 2024 — исследование Semrush
- 2024-02-12 » Перенос сайта на другой хостинг
- 2024-02-05 » В России сформирован реестр хостинг-провайдеров
- 2024-02-04 » Использование SSH для подключения к удаленному серверу Ubuntu
- 2024-02-03 » Подключаемся к серверу за NAT при помощи туннеля SSH. Простая и понятная инструкция
- 2024-02-02 » Настройка CI/CD для Gitlab-репозитория: схемы и гайд по шагам
- 2024-02-01 » GitLab CI Pipeline. Запуск сценария через SSH на удаленном сервере
- 2024-01-29 » Introduction to GitLab’s CI/CD for Continuous Deployments
- 2024-01-26 » Настройка GitLab CI/CD
- 2024-01-25 » Установка shell gitlab runner
- 2024-01-25 » Установка и регистрация gitlab-runner в docker контейнере
- 2024-01-25 » Переменные Gitlab-Ci
- 2024-01-25 » Настройка CI/CD в GitLab для синхронизации проекта с веб-серверами
- 2024-01-25 » Копирование файлов scp
- 2024-01-21 » Бездепозитные бонусы от казино: обзор условий и правил использования
- 2024-01-18 » Современная обработка ошибок в PHP
- 2024-01-18 » Пример шаблона проектирования MVC в PHP
Надобно иметь большое мужество, чтоб высказать громко вещи, потихоньку известные каждому. А. Герцен |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.