Pattern #90: Scalable Thumbnails

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

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

?

Engagement

Ex: Any Action / Visit

?

Conversions

Ex: Signups, Leads

?

Sales

Ex: Transactions, Upsells

?

Revenue

Ex: AOV, LTV

?

Retention

Ex: Return Visits

?

Referrals

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.