Pattern #90: Scalable Thumbnails

Pattern Author: Erin Weigel - Principal Designer @ Booking.com

Experimental Pattern

Without any backing test results - for now at least.

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.

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.