Dynamic View Control Mechanism

 

The basic controls are drag and drop to move nodes around, drag onto another node to create a visible link and specify view criteria:

 

 

Drag & Drop

 

The drag and drop interactions onto another node results in different Link Labels

 

 

Keyboard Interactions / Liquid-style Command Bar

 

The user can issue execute commands via keyboard shortcuts on all the nodes or only on selected nodes. This can be done immediately or though the use of a Liquid-style command bar (both work, it's just down to user experience which they will use) – in other words; Spacebar will spawn the Liquid-style command bar which shows what commands are available and what corresponding keyboard shortcuts they have, but the user can bypass the spacebar and execute the keyboard shortcut immediately.

 

In this mockup you can see the Liquid-Style bar at the bottom, different means of showing connection strengths (in this case how many occurrences of the keyword 'pioneer' appears in which section), citations (as shown with italic text) and links (shown with underline).

 

Toolbar Examples

 

  • Numbers 1-6 will simply show the levels of nodes the number represents, without the bar appearing.
  • Connections (c) allows the user to see all connections, only to specifically selected nodes or by other criteria.
    • Show all (a)
    • Show/Hide Cause and Effect (e) ––>
    • Show/Hide Interdependence (i)   <––>
    • Show/Hide Correlation (r)   ––
    • Show/Hide Contradiction (a)   >––<
    • Show/Hide Notes(n)   ••••••••
    • Show/Hide Labels (l)
  • Keyword (k) i produces options to enter a keyword which then will link all (if no selection was made) or from a(/a set of) specific set of nodes to show lines to other nodes (body text in the sections the nodes are headings of) which also has the keyword.
  • Show (s) show specific elements under the selected or all nodes:
    • Citations (c)
    • Links (l)
    • Keywords (k)
    • Bullets (b)
    • All Text (t)
    • First sentences of each paragraph (s)
  • Hide (h) hides the current selection (only visible if at least one node is selected)
  • Align (a) (only if multiple selects) align selected nodes along:
    • Vertically (v)
      • Left ([)
      • Right (])
      • Center (\)
    • Horizontally (h)
      • Left ([)
      • Right (])
      • Center (\)
  • Order (o) (only if multiple selects) order by alphabetical order (a) or by amount of connections (c)

 

 

 

macOS/iOS

 

Controls need to map naturally to macOS and to iOS. A map of the controls is here, created in Scapple. The key is designing interactions for iOS to allow the user to Execute Command Instantly and Bring up more Information: