На первый взгляд, с каждым годом появляется всё больше инструментов для создания сайтов. Но если приглядеться, то выяснится что эти инструменты, стандарты и механизмы отстают от быстрорастущего рынка пользовательских устройств, с которых можно зайти на сайт. Каждый год появляется ещё несколько устройств с уникальным соотношением сторон экрана и большим разрешением.
Мобильный телефон с диагональю 5 дюймов имеет такое же разрешение, что и монитор диагональю 25 дюймов. Это создаёт проблемы масштабирования информации. А точнее, способа задания размера информации для разных устройств.
В чём проблема
На небольших устройствах информация на сайте должна быть крупной: большой шрифт, минимум элементов дизайна. Но сейчас все размеры задаются в пикселях. К примеру, 18 пикселей для высоты шрифта - это заметно. Но только на экране персонального компьютера. Для телефона с разрешением 400 точек на дюйм - это очень мелкие буквы! И до сих пор создатели интерфейсов не определились как жить дальше.
Трудно представить современный телефон без сенсорного экрана. Причем большого. Потребители требуют огромные экраны. По шесть дюймов. Это стимулирует производителей делать больше моделей с эпическими размерами и невероятно высоким разрешением. Это может не закончится никогда. Поэтому разработчикам надо заранее определиться как задавать размеры без привязки к пикселям. Но этого не происходит. Если ничего не будет предпринято, то придётся делать десяток версий сайта для разных разрешений.
Новая боль
Телефоны часто используются для развлечения. Для этих целей лучше подходят экраны с большой диагональю и разрешением больше, чем Full HD. Именно это и породило кучу проблем.
Как говорят китайцы: "если хочешь пожелать человеку очень плохого, то пожелай ему жить в эпоху перемен".
Раньше у всех разработчиков болела голова из-за того, что все браузеры отображают сайты по-разному, используют разные алгоритмы. К примеру, если сайт хорошо отображается на FireFox, то это не значит, что он будет хоть как-то работать на Internet Explorer. Теперь к этой головной боли добавилась необходимость отображения сайтов на экранах с огромной плотностью пикселей.
Компания Sony начала выпуск смартфона с разрешением 4К. А ширина этого сайта составляет чуть больше тысячи пикселей. Следовательно, он будет выглядеть на новом смартфоне от Sony как тонкая полосочка посередине экрана. Буквы на нем будут размером в десятые доли миллиметра. И будет невозможно ничего разглядеть.
Что делать разработчику?
Могу предсказать, что человечество остановится только на разрешении в 1 000 пикселей на дюйм. Круглая цифра - это такой яркий маркетинговый ход: "1 000 точек в дюйме - идеально!". И всем разработчикам все-таки придётся переходить на задание размеров не связанных с пикселями.
Я надеюсь, что разработчики всё-таки задумаются об универсальности своих творений и решат, к примеру, задавать размеры элементов в процентах от ширины экрана. Это потребует дополнительных финансовых вложений в разработку. Сайты перестанут иметь красивый интерфейс, потому что никто не будет потеть над их адаптацией. А в совокупности с тем, что поисковые сети понижают в выдаче все неадаптированные для устройств сайты, все дизайны будут сводиться к одинаковому шаблону.
Сайты станут как телефоны. Раньше были телефоны всех конфигураций и размеров. А теперь они похожи на друг друга как две капли воды. Да, немного облегчит жизнь пользователю. Потому что интерфейс сайта станет очень предсказуемым. Но разве разнообразие - это плохо?
Дизайн старых и новых мобильных телефонов. То же самое произойдёт и с интерфейсами.
