Как протестировать адаптивный дизайн мобильного приложения?

А, вот это тема, блядь! Адаптивность! Ну, это когда твой сайт или приложение не превращается в пиздец на телефоне у бабки, которая купила самый дешёвый китайский смартфон с экраном, как почтовая марка.

Короче, надо проверить, чтобы эта вся красота, которую ты на десктопе наворотил, не разъебалась в хлам на других девайсах. Вот на что смотрим, ёпта:

На что орем и тыкаем пальцем:

1. Разрешения и DPI, ёб твою мать:

   • Надо гонять на реальных железяках — от новенького айфона до какого-нибудь древнего андроида, который уже думает, как бы ему не сдохнуть при запуске браузера.
   • И в эмуляторах поковыряться. В хроме эти инструменты разработчика — святое дело. Там можно посмотреть, как твой интерфейс будет выглядеть на планшете, на котором ещё Джобс яблоки грыз.

2. Крутим туда-сюда:

   • Поворачиваем устройство. Из портрета в ландшафт. А потом обратно. И так десять раз. Интерфейс не должен разъехаться, как шарманка, или спрятать главную кнопку куда-нибудь в пизду.
   • А что если ориентацию заблокировать? Всё равно должно работать, а не выдать "ой, всё".
   • Особый цимес — начать что-то грузить, а потом резко перевернуть экран. Данные не должны потеряться, а прогресс-бар не должен улететь за границы экрана.

3. Вёрстка — чтобы глаза не вытекали:

   • Горизонтального скролла быть не должно, блядь! Это как дырка в носке — мелко, но бесит нереально.
   • Текст не должен налезать на картинки или кнопки. Он должен нормально переноситься, а не уходить одной строкой за горизонт.
   • Картинки должны масштабироваться адекватно. Не растягиваться в пиксельную кашу и не сжиматься в точку.
   • А если у товара название длиннее, чем "хуй"? "Супер-пупер-мега-навороченный-гаджет-для-того-чтобы-забивать-хуй"? Должно влезать!

4. Кнопки и жесты — чтобы попасть можно было:

   • Размер кнопок, ёпта! Они должны быть такими, чтобы в них можно было ткнуть пальцем, а не иголкой. Есть стандарты: для iOS — 44x44 точки, для андроида — 48x48 dp. Меньше — пиздец, пользователь будет тыкать мимо и материться.
   • Расстояние между кликабельными элементами! Чтобы, aiming на одну кнопку, случайно не нажать на соседнюю и не отправить все деньги на благотворительность.
   • Свайпы, пинч-зум (масштабирование) должны работать плавно и предсказуемо, а не дергаться, как судорога.

5. Не должно тормозить и жрать память:

   • Как интерфейс ведёт себя на устройстве, которое само еле дышит? Не должно виснуть при прокрутке.
   • Анимации должны быть плавными. Если FPS проседает — надо чинить.
   • При смене ориентации память не должна утекать, как вода в песок. Открыл-закрыл-повернул — и приложение не стало весить как три операционных системы.

Вот, смотри, как примерно тест-кейс записать можно:

Сценарий: Проверка главного экрана на устройстве с малым экраном
Дано: Приложение установлено на iPhone SE (2-го поколения)
Когда: Пользователь открывает главный экран
Тогда:
    - Все ключевые элементы видны без необходимости скролла "вправо-влево"
    - Текст в карточках продуктов полностью читаем, не наезжает на другие элементы
    - Кнопка "Купить" имеет достаточный размер для нажатия
    - При повороте в альбомную ориентацию контент адаптируется корректно

Вот и вся магия, блядь. Кажется, ерунда, но если этим пренебречь — пользователи разнесут твой продукт в пух и прах, потому что нихуя не удобно. А нам такое надо? Вот именно, нихуя.