UI Elements
Notification Badge: Number or Dot A/B Test Example
A count communicates how many items need attention. A dot signals something new without giving a quantity. A count may clarify the task or make it feel larger; compare both displays for the same real pending items and use the same clearing rule.
A/B test scenario. This page is a test plan, not the result of a real experiment.
- UI elements
- Visit rate for the indicated section
Option A vs Option B
Two alternatives; neither is the incumbent.
- Changed
- Options
- Page
- UI elements
- Difference
- changed
Hypothesis
If the badge shows the number of pending items, users see how much is waiting and may open the section with a clear purpose; a plain dot only says something is new. A count could bring a higher visit rate for the indicated section than the dot when it clarifies the work, or fall behind it when it makes the work feel larger.
Test plan
When to run this test
Low section visits while the badge is showing, user research where people ask what the badge means, or support tickets about pending items that went unnoticed mean the notification badge is either missed or misunderstood. If the count clarifies the work, users who see it enter the section and complete the pending task; if it makes the work feel larger, visits run higher with the dot. Before launch, confirm the badge appears only for real pending items and that users can clear it by reading or dismissing them.
How to measure success
Visit rate for the indicated section
Compare visits to the section indicated by the badge among eligible assigned users.
Also track
- Action completion rateCompare completion of the predefined task in the indicated section.
- Badge interaction rateReport visits to the indicated section; a visit alone does not prove the task was completed.
- App or site exit rateCompare exits within the same session window.
How to set it up
- FormatCompare a numeric badge with a dot for the same pending state.
- Count rangesReview predefined ranges based on actual pending-item counts.
- ClearingKeep the same read or clear behavior.
- PlacementKeep the same control and position.
- DeviceCheck readability and discoverability on mobile.
What to watch when reading the result
- 1Do not call either format a winner just because the visit rate or the badge interaction rate is higher; tapping a badge does not mean the task got done. Check whether the difference carries through to the action completion rate in the indicated section, and confirm the app or site exit rate does not rise.
- 2Read the result separately for the predefined ranges of real pending counts, since a few items and many items may draw different reactions. Check that both formats can be noticed without relying on red color alone, and review readability on mobile screens. Do not carry the result over to badges on other controls or positions without testing them there.
- 3Once you split the result by count range, each range on its own is a small group, so differences there can easily stay unclear. Set the number of users per arm that each range needs before launch with the sample size calculator.
Frequently Asked Questions
Does more section traffic mean the numbered badge won?
No. Use completion of the predefined action in the destination section. Badge interaction alone does not establish task completion.
Can the pending-item count affect the result?
Yes. A number may clarify the work or make it seem larger. Review predefined ranges of real pending counts and compare exits over the same session window.
Which badge-design mistakes should be avoided?
Do not invent pending work. Avoid relying only on red, provide a way to clear the badge and check mobile readability and discoverability.
More tests in UI Elements
All testsAdding a Live Chat Button to the Page: A/B Test Idea
UI elementsPurchase conversion rate (CR)
A live chat button on screen against no button at all, written up as an experiment example with both arms, the space trade-offs and the tracked KPI.
Auto-Opening the Live Chat Window: A/B Test Example
UI elementsPurchase conversion rate (CR)
A closed chat button in the corner versus a window that opens by itself. This experiment example covers both arms, the interruption risk and the KPI.
Presenting Information as a Table or as Cards A/B Test
UI elementsSelection completion rate
The same information laid out as a comparison table or as independent cards. See both arms of the experiment, the scanning trade-off and the KPI.
