---
title: Usage
position: 2
seo_title: Guidelines for Using the AppBar Component
seo_description: Get the knack of the Telerik and Kendo UI AppBar and learn how
  to use the sizing options of the component by following the instructions and
  recommendations in the usage guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI AppBar requires you to follow some basic principles when using the component.

### Title

Keep the titles of your AppBar as short as possible. This will make it easier for users to find their way around and save you headaches later when you try to fit everything into the design.

<DosDonts>
<Do description="Choose concise AppBar titles to enhance user orientation and simplify design integration.">![A Telerik and Kendo UI AppBar with a concise title](images/components-appbar-usage-title-do.png "Use concise titles when working with the Telerik and Kendo UI AppBar.")</Do>
<Dont description="Avoid using excessively long AppBar titles, as they can hinder user comprehension and create design difficulties.">![A Telerik and Kendo UI AppBar with a too long title](images/components-appbar-usage-title-dont.png "Don't use too long titles when working with the Telerik and Kendo UI AppBar.")</Dont>
</DosDonts>


### Action Prioritization

By prioritizing the presentation of everyday interactions and discreetly hiding less frequent ones, you create a path to a more seamless user journey. An elegant AppBar not only simplifies the user experience but also eases the cognitive load by reducing the number of decisions users must make.

<DosDonts>
<Do description="Prioritize essential and commonly used interactions in the AppBar to streamline the user experience and minimize decision-making.">![A Telerik and Kendo UI AppBar including the most used buttons](images/components-appbar-usage-action-prioritization-do.png "Prioritize the action buttons when working with the Telerik and Kendo UI AppBar.")</Do>
<Dont description="Avoid cluttering the AppBar with less common or infrequently used options, as this can complicate the user journey. Consider relocating them to the options menu.">![A Telerik and Kendo UI AppBar with too many action buttons](images/components-appbar-usage-action-prioritization-dont.png "Don't add too many action buttons when working with the Telerik and Kendo UI AppBar.")</Dont>
</DosDonts>