Keep the size of your sections balanced. Do not create too big or too small sections.

When the contents of one section affect the contents of another section, use action sets to refresh specific layouts instead of refreshing entire sections.

Avoid the use of dynamic layouts for the following elements:

Avoid indicating column width by percentage-based values in layouts.

Optimize your layouts to remove excess markup and to make your UI more lightweight and faster.

Use expressions for visibility conditions, especially client-side expressions, instead of when rules.

For single-column rows of data without headers, use repeating dynamic layouts.

For multi-column rows of data and single-column rows with headers, use optimized tables.

Use wrapper activities to consolidate actions in action sets.

Optimize the number of layouts by using CSS Flexbox layouts.

Use basic UI elements correctly:

• Use buttons to perform a task on the current screen, for example, submit a form or open a modal window.
• Use links to navigate to another area, for example, a help article.
• Use icons as decorative elements that make your UI more intuitive.
• Use icon classes instead of images to render icons.
• For interactive elements, use buttons in icon format instead of icons.

Avoid obsolete layouts, which are unsupported and code-heavy, and use more recent solutions.