Logo of UI Challenges
Sign in
Wireframe example for Sorting & Filter Controls
An example interpretation of the prompt
Icon of target

Sorting & Filter Controls

Icon of book open

Design the inventory sort and filter controls for a game loadout screen. The player should be able to switch the item order by type or rarity, and narrow the list by category without losing their place in the grid.

This lives inside a crowded inventory view, so the controls need to feel native to a game UI: compact, readable at a glance, and easy to hit with a controller, touch, or mouse depending on the platform.

Show how the active sort and filter states are represented while the inventory stays visible. The player should always know what is currently applied before they change gear or compare items.

The interesting part is balancing speed and clarity: sorting changes the whole list, while filtering reduces it. The control set should make those differences obvious without taking over the screen.

Icon of book open

Use distinct visual treatments for sort order and filter state so a player can tell “how the list is arranged” from “what is currently hidden.”

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.