We have two lists on our website. One on the left listing activities, one on the right listing resources.
- When clicking on an item on the left list, more information about the activity is displayed and some resources are highlighted on the right.
- When clicking on an item on the right list, the user is redirected to the dedicated resource webpage.
After clicking on the Activity 1:
Our first UI tests with non-experienced users are pretty bad. They understand that the lists are connected only after clicking around 4 or 5 times.
How can we improve, graphically, the webpage so the user instantly understand that these lists are connected?