Be ready for all screen sizes
Stay organized with collections
Save and categorize content based on your preferences.
A minimum quality bar for experiences across all screen sizes on Wear OS
The first step in creating a great app for Wear OS is making your app ready
for all screen sizes. This means testing your app across a range of target
screen sizes and identifying and fixing any obvious bugs.
At this stage, your app's layout might not be ideal, but the app doesn't have
obvious visual or interaction issues, and users can complete all task flows.
Common issues to look out for
- Issues with top, bottom, and or side margins
- Clipping of text, buttons, or other components
- Improper component adaptation
- Inconsistent scaling of UI elements
check_circle
Best practice
Check to make sure your app has no obvious bugs across screen
sizes.
cancel
Watch out for
- Awkward alignments or spacing.
- Proportionally
scaling up the UI contents.
Next step: responsive and optimized
Apps that are responsive and optimized utilize responsive layouts that
automatically adapt to different screen sizes, offering some additional value to
users and providing a productive, engaging user experience.
Get started
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2024-06-27 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{"lastModified": "Last updated 2024-06-27 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-06-27 UTC."]]
