Особенности вёрстки адаптивных веб-страниц:
- Порядок пунктов меню, структура заголовков, блоков текста, картинок максимально близки в обеих версиях. 1
- Идентичный функционал, например, категории, теги, фильтры, режимы отображения товаров в каталоге. 1
- Цветовая гамма, шрифты, логотип и прочие детали брендбука должны быть одинаковыми во всех версиях, делая ресурс узнаваемым. 1
- Кликабельные элементы в мобильной версии удобно касаться пальцем (для этого они должны быть не меньше 44х44 пикселя). 1
- Товары и другие блоки, которые на компьютере идут в ряд, на смартфоне должны располагаться вертикально согласно ориентации экрана. 1
- Подсказки и справки, которые в десктопной версии возникают при наведении курсора, должны размещаться под кликабельным значком, так как на гаджете навести палец невозможно. 1
Адаптивная вёрстка предполагает отсутствие горизонтальной полосы прокрутки и масштабируемых областей при просмотре на любом устройстве, читабельный текст и большие области для кликабельных элементов. 5