3

I have a table and in the first version of implementation, I had expandable rows with info. In the new version, the client wants expandable sections in the section expanded because it is a lot of info.

What is the best option, in this case, expandable rows (with other expandable sections inside/ just the text), quick view or modal? What case offers a better user experience?

I will add some photos from https://uxdesign.cc/design-better-data-tables-4ecc99d23356 as details for the three cases. enter image description here

enter image description here

enter image description here

|improve this question
0

I would say that the first one is better, but you can also do something like google analytics and use the second one.

Pop-up windows are not a good idea since everyone complains about it all the time online and this is linked with the "Pop-up ads" negative affects in an average user mind.

I would say : Test it. You can try to do some User Research to know if users prefer the first one or the second one. You can do it either by using tools like "hotjar" to look at the user during his interaction and combine it with Google Analytics and Google Tag Manager tool

OR

You could do some classic User Research through observation and UX curves to see what's best.

Also, think about the evolution of your system : Is it better to have a "scroll down" thing (because adding a TONS of info will be not good for your UI maybe?) or a "window from right" (letting you add some new infos that can be useful in a near future).

Also, just thinking about it now as an idea to refine, you could go for a "multiple window" view like in browser : A user can open multiple "tabs" and switch the view to them to see everything he needs (that can be used for comparaison for example).

|improve this answer
  • Thank you for your answer, Rhevan! – Madalina Taina Feb 8 at 12:35
0

The first solution is the best solution for the interaction (I did not have a look to the content). Here is the reason why i think so:

The first solution does not make the user to move the mouse a lot. On klick shows information another click on the same spot closes the information. In a large table like this the user would probably use the mouse as a pointer device to stay oriented on which row she is. By using a modal (either on top or the side) the user is forced to find the last row after every modal to keep on reading the table.

|improve this answer
  • Thank you for your answer, Bruno! My concern with the first solution is that the info could be hard to process if it is not isolated from the table because it is a big section that will have a big height or tabs/ expandable rows. – Madalina Taina Feb 8 at 12:36
  • @MadalinaTaina I did not have a look to the content of the expander or the modals. (The animation is too quick.) The content in the expander should be displayed in a clear and useful (to the user) way - independent of the solution to show this further information. Still, even if the content is very complex, on closing the expander the user has a clear understanding where in the table she has been before and where she is now. And this is not the case with the other options to display the detailed information. – BrunoH Feb 8 at 14:39
0

I prefer the expand option because it feels more intuitive and keeps the eye moving in the same direction as the list. I'd also prefer a hot key (esc) to close the window to avoid scrolling to click and close the modal.

I'm thinking screen size would also be a factor.

Here's an article suggesting best practices and lots of posted comments with helpful feedback. https://uxmovement.com/forms/best-practices-for-modal-windows/

|improve this answer

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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