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
-5
-4
-3
-2
-1
0
+1
+2
+3
+4
+5
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

?

Engagement

Ex: Any Action / Visit

?

Conversions

Ex: Signups, Leads

(1 tests)

?

Sales

Ex: Transactions, Upsells

?

Revenue

Ex: AOV, LTV

?

Retention

Ex: Return Visits

?

Referrals

Ex: Social Shares

Tests

Pattern #59: Inverted Or Consistent Button Styles
Was Tested On Reverb.com by Nicholas Evans

Test 154 Tested on Reverb.com 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.