Navigation

The Optimal Spacing for Dropdown Menus

Many dropdown menus are hard to use. They have poor usability due to the lack of spacing between menu items. A common mistake is only to provide spacing for the item cells but nothing else.

This example shows a menu with four items and four cells with equal spacing. While this seems reasonable, a dropdown menu needs more spacing than that for optimal readability and touchability.

Notice how the labels for the top and bottom items are too close to the top and bottom edges. As a result, those labels become harder to click and read than the middle ones.

Subscribe to read the full article

Become a paying subscriber of UX Movement Newsletter to get exclusive access to this article and other subscriber-only content.

Full article Subscribe


Book

Affiliate

elegant wordpress themes

Leave a Reply

Your email address will not be published. Required fields are marked *