Let's say you are building a website and you want to display 2 related sets of information.
The first set is often brief while the second set is the detail. Ex: table of content vs article, product brief vs product detail, movie introduction vs movie details...
If your boss wants to display both set of information on one webpage, then how you design your page?
In my opinion, there are 2 ways to design this, supposing the height of the screen is 700px:
Option 1: put the first set of info into a top fixed panel (height = 350px) with a scroll bar & then put the second one a bottom fixed panel (height = 350px) with a scroll bar. See this picture.
Option 2: Put both sets into one fixed panel (height=700px) with scroll bar like this picture
For Option 1, the first set & second set are separated, so the users can see 2 parts separately
For Option 2, they see all of the first set. They may need to scroll down to see the second set.
Which option is simple & brings the best user experience to the users?