Short description

MD-XSLG
preview-xspreview-xs

Component Description#

  • insert a teaser description within the fold, typically just 2-3 lines of text or bullets, that highlights the core purpose of the product and acts as a teaser for the full product description further down the page (basic information about the benefits)
  • making sure the product description contains enough information to justify the use of a teaser to begin with
  • Emphasize/Highlight USPs (above the browser fold)

    • Added value of a product should be immediately visible for the users in order to avoid that the users need to make this effort by themselves

Recommendations of Use – Do's and Don'ts#

DosDon'ts
do-pdp-layer-XSdonts-pdp-layer-XS
  • Use short and concise sentences in order to make them scannable. Phrases should directly and emotionally address the customer. It is recommended to keep it that short that on mobile devices the message will not exceed 1 row due to the limited viewport.
  • Focus on USPs and valuable content which clarifies most user questions without making them scroll down to full desc.
  • Long sentences are harder to scan and require too much cognitive effort.

Source references#

  • 202104PPROProduct title...