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

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

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

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

Ответ 1

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

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

Ответ 2

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

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

Ответ 3

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

Ответ 4

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

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

Ответ 5

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

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

Ответ 6

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

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

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

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

Ответ 7

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

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

Ответ 8

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

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

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

Ответ 9

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

Топ-два: 47% 1024x768 и 30% 1280x1024

Ответ 10

Valve собирает данные через пар по возможностям подключающихся к ним машин, вы можете увидеть результаты здесь:

http://steampowered.com/status/survey.html

Имейте в виду, что это геймерские системы и поэтому имеют тенденцию быть более мощными, чем средний компьютер на улице, так как вы можете видеть, что не так много систем ниже 1024 * 768

Ответ 11

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

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

Ответ 12

Согласно Jakob Nielsen Alertbox, по состоянию на июль 2006 года, 60% мониторов были установлены на 1024x768, поэтому оптимизация вашего сайта для этой резолюции это его рекомендация.

Насколько важно стилизовать свой сайт для более низких разрешений? Я думаю, ответ на это зависит от того, как ваш сайт смотрит на 800x600 (и ниже)... если он не читается, то это вопрос важности этой аудитории на вашем сайте. Если вам нужен каждый зритель, независимо от его разрешения, тогда вы должны работать над стилями, которые позволят получить терпимый опыт для случайного 640x480 человек. Если нет, вы можете попробовать стилизовать его так, как вы были, и работать над альтернативными стилями только тогда, когда у вас есть бизнес-пример.

Ответ 13

добавьте Google Analytics на свой сайт, бесплатно, данные будут только о вашей аудитории.

Ответ 14

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

И, как было указано, только потому, что человек работает на скорости 1280x1024, это не означает, что их веб-браузер будет максимальным - некоторые люди настаивают на запуске всего в не максимизированном окне (я думаю, что Mac использовал для обеспечения этого). И это ничего не говорит о людях, у которых есть десять панелей инструментов и работает только на 800x600, потому что ОС больше не позволит им перейти на 640x480 (и затем они задаются вопросом, почему все выглядит "нечетким" на ЖК-экране и почему их глаза идущий на дерьмо)

Конечно, проектирование вашего сайта таким образом не всегда является роскошью, которую вы имеете - иногда клиент хочет, чтобы пиксель идеально соответствовал тому, что разработал Photoshop с огромным монитором. Просто сделайте все возможное, чтобы вы могли и были готовы к тому, чтобы позже аргумент "это то, о чем вы сказали, что хотите" (предполагая, что вы не можете успешно объяснить это им заранее)

Ответ 15

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

Ответ 16

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

Ответ 17

Здесь две причины для проектирования сайтов размером 700-800 пикселей.

  • Текст легче читать, когда столбцы не слишком широкие. Если вы используете текст шириной 400-500 пикселей, у вас есть место для столбца на стороне 250-400 пикселей, который хорошо работает для экранов всех размеров.

  • Ваши страницы печатаются намного приятнее. Я запускаю сайт с информацией о том, что многие пользователи могут печатать, а боковая панель отключена в print css, страницы очень хорошо подходят на листе бумаги.

Ответ 18

Посмотрите, мониторы становятся все больше и люди все больше и больше хотят. Люди любят большие мониторы. Единственными людьми, у которых есть маленькие мониторы, будет общий компьютерный центр или некоторые пожилые люди.

@Все, нам нужно объединиться в качестве разработчиков и потребовать только создавать приложения на 1024x768. Если мы все будем вместе, мы сделаем его стандартным.

Не спрашивайте, что ваш монитор может сделать для вас, спросите, что вы можете сделать с монитором!