Hopefully I can explain it well, but we provide products on our website, which have a lot of product details available. But for most of the people, it's mainly about the key features. And as we have a lot of other important information available, we don't want to clutter the user experience with the full list until it's necessary for users.
So, I want to show a summarised / highlighted version of the product details and provide a clickthrough towards the full list of product details. On mobile, this is easy to solve, with a modal/dialog-view for the full-list popping-up, but on desktop, I'm not sure what's the best practice.
As of now, I have the following options in mind: 1. Highlighted features with a CTA that anchor-links down the page for the full-list. -- This has the benefit that you can create structure in both components, but anchor-linking is generally not something that users expect or like (assumption)
- Show highlighted features with an expand CTA that expands the component into the full list. -- Keeps the user at the current position, but can create discrepancy between the collapsed & expanded version
Does anybody know any best practices for this kind of behaviour on large viewports? It's sort of an accordion, in which you already show highlighted aspects of the content within in collapsed view.