Самые популярные разрешения экранов смартфонов в 2017 году

Знание о том, какие разрешения экранов смартфонов сегодня популярнее всего, помогут оптимизировать ваш вебсайт с учётом разницы между различными устройствами. DeviceAtlas собрал самую свежую статистику использования девайсов, связанную с этим вопросом.

Новые разрешения экранов на рынке

В последние годы все флагманские устройства на Android OS имели разрешение Full HD (1080х1920) и QHD (1440х2560). В 2017 году на рынке появились несколько устройств с нестандартными разрешениями — в основном благодаря новому тренду на экраны edge-to-edge (на всю ширину устройства). В том числе:

  • Samsung Galaxy Note 8: 1440 x 2960 пикселей
  • Samsung Galaxy S8: 1440 x 2960 пикселей
  • LG V30: 1440 x 2880 пикселей
  • LG G6: 1440 x 2880 пикселей
  • Sony Xperia XZ Premium: 3840 x 2160 пикселей
  • iPhone X: 1125 x 2436 пикселей (только анонсирован)

Конечно, эти нестандартные разрешения ещё не вошли в нашу статистику. Но, так или иначе, мы можем ожидать, что стандарт S8 может стать одним из самых популярных в списке из-за огромной популярности семейства Galaxy S: так, предыдущий флагман — S7 — стал самым распространённым устройством на Android в мире.

Самое используемое разрешение экрана смартфона — 720х1280

По данным статистики трафика за июль-август 2017 года, самым популярным разрешением экрана на смартфонах стало соотношение 720×1280 пикселей, которое используется на большинстве устройств среднего и бюджетного класса. Это самое используемое разрешение в 11 странах из 20 проанализированных, в том числе в Индии, Италии и Испании. С небольшим отрывом за ним следует соотношение 750х1334, которое используется в популярных в США, Великобритании и Австралии моделях iPhone. Во Франции и Германии, в свою очередь, самым частым разрешением стало Full HD в смартфонах среднего и бюджетного классов.

В таблице представлены самые ходовые разрешения экранов смартфонов во всех 20 странах, участвовавших в исследовании.

moaction.mobi

Статистика браузеров и разрешений

Сегодня на работе у меня встал вопрос о том, какие средства я могу использовать при разработке интерфейса сайта и как лучше его делать (размеры). Чтобы получить ответ на свой вопрос, я собрал статистику с самых посещаемых сайтов, с которыми я работаю и проанализировал ее. Замечу сразу, что обработана статистика четырех сайтов, два из которых белорусские, два – российские. Для трех сайтов основная аудитория – специалисты финансовой и кадровой сферы на работе. Для одного – пользователи всех категорий, кроме пенсионеров, дома и на рабочих местах.

Прочитать этот документ можно в формате PDF (405,3Кб). Даные, на основе которых написана статья, так же можно посмотреть в полном объеме в формате PDF (872,9Кб).

1) Первый сайт – это российский ресурс, форум для секретарей. Посещается в основном с рабочих мест. Аудитория 1.

2) Второй – белорусский портал по поиску работы. Аудитория 2.

3) Третий – российский сайт, который посещают специалисты по кадрам, секретарскому делу и финансам с рабочих мест. Аудитория 3.

4) Четвертый – белорусский сайт, который посещают специалисты по кадрам и финансам с рабочих мест. Аудитория 3.

Аудитория 2 наиболее выделяется из списка. В нее входят все группы пользователей, кроме пенсионеров, причем пользуются ресурсом, как с рабочих мест, так и из дому.

Все сайты обладают хорошей посещаемостью.

Грузить цифрами вас не буду. Сразу перейдем к результатам. Сначала ответим на два вопроса, очень важные для разработчика интерфейса: «под какое минимальное разрешение делать сайт» и «какими средствами (из JS, CSS, XHTML) можно пользоваться». С первым вопросом все предельно ясно. По второму поясню. Многий важный функционал JS появлялся в новых версиях браузеров и не поддерживается старыми. Старые браузеры так же не поддерживают последние версии XHTML и CSS . По этому, ориентируясь на старые браузеры, разработчик сильно ужимает себя в возможности использования современных средств.

«Под какое минимальное разрешение делать сайт?». Анализ собранной статистики, показал, что имеет смысл делать сайты под разрешение 1024х768 и выше. Разрешение 800х600 установлено у 6,27% пользователей, при этом у остальных – большие разрешения. А при просмотре сайта шириной 800 на разрешении 1440, например, явно ощущается дискомфорт. В то же время, слишком широкие сайты так же не очень удобно читать. Например, тянущийся дизайн при разрешении 1440х900 на всю ширину монитора не всегда удобен. На мой взгляд, оптимально делать тянущиеся дизайны с ограничением ширины от 955 (для 1024) до 1200 (для 1280). Тем же 6%, у кого установлено разрешение 800х600, придется пользоваться горизонтальным скроллингом и задуматься о смене монитора.

Результирующие диаграммы разрешений.

«Какими средствами (из JS , CSS , XHTML ) можно
пользоваться?»
Выше во вступлении описано, что подразумевается под этим вопросом – повторяться не буду. Перейду сразу к делу. 74,68% аудитории сайтов пользуются браузером Microsoft Internet Explorer 6.0. Практически по всем сайтам этот показатель стабилен. Второе место за Mozilla (Firefox) – 9,38%. Microsoft Internet Explorer 7.0 – 8,43%. Остальные версии браузеров – менее 3%.

valera.ws

Статистика разрешений

За шесть месяцев 2018 года в Грузии было выдано около пяти тысяч разрешений на строительство, что на 1,4% меньше показателя прошлого года за аналогичный период. Об этом говорится в отчете Национального агентства статистики Грузии «Сакстат».

72,4% процента выданных разрешений на строительство приходится на три региона Грузии. Это Тбилиси — 46,8%, Аджария — 14,3% и Квемо Картли — 11,3 %.
С января по июнь 2018 года были выданы разрешения на строительство многофункциональных жилых комплексов, гостиниц, торговых объектов, заводов, сельскохозяйственных объектов и других зданий. При этом больше всего разрешений было выдано на строительство жилых комплексов.

Более половины завершенных строительств за шесть месяцев приходится на три региона страны. В частности, 29,3% на Тбилиси, 16,3 – Кахетия, а 11% — регион Квемо Картли.

За январь-июнь 2018 года в эксплуатацию было сдано более 1,1 тысячи объектов общей площадью 928,9 тысяч квадратных метров.

За аналогичный период 2017 года в эксплуатацию вошло более 1,3 тысячи объектов общей площадью порядка 1,2 миллионов квадратных метров.

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

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

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

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

kavkazplus.com

Как выбрать правильную ширину сайта, или «Телевизор» вместо монитора

Гигантомания экранов коснулась не только телефонов, но и настольных компьютеров. Экраном в 25 и даже 29 дюймов никого не удивишь.

Каталог крупного интернет-магазина

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

Поэтому, разрабатывая структуру, мы хотим, чтобы:

— пространство использовалось с умом;

— при просмотре сайта на больших экранах не было огромного пустого пространства по бокам;

— сайт не терял удобство использования на небольшом экране.

Какие есть варианты создания страницы под разные мониторы и разрешения (типы верстки)

Фиксированная верстка

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

Резиновая верстка без ограничений

Упрощенно это выглядит так:

Т.е. ширина сайта подстраивается под ширину браузера. Браузер шире – блоки снизу перемещаются вбок. Браузер уже – блоки располагаются друг под другом.

Плюсы такой верстки:

  • Пространство используется по максимуму, нет зияющей пустоты слева или справа от контента на широкоформатном экране с высоким разрешением.

Минусы:

  • На большом экране сайт очень сильно расползается. Особенно это неудобно для текста.
  • Периодически может возникать пустое пространство между блоками.

Личный юзеркейс: у меня плохое зрение, если не надеть очки, приходится сидеть, уткнувшись лицом в монитор. Поверьте – даже на 21 дюйме с разрешением по ширине 1600 пикселей жутко неудобно воспринимать сайт с малого расстояния. Приходится вертеть головой слева направо, чтобы прочесть строчку текста.

Кроме того, при маленькой ширине экрана блоки будут наползать друг на друга, если не задана минимальная ширина. Чтобы избежать данных проблем, можно применить следующий способ:

Резиновая верстка с заданной минимальной и максимальной шириной

В данном случае в указанных вами пределах сайт может менять позиционирование блоков, но у него есть определенные ограничения:

минимум – достигнув этого предела, блоки не «сжимаются», а появляется полоса прокрутки;

максимум – контент не увеличивается по ширине, а добавляется пустое пространство по бокам, контент сайта при этом размещается по центру.

Плюсы:

  • Мы уверены в том, как выглядит контент нашего сайта при определенном разрешении Естественно, мы стараемся сделать максимально красивый сайт для наиболее распространенных разрешений в нашей тематике.

Минусы:

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

Адаптивная верстка

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

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

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

Плюсы:

  • Наиболее современный и правильный тип верстки.

Минусы:

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

Все эти методики могут сочетаться в зависимости от ситуации.

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

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

Как разобраться в этом многообразии разрешений и способов верстки?

Первое – сайт должен быть максимально удобен и презентабелен для наиболее распространенного разрешения.

Общую статистику популярных разрешений можно найти в сервисах:

— https://www.w3counter.com/stats/displays/1/resolutions/20/0 – тут статистика в первую очередь по США;
— https://www.liveinternet.ru/stat/ru/resolutions.html – это общая статистика. Также можно сегментировать статистику по категориям.

Примечание!

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

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

Например, если мы возьмем за основу информацию с сайта w3counter, самое популярное разрешение по ширине – это 1366px. Соответственно, эту ширину можно брать как максимум, больше которого увеличивать контент не стоит.

При этом учитывайте, что контент смотрится лучше, когда есть небольшие отступы по бокам. Плюс к этому, немного (порядка 24) пикселей нужно оставить под полосу прокрутки. Размер отступов выбирайте сами – обычно это порядка 50-80px.

Например, очень хорошо смотрится (личное мнение) при таком разрешении сайт lamoda, ширина максимум 1206px:

Учитывая это, я склоняюсь к варианту фиксированной максимальной ширины. За среднюю цифру максимума можно взять примерно 1200px+/-.

В качестве минимальной ширины, после которой появляется полоса горизонтального скролла, можно взять 960px. Меньше делать особого смысла не вижу.

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

Как узнать статистику своего сайта по разрешениям экрана?

Если у вас Яндекс.Метрика:

1. Заходите в раздел Отчеты -> Стандартные отчеты -> Технологии -> Разрешение дисплея:

2. Получаем наглядную уникальную статистику, применимую конкретно к вашему сайту (разумеется, зачастую она будет совпадать со стандартной статистикой):


Если у вас Google Analytics:

1. Технологии -> Браузер и ОС -> Разрешение экрана:

Данные отчеты полезны еще и тем, что мы можем выявить проблемы отображения сайта на определенном разрешении. Для этого обратите внимание на колонку «Показатель отказов».

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

Как проверить отображение сайта на разных разрешениях?

Чтобы проверить, как выглядит ваш сайт на устройствах с разными разрешениями, можно использовать:

Тут все довольно просто:

— выбираете устройство (начиная от телефона и заканчивая телевизором);
— выбираете разрешение (есть стандартные варианты, также можно указать размер в пикселях самостоятельно);
— указываете нужные настройки – сайт отображается у вас на экране при заданных параметрах.

Суть та же, что и в онлайн-сервисе, только в данном случае настройки появляются непосредственно в браузере:

Подведем итог

Перед созданием нового сайта или редизайном необходимо:

— понять, какие разрешения наиболее популярны у вашей целевой аудитории;

— определить максимальные и минимальные размеры сайта (в пикселях);

— выбрать тип верстки;

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

Конечно, может возникнуть один логичный вопрос: «А как же через Х лет, когда технологии изменятся? Что тогда делать?» Ответ прост: сайт должен постоянно развиваться, поэтому создать через пару лет новый дизайн – это вполне нормально. Естественно, при создании нового дизайна следует учитывать изменившиеся реалии и тенденции.

Понравилась статья? Поделитесь ссылкой со своими друзьями:

Подписывайтесь на наши группы в сообществах, чтобы быть в курсе всех SEO-событий:

siteclinic.ru

Украинцы доминируют в ЕС по количеству полученных разрешений на работу (Статистика)

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

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

Польша заняла первое место по количеству документов, выданных иностранцам в связи с работой. Такие документы получили 494 тысячи. людей. Это более, чем половина от всех выданных разрешений на территории ЕС (58 %).

Наибольший процент в этой группе составляют граждане Украины (513 тыс., 87,5%), Беларусь (28 тыс., 4,8%) и Молдова (8 тыс., 1,3%).

Наибольшее количество резидентских карт было выпущено в Соединенном Королевстве (366 тыс, 53 % в ЕС). В других странах Евросоюза виды на жительство чаще всего выдаются по воссоединению семей.

В 2016 году Великобритания выдала рекордно высокое количество разрешений на пребывание для иностранцев (866 тыс, 25,8 %). Второе место заняла Польша (586 тыс, 17,5 %), Германия (505 тыс, 15 %), Франция (235 тыс., 7%), Италии (222 тыс., 6,6%), Испании (212 тыс., 6,3%) и Швеции (147 тыс., 4,4%).

Граждане Украины доминируют по количеству выданных разрешений на работу (589 тыс, из которых 87% в Польше). Граждане Китая получили наибольшее количество виз и резидентских карт, связанных с получением образования. В то же время граждане Марокко и Турции — лидеры по количеству разрешений на воссоединение семей.

www.yavp.pl

Это интересно:

  • Самсунг а 3 разрешение Обзор смартфона Samsung Galaxy A3 2017 (SM-A320F), особенности аппарата Фотографии в интерьере Содержание Если вы читали обзор А5 2017 года, то советую прочитать разделы “Позиционирование”, “Дисплей”, “Аккумулятор”, […]
  • Разрешение 1920×1080 для ноутбука Ноутбук с экраном Full HD, а стоит ли? Перейти к странице Начинающий Вообщем был куплен ноут http://www.computeruniverse.net/products/e90445173/lenovo-ideapad-z570-m55b2ge-w7hp64.asp Вполне доволен покупкой, но вот экран 1366х768, […]
  • Как удалить с реестра оперу Удаляем браузер Опера Ежедневно выходят новые обновления программ. Далеко не все они отличаются стабильной и качественной работой без сбоев и вылетов. В связи с этим пользователи устанавливают одни браузеры и удаляют другие, […]
  • Разрешение galaxy s4 mini Обзор смартфона Samsung Galaxy S4 mini (i9190) Содержание: Комплект поставки: Samsung i9190 Аккумулятор Проводная стереогарнитура Сетевой адаптер и USB-кабель Руководство пользователя Гарантийный талон После анонса […]
  • Разрешение retina macbook ФИШКА Секретное меню разрешения экрана в OS X Когда стандартных становится мало. Статьи с пометкой «ФИШКА» включают короткие рецепты для активации малоизвестных функций в операционных системах iOS, OS X и в гаджетах Apple. Если вы […]
  • Как оформить wifi Как подключиться к бесплатному Wi-Fi в Москве 1. Где подключиться к бесплатному Wi-Fi в Москве? К бесплатному беспроводному интернету (Wi-Fi) вы можете подключиться: на улицах в пределах Садового кольца, а также в некоторых других […]