Liquid Space

things to do with Liquid Space

Discussion between Chris and me today as to the next steps for Liquid Space:

Interactions for Adding Data Source

User chooses to add a data source/seed (they can also simply paste this onto the workspace). This dialog appears. Visual change: For the seed dialog #dbd0bd and #a89e8a and use the term: ‘Connect to Data Source’

When the user clicks Connect this appears:

Visual change: Make the buttons blue #bec7e7 add drop and remove the description. Vertical length dependent on relative size:

When user clicks on a lozenge in the step above, the data source turns into an icon. Mouse over or otherwise interact to make this icon show the information again. When lozenges are clicked on/interacted onto the ‘desktop’ they will appear ‘faded’ or missing here:

User can now choose to delete the Southampton seed or not. The user can also in the future click/interact with ‘Categories’ (heading) to see options to show what spawned it/what seed it came from, which may or may not be visible.


When a Category (as in this example) is clicked on/opened, then it will appear as fades/missing/indented in the list, the opposite of a highlight. This is important since thee are only instance of any node, so the missing node visual will appear in any set that shows it.

When you shut a node it will revert to normal view in any and all sets.

Sets to nodes

For reference to when the user comes to a set which lists nodes, not more sets, they are grey, to indicate they will open as grey boxes:


We need to have ways to indicate what relationships are.

  • neutral (line)
  • hierarchy/directional (line with arrow at destination)
  • manually made vs programatic (colour?)
  • light touch (dotted or light grey line)
  • correspondence (similar)
  • categories (line with label on node or on line)


More space around text, a bit more line space, rename to Liquid Space, remove name of arrow:


Leave a Reply

Your email address will not be published. Required fields are marked *