Адаптивность · Практика
Что я проверяю в мобильной версии сайта
Учебная заметка · 3 минуты чтения
Мой короткий список проверок: от ширины экрана до размера кнопок и длинных заголовков.
Я начинаю проверку с телефона: на узком экране сразу видно, какие части страницы важны, а какие только мешают.
Что проверяю сначала
- Не появляется ли горизонтальная прокрутка.
- Не ломают ли длинные слова и заголовки ширину страницы.
- Достаточно ли крупные кнопки и отступы между ссылками.
- Не теряются ли важные действия после переноса блоков.
Затем постепенно расширяю окно браузера и смотрю, как контент использует появившееся место. Точки перелома выбираю тогда, когда макету действительно нужно измениться, а не по списку популярных устройств.
Последняя проверка
Перехожу по сайту клавиатурой, проверяю видимый фокус и увеличиваю масштаб страницы. Так проще заметить проблемы, которые не видны при обычном просмотре.
Это мой текущий учебный процесс, а не универсальная инструкция: для каждого сайта набор проверок зависит от его содержания и посетителей.