
Item Comparison Tooltip
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.
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.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.