Prototype: How to Switch View Modes (Round 2)
Alterations and additions:
- The possibility for filtering taglinks and documents for opening documents is added.
- The representation of linked documents in versions 1 and 2 demonstrated in the previous entry are discarded.
- Linked documents are no longer represented as nodes in Vertical and Lateral Mode, but rather as icons, of which there are two versions: preview icon and expand icon.
- Transition animations are divided into steps to indicate that the links in Inventory View split into individual links in Lateral Mode.
Ways of Opening Documents
Inventory View functions as an infographic-like overview of all the documents by conveying information about the size and number of links. From this overview perspective, people should somehow be able to select one or more documents to view in more detail, essentially entering a subset of the docuverse. To that end, a filtering technique is explored. It is possible to filter documents based on their metadata and taglinks based on their labels. In addition, besides selecting a node in Inventory View to open documents, it is also possible to select links to open documents and enter Lateral View.
Selecting Links to Enter Lateral View
As seen in the previous entry, selecting a node in Inventory View opens a single document. It is also possible to open two documents by selecting the links between them. There are two ways of opening documents by selecting links:
- Double-click on links between two nodes opens the two linked documents, and all links are visible between documents.
- Single-click on links between two nodes reveals a menu of the taglinks. Selecting a taglink will open the two linked documents, and only the selected taglinks are visible.
Icons for Representing Linked Documents in Lateral Mode
Hovering on a link in an open document reveals the linked document. There are two versions of how to represent a linked document: an expand icon and a preview icon.
Demo Video
The video below shows how to filter links by selecting #Labels and selecting links to open documents.
Filtering from side menu
Filtering by selecting taglink
The next entry reflects on the representation of linked documents in Lateral View.