I create a tree table to use on our platform. We are currently using chevrons for our expand / collapse buttons, and by doing a lot of research on the UX columns, I have decided that the chevron should point in the direction that a user can expect it to be. let the action happen.
So, for example, the chevron is turned down if an accordion box is collapsed – indicating that if the user clicks on it, it expands. For a side panel anchored to the left, the chevron points to the right when it is collapsed, indicating that when you click on it, the panel expands to the right.
My dilemma that I am trying to solve now is – we are adding a tree table function to our data grids. This means that I will have to add an expand / collapse button. Each example of a tree table that I have seen has a chevron oriented to the right when the line is collapsed and downwards when it is expanded. At previous meetings, most agreed that it was also the most intuitive and familiar.
Just a few examples of tree tables using the right / bottom chevron direction:
So, I am currently leaning to go against our chevron direction rule for tree grid applications, in favor of going with the more familiar / intuitive for most users. But curious to know if anyone has any other ideas about it.
In addition, it should be noted that using a plus / minus button would be ideal here, but not an option as our table also uses check boxes to select rows, and the placement of buttons and expand / collapse check boxes will be close to each other, so we want to avoid two different types of clickable box shapes. In addition, the "undetermined" state of the check box would be too similar to a minus icon.