Почему дизайн mobile-first больше не опция
Автор Команда AsasWeb 1 мин чтения
Большинство посетителей сайта компании теперь приходят с телефона, поэтому проектируйте сначала для маленького экрана и масштабируйте вверх. Старт с самого жёсткого ограничения заставляет понять, что действительно важно, держит страницы достаточно лёгкими для медленных соединений и даёт дизайн, рассчитанный на касания, с просторными зонами нажатия и без зависимости от наведения курсора. Тестируйте на реальном среднем телефоне, вплоть до экрана шириной 320 пикселей, а не в симуляторе.
Для большинства бизнес-сайтов большинство посетителей теперь приходят с телефона. Если ваш сайт проектировали на большом мониторе и проверили на мобильном только в конце, эти посетители получают худшую версию вашей работы. Дизайн mobile-first переворачивает этот порядок, и результат лучше для всех.
Начинайте с самого жёсткого ограничения
Экран телефона вынуждает делать сложный выбор. Места для хлама нет, поэтому вы решаете, что по-настоящему важно: одно сообщение, одно действие, содержимое, за которым люди действительно пришли. Когда вы затем масштабируете до планшета или десктопа, вы добавляете пространство к дизайну, который уже работает, а не впихиваете десктопную вёрстку в телефон.
Производительность идёт в придачу
Проектировать под мобильный значит проектировать под более медленное соединение и менее мощное устройство. Эта дисциплина держит страницы лёгкими, что помогает вашему рейтингу в поиске и конверсии на каждом устройстве, а не только на телефонах. Подробнее можно прочитать в нашей заметке о том, что делает сайт быстрым.
Касание, а не наведение
Mobile-first также означает проектирование под пальцы. Целям касания нужно место, всему, что полагается на наведение, нужна удобная для касания альтернатива, а формы должны быстро заполняться большим пальцем. Это те же вещи, которые делают сайт удобнее в использовании с клавиатуры или вспомогательной технологии, поэтому доступность и мобильное качество усиливают друг друга.
Тестируйте на реальном телефоне
Симулятор это не то же самое, что телефон среднего класса на обычном соединении. Мы тестируем каждую сборку вплоть до экрана шириной 320 пикселей, без горизонтальной прокрутки и с удобными целями касания.
Если ваш нынешний сайт мучается на телефоне, это стоит вам обращений. Начните проект, и мы построим сайт, который прекрасно работает на устройстве, которым на самом деле пользуется большинство ваших клиентов.