Достаточно ли простого факта наличия веб-сайта, который настраивает свой внешний вид под экраны мобильных устройств? Тот факт, что некоторые элементы выглядят по-разному для определенных диапазонов разрешения, не означает, что веб-сайт удобен для мобильных устройств.
Самыми важными являются индивидуальные решения, приемы и различные виды трюков, которые могут быть предложены посетителям. О каких проблемах речь? Вы можете найти девять из них в списке ниже.
1. Расставьте приоритеты по типам контента
Отзывчивость (или, скорее, сетка, на которой обычно основан отзывчивый дизайн) сама по себе предполагает, что по умолчанию при меньших разрешениях она «сжимает» контент. То, что раньше занимало, например, четыре столбца в одной строке и было видно рядом друг с другом, на мобильных устройствах размещается один над другим.
Соответственно, высота такой страницы резко увеличивается. Вы должны много двигать пальцем, чтобы идти сверху вниз. Поэтому не забудьте включить основные элементы, полезные для пользователей, как можно выше.
Это то, о чем идет речь, чтобы не заставлять их тратить много времени на поиск того, что потенциально их интересует больше всего. Чем раньше ваши посетители это заметят, тем лучше — для них и для вас.
2. Не показывать все, что видно на рабочих столах.
Сеть неявно сообщает отдельным столбцам, чтобы они скрывали один под другим на экранах небольших устройств. Означает ли это, что пользователь смартфона должен видеть в точности ту же информацию, что и посетитель сайта?
Мы относимся к мобильным устройствам иначе, чем к компьютерным мониторам. Мы ожидаем, что из-за их размера они будут по-другому перемещаться по веб-сайтам.
Важно чтобы все было максимально компактно, чтобы мобильный сайт содержал только самую важную информацию. Оцените, будет ли вся информация, «обычно» видимая на вашем веб-сайте, полезна для мобильных пользователей. Если вы так не думаете, то прячьте некоторые элементы, чтобы сосредоточиться только на основных.
3. Предоставьте пользователям изображения соответствующих размеров.
Когда дело доходит до улучшения адаптивной версии веб-сайта, нельзя забывать о графике. Отзывчивый просмотр страницы можно легко масштабировать по горизонтали. Достаточно расширить или сузить окно браузера, чтобы узнать, как тот или иной веб-сайт выглядит в разных разрешениях.
Проблема может заключаться в том, что неправильно вставленные изображения на небольших экранах могут просто выглядеть неправильно. С одной стороны, они могут быть «укорачены» до края экрана, а с другой стороны, они могут быть без необходимости растянуты по сравнению с оригиналом.
Следовательно, «отзывчивый веб-сайт» — это не тот слоган, наличие которого помогает. За этим стоит необходимость пересмотреть все возможные диапазоны разрешения. Все это для того, чтобы убедиться, что данный вид (и включенная в него графика) просто оптимален.
