What are UX Essentials?

The User Experience Essentials is a collection of best style practices and pattern building guidance, authored specifically for creators working on building Unity Editor experiences.

This collection is designed to help you catch common problems early, so you don’t have to waste time iterating late in the development process.

Empty States

Essential guidance on effectively using empty windows.

When to disable controls or hide them altogether
Blue plus sign icon indicating that clicking on this will expand this content

Interactions

Guidance on interaction state and methods in the Editor.

Sliders, numeric fields, and toggles can be interacted with via their label
Blue plus sign icon indicating that clicking on this will expand this content
When to disable controls or hide them altogether
Blue plus sign icon indicating that clicking on this will expand this content
Only use link labels for opening external applications
Blue plus sign icon indicating that clicking on this will expand this content

Labels

Guidance on proper usage of labels.

Sliders, numeric fields, and toggles can be interacted with via their label
Blue plus sign icon indicating that clicking on this will expand this content
In Inspector-like windows, input controls should have labels and tooltips
Blue plus sign icon indicating that clicking on this will expand this content
Only use link labels for opening external applications
Blue plus sign icon indicating that clicking on this will expand this content

Resources and API documentation

Overlays

Top guidance about using Overlays in the Scene view.

Use shortcuts for "Open Overlays Menu" and "Toggle Overlays"
Blue plus sign icon indicating that clicking on this will expand this content
Use the presets to save and reset your overlays
Blue plus sign icon indicating that clicking on this will expand this content
Right-clicking on an overlay header lets you see overlay options
Blue plus sign icon indicating that clicking on this will expand this content

Resources and API documentation

Tooltips

Essential guidance on tooltip usage in the Editor.

In Inspector-like windows, input controls should have labels and tooltips
Blue plus sign icon indicating that clicking on this will expand this content
Tooltips are written in clear, complete sentences
Blue plus sign icon indicating that clicking on this will expand this content

Typography

Basics of typography and text styling in the Editor.

Only use link labels for opening external applications
Blue plus sign icon indicating that clicking on this will expand this content

Windows

Essential guidance about windows in the Editor.

Adapt your content layout for various window sizes
Blue plus sign icon indicating that clicking on this will expand this content
Dockable windows include tabs and window menus
Blue plus sign icon indicating that clicking on this will expand this content
Dockable windows remain functional through Editor restarts
Blue plus sign icon indicating that clicking on this will expand this content
The interface should support the set min and max sizes of the window
Blue plus sign icon indicating that clicking on this will expand this content