Open simontegg opened 9 years ago
related issues: https://github.com/open-app/holodex/issues/8 and https://github.com/open-app/holodex/issues/9.
There are several solutions to this problem depending on its scope. I'll introduce some examples and discuss how they might apply in Holodex. First: Polinode
Polinode uses a right side slide-over to display more information. Hovering over a node brings up the name, Clicking on a node makes the name 'sticky' and brings up further details in the slide-over panel as well as a search bar. The slide over can be dismissed.
Similarly Kumu uses a slide over but this time from the right
Knight Foundation trends in civic tech
Uses a connected mini left-side-panel on hover
Note: Node cluseters expand on click and contract on "(-)" icon click
Twitter (and FB) has recently introduced a mini profile, mega-tooltip on hover over a user's avatar:
Google maps uses 1 click to bring up more details and hover over an icon to bring up a smaller tooltip
It also uses a double click to zoom
My preference is for twitter-style tooltip mini profiles, Advantages compared to slideovers:
Its possible we could use zoom to navigate; ie if the agent is near the centre f the zoom we could bring in their relationships at particular zoom levels and hide them on zoom out. Similar to how maps gives you more or less detail at different zoom levels. This seems best suited to hierarchical data though (like geodata).
I believe 1-click-to-navigate has tested well, and that making navigation as easy as possible should be a priority, especially for a data-centric app where there will be a lot to navigate.
Disadvantages:
for full disclosure, so far i've been pushing for:
this has the effect of 'double-click-to-navigate'.
but that being said, i'm happy to follow your lead @simontegg on this, you bring up valid points. i do see value in making navigation as easy as possible, and on desktop we do have both hover and click to work with.
As a user I want to see a person or group's information