Having been ‘playing around’ with a build of Liquid | Author with both pinch-in for Table of Contents and pinch-out for Dynamic View even I have problems with muscle memory of which way to pinch for what, so we will only have one pinch for all the views: Pinch-in for TOC/DV etc…
Once in the pinch view, the user will be able to toggle between different layouts, including:
- Single Column (traditional TOC)
- Multi Column (each with level one locked to the top with each column being showing sub-headings. This is the key initial view, with the user being able to add nodes freeform anywhere and then attach them to the column
- Citations View of all the cited documents plus any they drag in from the desktop
- Timeline View where citations and (in the future) other timeline data is put on a timeline, with an option for having a second axis for author etc.
- Freeform View where the user can brainstorm
- Etc., to be decided in the future.
New Basic Layout
There will be no visible toolbars. On mouse over there will be a heading at the top or bottom, as described below.
When the user drags a heading towards the top (where the level one headings are locked), a guide line appears, to indicate that these are in a special area:
Note also that there is more space over the level 1 headings to let a user easily click and drag a level 1 heading and move it away from level 1 or left or right, without spawning the top menu, so the top menu is only spawned if mouse-overed above that.
New Toolbar and Behaviour
There will be a new toolbar at the top–accessible only in Dynamic View mode–with icons for layout in Dynamic View mode, which are the ones we currently use, as chosen buy Jacob, but centered and on the toolbar.
The toolbar at the bottom will have a text change to change the font for the word count into the same font as the rest of the bar and put the number first).
The toolbars will now be slightly darker than before and will have a drop shadow, as shown below.
The toolbars will only appear on mouse over that area (or tap in iOS) but not together, only on mouse over top for top bar and bottom for bottom bar, this image is for simplification:
Here are three transition animations to consider the feasibility of when for going through the different Dynamic Layout views when the user does two finger horizontal swipe, all mocked up in Keynote.
The first one is an object move effect:
Object Cube Swipe:
Object Cube Flip: