A size of user interface elements is an important consideration for any application. Touch UI provides a user-configurable setting Display Density that allows changing the density of text to satisfy personal preferences.
Application automatically selects Comfortable display density on mobile devices to provide a touch-friendly user interface.
Display density is set to Compact on desktop devices that do not have a touch-enabled screens.
Choose option Menu / Settings / Display Density / Compact to change the display density to Compact.
The screen shots show Comfortable and Compact lists of products side-by-side on iPhone 5.
![A list of products displayed in 'Compact' density in an app with Touch UI on iPhone 5. A list of products displayed in 'Compact' density in an app with Touch UI on iPhone 5.](/blog/2014/05/display-density-in-touch-ui-apps/image04.png)
These screen shots compare Comfortable and Condensed lists of products.
![A list of products displayed in 'Condensed' density in an app with Touch UI on iPhone 5. A list of products displayed in 'Condensed' density in an app with Touch UI on iPhone 5.](/blog/2014/05/display-density-in-touch-ui-apps/image08.png)
This is a screen shot of the same product list on Surface 2 displayed with Compact density.
![A list of products displayed on Surface 2 tablet in 'Compact' density in an app with Touch UI. A list of products displayed on Surface 2 tablet in 'Compact' density in an app with Touch UI.](/blog/2014/05/display-density-in-touch-ui-apps/image10.png)
Condensed display density works best on desktop computers. Mouse pointer makes it easier to hit smaller user interface elements. This display density must be explicitly selected by a user.
Next screen shot shows a “condensed” list of products on a desktop computer displayed in IE 11 on Windows 7.
![A list of products displayed with 'Condensed' density on a desktop computer in IE11. A list of products displayed with 'Condensed' density on a desktop computer in IE11.](/blog/2014/05/display-density-in-touch-ui-apps/image12.png)
This is a “condensed’' rendering of products shown in “Grid” style in IE 11 on Windows 7.
![A list of products displayed with 'Condensed' density and 'Grid' style on a desktop computer in IE11. A list of products displayed with 'Condensed' density and 'Grid' style on a desktop computer in IE11.](/blog/2014/05/display-density-in-touch-ui-apps/image14.png)