Product title

Component Description#

MD-XSLG
preview-xspreview-xs
  • Use font size for better scannability
  • products across list items should always include same product attributes consistently
  • order in which attributes are presented is important as users need to be able to scan and compare items 

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

DosDon'ts
--
  • Visually structuring the headline in a "Title:Subtitle" format where the main product title is given first and the key features (attributes) are given after to immediately provide an overview of the product suits the users needs.
  • Always provide one or more key product features in the headline with the most important features directly following the product title.

  • Make sure to always include product attributes/key features to guarantee scannabillity and allow users to immediately understand if the product fits their needs.

  • Avoid relying on vague, misleading or overly technical product headlines

Accessability, WCAG#

Text/Color combination is already according to WCAG requirements.

Source references#

  • Baymard Research 202104PPROProduct title...