User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
I'm in the process of designing the layout of content on a product page of an Ecommerce website. Included is information such as product details, specifications, fine print, shipping, returns, etc.
I've noticed that a lot of ecommerce websites divide their content up through the incorporation of tabs (see below)
But i've also noticed that content is also laid out in visible sections on the page, like below
Any suggestions as to which layout might be better?
The decision might depend on two things:
If the content behind every section is very large the user probably won't notice each of the sections in the version without tabs. This is because not everyone will scroll down to finish reading this section. But if you hide your content behind tabs also not everyone will see the sections when scrolling down and the tabs get out of the viewing range.
This is my proposal: If the content behind every section is not too large so that it would hide important parts at the foot of the page then combine both versions. Make a click on each tab scroll down to the selected section. This way the user will notice each of the tab-headlines and none of the sections get visible only on click. It's something like the scrollspy example from bootstrap. This might be improvable by showing the tabs fixed (on the right or left of the page) when they get out of the viewing range again.
Split test it. You know what they say about opinions, right? ;)
Make two variations. Run a test for a few days and see which one converts better.
