Какой минимальный браузер или разрешение экрана я должен предназначаться для моих веб-приложений?

18

При принятии решения о минимальных требованиях к веб-приложению на клиентских машинах:

  1. Браузеры - какие браузеры должны быть нацелены на минимум
  2. Разрешение экрана - какое разрешение экрана должно быть нацелено на минимум

Для обеспечения удобства использования приложения не ставится под угрозу

Юлиус А
источник
Голосование за закрытие не по теме: см. Meta.webmasters.stackexchange.com/questions/144/…
1
Это можно перенести в стек обмена пользователя.
мильмей
1
Может быть, но, вероятно, не должно быть. Разрешение экрана технически связано с пользовательским интерфейсом, но оно также связано с доступностью и поддержкой платформы. Это вопрос, который большинство веб-мастеров заинтересует больше с точки зрения бизнеса, чем с точки зрения дизайна пользовательского интерфейса.
Lèse Majesté

Ответы:

8

W3Schools (например) имеет некоторую статистику по дисплеям браузера. По состоянию на январь 2010 года:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

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

Также есть страница статистики браузера . Браузеры разбиты по версиям (например, Firefox ). С браузерами, такими как Firefox и Chrome, кажется, что большинство используют последние (не бета) версии. Я подозреваю, что это потому, что они автоматически обновляются.

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

ChrisF
источник
5
Вы должны отметить, что w3schools, будучи техническим сайтом, НЕ является репрезентативным для сети в целом (особенно для статистики браузера).
Рассерженная шлюха
@DisgruntledGoat - хороший момент. Я пропустил немного о том, что это их данные, когда я первоначально прочитал страницу.
ChrisF
Поскольку у меня нет размера выборки на моих собственных сайтах для моего собственного анализа, и мне лень искать точные и неискаженные данные для разрешений экрана, я просто провожу обзор крупнейших сайтов в Интернете - или крупнейшие сайты, которые разделяют мою демографию. Я полагаю, что Google, Amazon, Yahoo и т. Д., Вероятно, тратят много ресурсов на исследования юзабилити такого типа, что нет необходимости пытаться дублировать их усилия. Кроме того, я бы использовал отдельные порталы / электронные таблицы для мобильных устройств, если это значительная для вас демография.
Lèse Majesté
Проблема в том, что эти характеристики часто выбираются самостоятельно. W3Schools - сайт с фиксированной шириной ~ 1000 пикселей в ширину. Если бы у меня был дисплей 800x600 (или нетбук 800x480), я бы его тоже не посещал.
Робертc
Именно поэтому следует смотреть на сайты, которые люди не могут позволить себе не посещать.
Lèse Majesté
6

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

Орен Хизкия
источник
5

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

В современных браузерах вы можете выбирать диапазоны с помощью Media Queries . Они потрясающие. Предполагая, что вы не заботитесь о IE - хотя IE9 обещает поддержку для них. Условные комментарии могут использоваться для отправки разрешения IE с наименьшим общим знаменателем, или JavaScript может использоваться для динамической загрузки таблиц стилей. Динамическая загрузка CSS через JavaScript - это, на мой взгляд, ужасная идея.

Веб-дизайнер по имени Джон Хикс недавно перепроектировал свой веб-сайт, используя их, зайдите туда и измените размер окна браузера, чтобы увидеть пример их работы. Есть макеты от 1 до 4 столбцов, в зависимости от текущей максимальной ширины области просмотра.

Медиа-запросы позволяют вам не беспокоиться о таких вещах, как «Будет ли мой сайт поддерживать iPhone и iPad?» или «Как выбрать размер экрана устройства X, чтобы обеспечить удобство использования?». Вы просто создаете проекты для экранов любого размера, которые хотите поддерживать, и Media Queries позаботится обо всем остальном, в зависимости от браузера пользователя, когда они туда попадут.

Брайсон
источник
2

Вы можете обосновать свое решение недавней статистикой об использовании разрешения. Если вам нужен общий номер, вы можете найти его в Net Applications, а если вам нужны точные данные, вы можете использовать Google Analytic на своем веб-сайте для этого.

HoLyVieR
источник
1

Первое, что вам нужно сделать, это определить целевую демографическую группу, которая будет использовать ваше веб-приложение. Например, если вы нацелены на преимущественно состоятельную аудиторию США / Европы (например, на продажу высокотехнологичной продукции или на сайт высокотехнологичного журнала), тогда у вас будут совершенно другие требования, чем, например, если вы делаете веб-сайт. приложение, которое предназначено для пожилых людей, людей в менее развитых странах и т. д., где все еще преобладают старые ПК и низкие разрешения. Например, по своему опыту я знаю, что многие клиенты местных органов власти в Великобритании до сих пор (позорно) используют IE6 в качестве единственного браузера, что может стать основным фактором, если они будут вашим клиентом.

Затем вы должны принять во внимание, что многие люди получают доступ к веб-сайтам на мобильных устройствах - смартфонах, нетбуках, планшетах и ​​тому подобном. У них могут быть «странные» разрешения или более высокий процент пользователей таких браузеров, как Safari, Chrome и Opera Mobile. Они также могут иметь разные требования доступности или могут требовать разных таблиц стилей.

Один из лучших способов - использовать Google Analytics (возможно, с существующего сайта), чтобы определить свою реальную аудиторию. Затем вы можете получить фактические цифры, чтобы увидеть сбои браузера и сбои разрешения, которые помогут вам решить, что подходит именно вам .

Дэн Диплом
источник
1

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

Этот вопрос содержит исчерпывающий список источников для поиска доли мирового рынка браузеров.

Вот лучшие 3 средних показателя за 2010 год для StatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

Вот лучшие 3 средних показателя за 2010 год для сетевых приложений :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

Согласно данным, ваше минимальное разрешение должно быть 1024x768, но это также зависит от вашей демографии.

Если ваш сайт ориентирован на более корпоративную аудиторию, придерживайтесь 800x600. Многие корпоративные сети все еще используют действительно старое оборудование с Windows 2000. Если это целевая база пользователей, использование «текущей нормы» разрешений экрана может оттолкнуть вашу аудиторию.

Эван Плейс
источник
Я думаю, что вы имеете в виду 1024x768?
мильмей
@milesmeow ой, исправил
Эван Плейс
0

http://isie6dead.com/, хотя эта ссылка была более динамичной неделю назад или около того, точка, лежащая в основе ее существования, по-прежнему актуальна: существует слишком много браузеров IE6, и, вероятно, так будет и в следующем десятилетии .

Для моих личных проектов, если вы используете IE6, мне все равно, если мой сайт заставит обезьян вылететь из вашей задней части. Для работы требования могут отличаться, и в целом, чем более публичной и старше ваша целевая аудитория, тем больше вероятность того, что ваш сайт увидит IE6 640x480x4.

На этот вопрос нельзя точно ответить без определенной аудитории, и он полностью игнорирует растущие толпы устройств iPhony.

MSW
источник
0

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

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

Колин Когхилл
источник