Мобільний інтерфейс повинен залишатися читабельним не лише на макеті дизайнера. Користувач може збільшити системний шрифт, змінити контраст, увімкнути озвучення або дивитися на екран у яскравому світлі. Якщо layout розвалюється, проблема є продуктовою, а не особистою.
Типографіка, що масштабується
Використовуйте відносні розміри та перевіряйте довгі заголовки, локалізований текст і збільшений інтерліньяж. Не обрізайте зміст заради точної висоти картки. Користувач повинен бачити повну назву, помилку та основну дію.
Контраст — не тільки чорний і білий
Перевіряйте текст, іконки, межі полів, disabled-стани та повідомлення про помилки. Колір не повинен бути єдиним способом повідомити статус: додайте підпис, форму, іконку або позицію.
Android guidance радить будувати послідовний і адаптивний досвід для різних форм-факторів і налаштувань. На практиці це означає перевіряти не один скріншот, а набір станів і сценаріїв.
- Збільште системний шрифт до максимального значення.
- Перевірте довгі локалізовані рядки.
- Вимкніть кольори й перевірте, чи зберігається сенс.
- Перевірте фокус, озвучення та область натискання.
Доступна типографіка рідко вимагає складних рішень. Найчастіше вона потребує дисципліни системи компонентів і готовності не жертвувати змістом заради декоративної точності.
Джерело: Android Developers: What a great user experience looks like.
