Pattern #59: Inverted Or Consistent Button Styles

Pattern Author: Nicholas Evans - Director of UX @ Reverb

Based on 1 Tests, Members See How Likely This Pattern Will Win Or Lose And Its (?) Median Effect

Almost Certain Loser
Almost Certain Winner
Inverted Or Consistent Button Styles
  1. Consistent Button Styles Consistency

    The pattern suggests to use consistent button styles instead of mixed or inverted styles. A consistent button style looks the same across a complete page. Alternatively, a mixed use button style breaks away from this convention. For example, the A version on the left has inverted colors bringing more attention to the background itself than the button.

Median Effects



Ex: First Action



Ex: Leads, Quotes



Ex: Trials

(1 tests)



Ex: Future Action



Ex: Transactions






Ex: Return Visits



Ex: Social Shares


Test #154 Tested on by Nicholas Evans Nicholas Feb 20, 2018

Find Out How It Performed With 725,114 Visitors

Product Desktop, Mobile
  • Measured by successful form submits on next page   |   p-val (?)

Get Access To See The Test Results

For each pattern, we measure three key data points derived from related tests:

REPEATABILITY - this is a measure of how often a given pattern has generated a positive or negative effect. The higher this number, the more likely the pattern will continue to repeat.

SHALLOW MEDIAN - this is a median effect measured with low intent actions such as initiating the first step of a lengthier process

DEEP MEDIAN - this is derived from the highest intent metrics that we have for a given test such as fully completed signups or sales.