The goal is to implement a progressive information flow when interacting with a profile, so users can gradually access more details step by step
The Steps:
Initial View — Basic Info:
When a user sees a profile they only see basis information: name, surname, and avatar.
when the user hovers over the profile, a profile card will appear
We need to determine what should happen if the user clicks on the name or avatar directly from this state, instead of hovering.
On Hover — Profile Card:
When the user hovers over the profile, a hover card appears, showing more detailed information
Click on name — Open Sidebar for More Details:
If the user wants to explore further, they can click to open a sidebar, which contains an extended profile summary
Note:We need to analyse and define the exact behavior for both:Click on avatar → behavior needs to be clarified: should it open the sidebar as well, or trigger a different action?
Final Step — Full Profile Page:
From the sidebar, the user can choose to navigate to the profile page
At every step, we need to do analysis and define what happens when the user clicks on the name or avatar.
