I'm creating a tree table for use on our platform. We currently use chevrons for our expand/collapse buttons, and in doing a lot of research across UX forumns, I decided on the rule that the chevron should point in the direction a user can expect the action to happen.
So, for example, the chevron faces down if an accordion box is collapsed - indicating that if user clicks it, it expands down. For a left-docked side panel, chevron points right when it's collapsed indicating that when clicked, panel expands right.
My dilemma I'm trying to solve now is - we are adding tree table function to our data grids. Meaning, I'll need to add expand/collapse button. Every example of a tree table I've seen has chevron facing right when row collapsed, and it faces down when it is expanded. In prior meetings, most agreed that was also the most intuitive and familiar.
Just a few examples of tree tables with right/down chevron direction use:
https://experience.sap.com/fiori-design-web/tree-table/ https://demos.devexpress.com/ASPxGridViewDemos/MasterDetail/MasterDetail.aspx https://docs.sencha.com/extjs/4.2.1/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#tree-grid
So, I'm currently leaning towards going against our rule for chevron direction for tree grid applications, in favor of going with most familiar / intuitive to most users. But curious if anyone has any other thoughts on this.
Also, worth noting - using a plus / minus button would be ideal here, but not an option as our table also uses checkboxes for selecting rows, and placement of expand / collapse button and checkbox will be near each other so we want to avoid two different types of clickable box shapes. In addition, the "indeterminate" state of checkbox would look too similiar to a minus icon.