Pattern #90: Scalable Thumbnails

Pattern Author: Erin Weigel - Principal Designer @

Experimental Pattern

Based on imagination. But just how long until someone tests it? :)

Scalable Thumbnails
  1. Scalable Image Size Padding

    This pattern suggests to make use of slighly smarter thumbnail sizes by minimizing their surrounding padding. This way images try and fill their surrounding as much as possible - space permitting.

  2. Scalable Resolution Load Time

    Secondly, the thumbnail image resolution should also scale with the container size (smaller images on smaller screens and larger images on larger screens). This way, the UI only displays a higher resolution if the user can benefit from it.

Median Effects



Ex: Any Action / Visit



Ex: Signups, Leads



Ex: Transactions, Upsells






Ex: Return Visits



Ex: Social Shares

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.