I have the following table design for PC. How can I make it easier to see that "ddd", "eee", and "fff" are groups of "CCC" in mobile view?
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.Sign up to join this community
I think the problem lies in the origin, not the destination.
The hierarchy ranks in the original table are given by position, typographic style and color, except in the second hierarchy, which maintains the same color as the first.
By modifying just this, you already have much of the problem solved. In this extremely simple example, there's an indentation to accentuate it:
Hierarchies in a landscape table are more evident because the eye follows the reading order:
In a vertical table one of these readings is eliminated so hierarchies must be emphasized by other means. The visual contrasts is the design tool for those cases. With very simple design tricks you can get better results: