Logo of UI Challenges
Sign in
Wireframe example for Item Comparison Tooltip
An example interpretation of the prompt
Icon of target

Item Comparison Tooltip

Icon of book open

Design an in-game comparison tooltip that appears on hover over an inventory item. It should show the hovered item and the currently equipped item side by side, with stats aligned so the difference is immediate.

This lives inside a game inventory or loadout screen, so it needs to feel like a quick read, not a modal. The player should be able to compare damage, defense, speed, or any other relevant stat without losing their place in the grid.

Make the hovered item the focus, but keep the equipped item clearly visible as the baseline. Use visual cues for upgrades and downgrades so the player can tell what changes before they click.

The tooltip should work as a lightweight overlay that can sit near the cursor or selection focus without blocking nearby items. It needs to stay legible against busy game art and dense inventory layouts.

Icon of book open

Group matching stats in the same row and use consistent sign/color treatment for changes, so the player reads the delta before the numbers.

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.