Stay organized with collections
Save and categorize content based on your preferences.
Apps that are adaptive and differentiated create a user experience that
isn't possible on devices with smaller screens.
These apps use new layouts, implemented at a key screen size breakpoint, to
derive additional value for users of devices with larger screens, enabling a
user experience that devices with smaller screens can't match.
Add value by applying new layouts and templates
Adaptive layout differentiated apps follow adaptive design practices but
also utilize breakpoints to apply different layouts and create an even richer
experience for users of devices with substantially larger screens, as shown in
the following examples:
Add new glanceable information.Add more tappable affordances.Increase the information density of graphs and charts.Adjust component behavior or design with the use of breakpoints to
fill the available space.
Use breakpoints on Wear OS
Utilizing a breakpoint at 225 dp can help optimize layouts across a range of
sizes.
See the Compose and Tiles implementation guidance for differentiated
layouts.
check_circle
Do
Think big.
Design custom layouts and
behaviors at 225 dp and larger.
cancel
Don't
Settle for less.
Design for just one device
size.
Let your app be unremarkable.
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 2025-05-20 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 2025-05-20 UTC."],[],[],null,["# Adaptive and differentiated\n\nApps that are **adaptive and differentiated** create a user experience that\nisn't possible on devices with smaller screens.\n\nThese apps use new layouts, implemented at a key screen size breakpoint, to\nderive additional value for users of devices with larger screens, enabling a\nuser experience that devices with smaller screens can't match.\n\nAdd value by applying new layouts and templates\n-----------------------------------------------\n\nAdaptive layout differentiated apps follow [adaptive design practices](/design/ui/wear/guides/foundations/adaptive-layouts) but\nalso utilize breakpoints to apply different layouts and create an even richer\nexperience for users of devices with substantially larger screens, as shown in\nthe following examples:\nAdd new glanceable information. Add more tappable affordances. Increase the information density of graphs and charts. Adjust component behavior or design with the use of breakpoints to fill the available space.\n\nUse breakpoints on Wear OS\n--------------------------\n\nUtilizing a breakpoint at 225 dp can help optimize layouts across a range of\nsizes.\n\nSee the [Compose](/training/wearables/compose/screen-size#breakpoints) and [Tiles](/training/wearables/tiles/screen-size#breakpoints) implementation guidance for differentiated\nlayouts. \ncheck_circle\n\n### Do\n\n- Think big.\n- Design custom layouts and behaviors at 225 dp and larger. \ncancel\n\n### Don't\n\n- Settle for less.\n- Design for just one device size.\n- Let your app be unremarkable."]]
