UI / UX: Оптимізація додатку під найбільш поширені розміри екранів користувачів

[ndrhzn]

Розподіл користувачів за типами пристроїв

Device category	Share of users
desktop	81.61%
mobile	18.11%
tablet	0.26%
smart tv	0.01%

Розподіл користувачів за розмірами екранів

Screen resolution	Share of users
1920x1080	19.64%
1536x864	13.01%
800x600	12.81%
1280x720	6.38%
1440x900	5.76%
1366x768	5.71%
1280x960	4.01%
390x844	2.47%
393x873	1.60%
1280x800	1.40%

Що потрібно зробити

• Виділити ті розміри екранів, на котрих ми хочемо зосередится (наприклад, 390x844 та 393x873 можемо проігнорувати)
• Відтестувати додаток на предмет коректності відображення на обраних розмірах екранів
• Визначити, що саме потрібно виправити для кожного обраного розміру екрану

[ndrhzn]

@a-radik, нагадайте будь ласка, для яких розмірів екрану зараз оптимізується або ж супроти яких розмірів тестується мешап під час розробки?

[ndrhzn]

Для тестування можна використовувати або Developer Tools у браузері, або ж наявні спеціалізовані інструменти на зразок Screenfly.

[a-radik]

Перевіряяємо для ширина 1200 і більше, але має працювати і з меньшою шириною, хоча там можуть виникати деякі проблеми.