UI-карточки, перестраивающиеся под ширину экрана: три макета смартфона как метафора адаптивного дизайна

TL;DR. Адаптивный дизайн — один сайт, который автоматически подстраивается под любой экран.Пользователям удобно: читабельный текст, крупные тап-таргеты, без зума — конверсия растёт.Поисковики довольны: mobile-first индексация, один URL без…

Заповедь 8 UX-дизайна. Пушистый рыжий кот Лапкинс с серьёзной мордочкой тычет лапкой в волшебный планшет, вокруг — интерфейсы на разных устройствах и сияющая радуга.

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