[Problem] See person/group details

[simontegg]

As a user I want to see a person or group's information

[ahdinosaur]

related issues: holodex/holodex#8 and holodex/holodex#9.

[simontegg]

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.

[simontegg]

Similarly Kumu uses a slide over but this time from the right

[simontegg]

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

[simontegg]

Twitter (and FB) has recently introduced a mini profile, mega-tooltip on hover over a user's avatar:

[simontegg]

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

[simontegg]

My preference is for twitter-style tooltip mini profiles, Advantages compared to slideovers:

1. The slideover solution requires a change from 1-click navigate-to-agent to something else. Probably 1 click activate view details in side pane, further click to navigate or navigate from side pane and/or double click to naviagate if inactive.

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.

1. Slideovers bring the eye away from their target
2. Large slideovers obscure the graph. To unobscure the user must collapse them, then their functionality is not available until reactivated.

Disadvantages:

1. Hover doesn't work on mobile. The mobile version will need another solution

[ahdinosaur]

for full disclosure, so far i've been pushing for:

• clicking on an agent selects them, which brings up additional information on them
• clicking on the selected agent makes them the context agent, which navigates to them as the focus and re-draws the rest of the graph appropriately

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.