First of all, my apologies if my language is not great (English is not my first language). Also if I have missed other questions/threads on this subject, please let me know. Any help would be greatly appreciated. I will try to be to the point but give enough context. Apologies if the text/questions are still a bit long!
For an online (e-learning) platform I am working on consistency and clarity of tables. We have tables that show teachers information about the students.
A situation: a teacher goes to an overview screen of a class. A table shows the students (a student on every row) and the domains of the subject per column (for example: in English one might have grammar, words, reading etc.). The teacher can see the progress per domain. If one or more students are underperforming on a domain the teacher can zoom in on that domain to find out where in the domain the issue(s) are. When the teacher zooms in, the table will show the components of the parent domain per column. The zoom action can be performed in two ways: through a dropdown menu above the table in which one selects the domain to zoom in on or through clicking on the domain name in the table head.
See images for table as it is now:
overview of domains in subject:
The problem: in my mind there are two. 1. It seems unconventional to zoom in by clicking on the table head. Users might not expect to zoom in this way. Also with other interaction in that area (sorting arrows on the right) seem to create some friction for the usability. Looking at Material Design principle I couldn't find anything along these lines of interactivity. And I couldn't find anything saying that you should NOT do this. So my question: is this method of zooming in a no-go? Are there things I should be aware of?
2. If we continue with the current approach, we want to make it clear that there is interactivity there AND hint at what will happen on a click. I am still in the search for a 'holy grail' to do both these things. Below a few of the things I have tried. Feedback and tips on these would be much appreciated.
The icon here might help show that one can zoom in. Although in other applications the icon is used to zoom in the other sense: enlarging what you are looking at. This might communicate the wrong concept.
Buttons within the table might communicate interactivity, but don't say what will happen on a click.
Link form with a pink hover. The arrow icon might communicate that one is moving to another screen/moving on.
Hopefully I create a somewhat comprehensive story and questions. If any clarification is needed I am happy to do so!