

Task panel panel UI – how do you read it?
Hey all! I’m designing active task cards for my game. Players use these cards to track the resources required to complete a task.
The three cards show different states:
- No requirements completed
- One requirement completed
- All requirements completed
The UI was designed in Figma and implemented in Godot. The target audience is desktop players who enjoy management and automation games.
I’d appreciate feedback on:
- Is the progress clear at a glance?
- Are completed and incomplete requirements distinguished enough?
- Is the relationship between each number and its resource icon obvious?
- Does the visual hierarchy work, or does anything attract too much attention?
The main reference for this design was a panel from another game (shown in the second image). However, I don’t like that it replaces the resource amount with a checkmark once the player has collected enough.