I am currently working on improving the usability of a new landing page. During the usability testing, I notice that users couldn't get more information out from the tab. Each tab represents certain university field and inside each field there are several modules/courses. The goal is to keep the user within the landing page and thus displaying the information regarding the course when the user requested.

The tab is located at the middle of the page and looks something like this: enter image description here

looking at the picture, if the user clicks on the 'course related to anatomy' then a dialog would appear. My question is

  • Do you think a modal would solve the issue "Though, I dont prefer modal" !.

Please advice. Thank you

  • Why do you need to keep the user on the landing page? Nov 9, 2016 at 9:26
  • @MattO'Keefe I wanted to keep the use in the landing page, so that they can do the required action that we intended/designed for them to do. Nov 10, 2016 at 2:02
  • I would suggest not to keep the user within the landing page and to navigate to different pages as keeping the user on the landing page while presenting diverse information would only lead to more confusion and lack of backtrackability for the user.
    – ikartik90
    Feb 7, 2017 at 13:16

2 Answers 2


Two possible options if you don't wish to go with modal dialog:

1) You can let the content work as accordion

2) Let the user see the whole content on the same page but in different section with a back button, also make sure the functionality works even when the user uses Browser's back button:

enter image description here


The best solution here seems to replace the content of the tab with the course information or make this section a collapsable one, inside the tab.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.