Насколько важно, чтобы макет вашего сайта помещался на мониторах с низким разрешением?

Question

Насколько важно, чтобы макет сайта соответствовал дисплеям 640 x 480 и 800 x 600? Некоторое время я занимался проектированием с предположением по крайней мере 1024 x 768, но я не делал это профессионально (только на моем сайте, который является просто блогом, который читают только 10-15 друзей) , У кого-нибудь есть неанекдотическая статистика о распределении разрешений экрана у реальных пользователей сети?

Примечание 1: «Не анекдотично» означает, что, пожалуйста, не давайте ответов типа «Я знаю много людей, использующих 640x480» или «Моя мама работает с разрешением 800x600, поэтому это должно быть очень распространено «. Я бы предпочел иметь реальные данные (или ссылки на реальные данные), особенно если это данные об обычных пользователях (а не о гиках).

Примечание 2: Меня не касаются чрезвычайно маленькие дисплеи, подобные дисплеям на КПК и мобильных телефонах (по крайней мере, на данный момент). Я просто говорю о настольных / портативных мониторах.

Answer 1

W3Schools отслеживает различные статистические данные браузера, включая разрешение экрана. Вы можете найти разрешение экрана здесь: http://www.w3schools.com/browsers/browsers_display.asp

Конечно, вы должны использовать статистику как можно ближе к вашей целевой аудитории. Эти статистические данные взяты из браузеров людей, которые просматривают сайт W3School (в первую очередь, разработчиков). Другие целевые аудитории могут иметь другой профиль.

Answer 2

вы работаете в моем веб-браузере. Насколько вы уверены, что мой браузер работает в полноэкранном режиме, даже если я использую 1024x768?

Answer 3

Я думаю, что в настоящее время принято считать, что приемлемо разрешение 1024x768, это, конечно, мой путь. Хороший тест - смотреть на большие сайты, такие как BBC , недавно они перешли на дизайн 1024x768. Это не значит, что каждый сайт должен быть таким: для небольших сайтов я часто придерживаюсь 800x600, просто чтобы контент не выглядел жалким: o)

Вот источник, который я часто использую для веб-статистики: август 2008 года , показывающий 800x600 при 7%.

Answer 4

Я только что проверил данные Google Analytics для всех отслеживаемых доменов. Разрешение экрана менее 800x600 равно нулю, а 800x600 - 3-6%

.

Возможно, вы сможете заранее настроить Google Analytics для домена и собрать некоторую информацию о посетителях.

Answer 5

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

Кроме того, «нетбуки», такие как Asus EEE , набирают популярность и обычно имеют небольшие (9-10 дюймов) экраны с очень скромными разрешениями (например, 800x480 или 1024x600).

Answer 6

Хорошей практикой является проектирование ядра сайта в пределах 750 пикселей, чтобы 5% -15% нашей аудитории, у которых все еще есть мониторы 800px, могли читать его без прокрутки. Затем вы можете поместить менее важную информацию (рекламу, не критически важные функции) в дополнительный столбец размером 250 пикселей справа, который будет виден посетителям с разрешением 1024 пикселя или более.

Также, как предлагает jimharries99, статистика по экранам (или браузерам, или что-то еще) в Интернете может не соответствовать профилю вашей аудитории, поэтому вам следует использовать аналитику, чтобы получить представление о вашей конкретной аудитории. Например, некоторые сайты, которые мы создаем, получают большую часть своего трафика внутри определенного правительственного агентства, которое стандартизирует IE6 (другие браузеры запрещены) и имеет много дисплеев 800x600. Аудитория Wired Magazine, с другой стороны, вероятно, имеет большие экраны и более современные браузеры, чем в среднем.

Answer 7

Лично я разрабатываю веб-сайты так, чтобы они отображались так, как я их представляю, на мониторе 1024 x 768. Я знаю, что есть люди, которые будут открывать окна своих браузеров, и люди, у которых также будут мониторы большего размера, и они будут работать в полноэкранном режиме.

Мне кажется, что на данный момент 1024 x 768 - это правильный уровень компромисса. В то же время я стараюсь сделать так, чтобы мой сайт работал с меньшим разрешением, чтобы и люди, у которых браузер работал в оконном режиме, тоже были довольны. Однако, если толчок приходит к толчку, и у меня нет выбора, я бы предпочел исключить более низкие разрешения и не потерял зрение, чтобы оно не потерялось.

В современных браузерах, хотя пользователь может уменьшить масштаб, поэтому в зависимости от содержания сайта вопрос к расщеплению может быть спорным -., Если макет слишком велик для Реза, пользователь может просто изменить масштаб изображение из

Answer 8

Это в анекдотическом ответе, но это что-то, что нужно знать ...

Мы разработали веб-приложение для клиента, которое должно было использоваться внутри компании (на самом деле это приложение для интранета для тонких клиентов). Нам сказали, что проектирование для 1024x768 было предпочтительным, так как почти все их пользователи имели это разрешение или выше. На самом деле нам было сказано игнорировать любые проблемы, о которых сообщали пользователи, работающие с более низким разрешением, поскольку их внутренняя справочная служба ответила: «Установите разрешение 1024x768 или выше и запустите браузер с максимальным увеличением».

Сразу после того, как приложение было развернуто, на страницах службы поддержки появлялись билеты, требующие слишком большой горизонтальной прокрутки, а некоторые объекты располагались неправильно, но сообщалось, что разрешение было 1024x768. Мы не учитывали пользователей, которые используют боковые панели браузера (историю, закладки, RSS-каналы и т. Д.). Ни один из наших разработчиков не использовал их, так что это никогда не приходило им в голову. Неправильно расположенные детали были нашей ошибкой. Горизонтальная прокрутка была вызвана тем, что мы установили все для автоматического изменения размера, но остановили горизонтальное изменение размера на 768 (фактически ширина клиентской области на 1024x768).

Также не забывайте, что пользователи могут изменить свои настройки размера текста на причудливые настройки. На самом деле это не странно, когда пользователь имеет проблемы со зрением, но важно помнить, чтобы проверить и приспособиться к нему. Firefox 3 хорошо выполняет пропорциональную настройку текста и изображений, но пользователи, использующие другие и более старые браузеры, имеют меньший контроль.

Answer 9

Вот интересное сообщение в блоге , в котором приведены конкретные статистические данные, основанные на 6 миллионах посещений в феврале этого года, для сайтов этой конкретной сети.

Лучшие два: 47% 1024x768 и 30% 1280x1024

Answer 10

Хотя я согласен с тем, что 1024x768, как правило, является хорошим минимальным разрешением рабочего стола, я, похоже, трачу все больше времени на поздний просмотр веб-сайтов через меньшие панели - в частности, на устройствах Windows Mobile, iPhone, а иногда и eeepc при 800 x. 480.

Хотя eeepc может быть необычным (и, несомненно, будет заменен на 1024x768 для класса машины), доступ к мобильным устройствам, скорее всего, только увеличится, и это будет разумно, особенно если вы работаете с сайтом, на котором люди хотите подключиться к удаленному рабочему столу, чтобы знать, как работает ваш сайт на портативных устройствах.