NovМобильная версия — не урезанный сайт
Почему адаптивность для NovAsia означает сохранение функций, источников и ограничений, а не только уменьшение блоков.
Материал отражает практическую позицию указанного эксперта. Как готовятся и проверяются публикации — в редакционной политике NovAsia.
Самая простая мобильная версия — та, из которой всё неудобное просто убрали. Именно поэтому она часто оказывается плохой.
Если на телефоне пропали сравнение, источники, важные ограничения, фильтры или часть калькулятора, пользователь получил уже другой продукт. Он принимает то же решение, но с меньшим количеством информации.
На каталоге Таиланда это особенно заметно: фильтры, карточки, подтверждения цены и быстрые действия должны оставаться полезными на телефоне, а не просто помещаться по ширине.
На мобильном меняется порядок, а не смысл
Большой экран позволяет одновременно показать фотографию, параметры, пояснения и несколько действий. На телефоне всё это приходится выстраивать в очередь. Здесь и появляется настоящая работа: решить, что человек должен увидеть сразу, что можно раскрыть по нажатию, а что допустимо увести ниже по странице.
Я не считаю обязательным сохранять одинаковую композицию на всех экранах. Таблица может стать набором строк, длинный фильтр — открываться отдельной панелью, второстепенные пояснения — сворачиваться. Но если информация влияет на цену, статус, право, доступность или следующий шаг пользователя, она не должна исчезать только потому, что мешает красивой компактной верстке.
Особенно плохо, когда ограничение технически остаётся на странице, но найти его можно только после нескольких скрытых раскрытий. Формально данные есть. Практически человек принимает решение раньше, чем до них добирается.
Удобство — это ещё и работа в неудобных условиях
Мобильную страницу легко проверить на хорошем телефоне, быстром интернете и с пустой формой. Реальные проблемы чаще появляются в менее идеальном сценарии: длинное название не помещается, клавиатура закрывает кнопку, фильтр сбрасывает выбранные параметры, после возврата назад теряется позиция, тяжёлая галерея задерживает всё остальное.
Поэтому я смотрю не только на ширину блоков. Важно пройти сам путь: открыть каталог, отфильтровать объекты, зайти в карточку, вернуться, сравнить варианты, открыть источник, отправить запрос. Если на каком-то шаге приходится заново повторять действие или угадывать, что произошло, адаптивная верстка сама по себе задачу не решила.
Отдельный вопрос — плотность данных. На телефоне хочется сократить текст сильнее, но именно на небольшом экране короткая подпись без контекста может стать двусмысленной. Иногда лучше дать два понятных предложения, чем оставить красивое слово, которое ничего не объясняет.
Нельзя ускорять мобильный интерфейс удалением полезного
У мобильной версии обычно строже требования к весу изображений, количеству сценариев в первом экране и объёму кода, который нужен до первого действия. Это повод оптимизировать загрузку, а не вырезать функцию, ради которой человек пришёл.
Если тяжёлая галерея мешает фильтрам, я сначала ищу, можно ли загружать изображения разумнее. Если сравнение неудобно в широкой таблице, меняю представление данных. Если длинный блок источников перегружает экран, его можно компактнее оформить, но не превращать в невидимую часть сайта.
Мобильный экран меньше. Решение пользователя от этого не становится менее серьёзным. Для меня хороший мобильный интерфейс — тот, где человек получает тот же объём существенной информации, просто в другом порядке и форме.