На яку мінімальну роздільну здатність браузера чи екрана слід націлити свої веб-програми?

Приймаючи рішення про мінімальні вимоги до веб-додатку на клієнтських машинах:

1. Веб-переглядачі - на яких браузерах слід націлити мінімум
2. Роздільна здатність екрана - яка роздільна здатність екрана повинна націлюватись як мінімум

Щоб зручність роботи програми не була порушена

W3Schools (наприклад) має деякі статистичні дані щодо дисплеїв браузера. Станом на січень 2010 року:

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

Вища цифра посилається на нову таблицю . З рисунків виглядає, що 1024x768 - мінімальна ефективна роздільна здатність екрана. Однак слід пам’ятати, що далеко не всі запускають свій браузер у повноекранному режимі.

Також є сторінка статистики браузера . Браузери розбиті за версією (наприклад, Firefox ). У веб-переглядачах, таких як Firefox та Chrome, здається, що більшість використовують останні (не бета-версії) версії. Я підозрюю, що це тому, що вони автоматично оновлюються.

Інші, більш загальні, статистичні сайти доступні, і вам, мабуть, слід порадитись із діапазоном, щоб отримати кращу картину використання браузера та роздільної здатності екрана в Інтернеті в цілому.

Замість націлювання на конкретний веб-переглядач та роздільну здатність я б почав із припущення, що ви хочете, щоб ваш сайт використовувався якомога ширшим числом користувачів. Спробуйте зробити так, щоб речі адаптувались до різних розмірів екрана та працювали у всіх браузерах. З цього приводу я думаю, що безпечно вважати 1024x768 для перегляду на робочому столі.

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

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

Нещодавно веб-дизайнер на ім'я Джон Хікс переробив свій веб-сайт, використовуючи їх, перейдіть туди і змініть розмір вікна вашого браузера, щоб побачити приклад того, як вони працюють. Існують макети від 1 до 4 колонок, залежно від поточної максимальної ширини вікна перегляду.

Медіа-запити дозволяють вам не наголошувати на таких речах, як "Чи підтримуватиме мій сайт iPhone та iPad?" або "Як я можу орієнтуватися на розмір екрана пристрою X для підтримки зручності використання?". Ви просто будуєте конструкції для стількох розмірів екрану, скільки хочете підтримати, а медіа-запити подбають про інше, залежно від браузера користувача, коли він туди потрапить.

Ви можете базувати своє рішення на останній статистиці щодо використання роздільної здатності. Якщо ви хочете отримати загальний номер, ви можете знайти їх у Net Applications, а якщо ви хочете точних даних, ви можете використовувати Google Analytic на своєму веб-сайті для цього.

Перше, що вам потрібно зробити, - це визначити цільову демографічну групу, хто буде використовувати ваш веб-додаток. Наприклад, якщо ви орієнтовані на переважно заможну американську / європейську аудиторію (наприклад, продаж високоякісних товарів або високотехнологічний журнальний сайт), тоді у вас будуть зовсім інші вимоги, ніж якщо, наприклад, ви створюєте веб-сторінки, додаток, орієнтований на людей похилого віку, людей у ​​менш розвинених країнах тощо, де старі ПК та низька роздільна здатність досі переважають. З досвіду я знаю, наприклад, що багато клієнтів місцевого самоврядування у Великобританії досі (ганебно) використовують IE6 як єдиний браузер, що може стати головним фактором, якщо вони є вашими клієнтами.

Тоді вам доведеться враховувати, що багато людей отримують доступ до веб-сайтів на мобільних пристроях - смартфонах, нетбуках, планшетах тощо. Вони можуть мати "дивні" дозволи або мати більший відсоток користувачів браузерів, таких як Safari, Chrome і Opera Mobile. Вони також можуть мати різні вимоги щодо доступності або можуть вимагати різних таблиць стилів.

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

Перегляньте статистику щодо частки ринку в усьому світі

Це запитання надає вичерпний перелік джерел для пошуку частки ринку в усьому світі.

Ось найкращі середні показники 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. Якщо це саме базу користувачів, на яку ви орієнтуєтесь, використання «поточної норми» роздільної здатності екрана може відчужити вашу аудиторію.

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

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

На це питання неможливо точно відповісти без визначеної аудиторії та повністю ігнорує бурхливі орди пристроїв iPhony.

Як уже згадувалося в старій публікації , стаття Вікіпедії про частку ринку браузерів консолідує інформацію з 6 основних джерел, і що статистика, мабуть, є найбільш ефективною для вирішення, на які браузери слід орієнтуватися.

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

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