Loading
When buying a stock on Trading 212, you’ll see a green ring representing how much of your available funds you’re spending.
Behind this Bite
This frames your investment, and may make it easier to do things like "okay, I'll invest 25% of my funds in this", without actually having to work out a specific dollar value.
AI insights
Insights
Framing is how information changes user perception. The green ring frames your investment as a percentage, so users can judge risk and avoid overinvesting without extra math.
Cognitive Load is the mental effort needed to complete a task. The visual ring reduces cognitive load, so users quickly see how much they're spending, making investing feel simpler and less stressful.
Robinhood uses circles to show portfolio breakdowns. Both apps use visual cues to help users understand their investments at a glance, which can boost confidence and reduce mistakes.
Progressive Disclosure means revealing complexity over time. The slider and ring let users adjust amounts and see effects instantly, so they aren't overwhelmed by numbers or options upfront.
Freetrade adds context with clear status pop-ups. Both Freetrade and Trading 212 show key info visually, so users know exactly what's happening and feel more in control of their money.
Related psychology:
Impacts:
UI Components:
Posted 04/10/2025
More Bites
You invested at this price
When looking at a stock chart, Trading 212 will show a line for your average position cost.
Free Newsletter
World-class UX, one week at a time
There are more than 40,000 designers, developers and product teams who trust BFM to explain why things work. Join them.