Transition Tests for word processing view and liquid view 2

Having done some experiments it is very messy to transition from word processing view to the new view from full view so it looks like going via Table of Contents (ToC) view is a good way to do it, even if it’s only instantly in ToC view:

https://youtu.be/pv2BAcy_Ypg

My conclusion for now then is that the transition should be a different command than into the ToC view, however the visual effect, whether the user initiates this when in ToC or regular view, should take the document and collapse it quickly into ToC and then instantly into the Liquid View.

Transition Tests for word processing view and liquid view

I did some animations to see how transitions between the current/regular word processing view and the new liquid view should look, and thus how it should feel and be controlled.

  • I started with lines appearing between all levels but it looks better with lines only between level 1 headings and level 2 headings.
  • The video shows the transition for a first-time use and also when the user has modified the layout in the liquid view:

https://www.youtube.com/watch?v=7mKpMljTljw

Wording & Categories

Let’s have a look at the language of laying out text in a visual, non-liner way, as a text space:

 

-graph

“modern word-forming element meaning “instrument for recording; that which writes, marks, or describes; something written,” from Greek -graphos “-writing, -writer” ” (Harper, etymonline.com)

 

Graph

“A diagram showing the relation between variable quantities, typically of two variables, each measured along one of a pair of axes at right angles.” (en.oxforddictionaries.com)

 

Graph (abstract data type)

“In computer science, a graph is an abstract data type that is meant to implement the undirected graph and directed graph concepts from mathematics. A graph data structure consists of a finite (and possibly mutable) set of vertices or nodes or points, together with a set of unordered pairs of these vertices for an undirected graph or a set of ordered pairs for a directed graph. These pairs are known as edges, arcs, or lines for an undirected graph and as arrows, directed edges, directed arcs, or directed lines for a directed graph. The vertices may be part of the graph structure, or may be external entities represented by integer indices or references.” (en.wikipedia.org)

 

This type of graph becomes a type of diagram:

 

Diagram

“A simplified drawing showing the appearance, structure, or workings of something; a schematic representation” (en.oxforddictionaries.com)

 

And we can now look at different ‘maps’

 

Map

1520s, shortening of Middle English mapemounde “map of the world” (late 14c.), and in part from Middle French mappe, shortening of Old French mapemonde, both English and French words from Medieval Latin mappa mundi “map of the world;” first element from Latin mappa “napkin, cloth” (on which maps were drawn), “tablecloth, signal-cloth, flag,” said by Quintilian to be of Punic origin (compare Talmudic Hebrew mappa, contraction of Mishnaic menaphah “a fluttering banner, streaming cloth”) + Latin mundi “of the world,” from mundus “universe, world” (see mundane).” (etymonline.com)

 

Concept Map

“Concept maps are graphical tools for organizing and representing knowledge. They include concepts, usually enclosed in circles or boxes of some type, and relationships between concepts indicated by a connecting line linking two concepts. Words on the line, referred to as linking words or linking phrases, specify the relationship between the two concepts.” (Joseph D. Novak & Alberto J. Cañas, cmap.ihmc.us)

So far so simple and plain, something anyone coming to the system could naturally do. However, Concept Maps have other design constrained. (From same web page):

 

  • Concept is a perceived regularity in events or objects, or records of events or objects, designated by a label.
  • The label for most concepts is a word, although sometimes we use symbols such as + or %, and sometimes more than one word is used.
  • Propositions are statements about some object or event in the universe, either naturally occurring or constructed.
  • Propositions contain two or more concepts connected using linking words or phrases to form a meaningful statement.
  • Sometimes these are called semantic units, or units of meaning. Figure 1 shows an example of a concept map that describes the structure of concept maps and illustrates the above characteristics.

 

So this complicated, constrains and gives more power for specific use-cases.

 

Topic Map

 

Topic Maps represents information similarly to Concept Maps using the following elements (wikipedia):

 

  • Topics representing any concept, from people, countries, and organizations to software modules, individual files, and events,
  • Associations representing hypergraph relationships between topics, and
  • Occurrences representing information resources relevant to a particular top

 

Mind Map

A hierarchical Concept Map with a central node.

 

Digital Desktop Notes

“Desktop notes are computer applications that allow putting Post-it note-like windows on the screen, with reminders, short notes and other clippings. They are typically rectangular and yellow, like their real-world counterpart, but most applications support other colours and more elaborate designs.” (en.wikipedia.org)

These get a bit closer to the basic casual interaction I am talking about.

 

Text-Graph (?)

All this means is that we are looking to develop something new, something as simple as text connected with lines (ala Scapple, which I use for my work on the Interactive Text Space) combined with rich interactivity and connection possibilities.