Design
 Completed
 
 

Description

Before

before.png

Purpose: Find a solution to display Nested Documents in Livetables

Usage

Usages.png

Examples

  1. Document Index + Space Index (Page / Space)
  2. Watchlist (Wiki / Space / Page)
  3. Totem App (Reference)

Use Cases

Current.png

These are usecases that are currently covered and we will asses if/how to preserve them:

UC: See the Page location in hierarchy
UC: Filter on location
UC: Differentiate from other pages that have the same name

Another thing to consider is that we are currently displaying Page Names in AllDocs, but we might need to switch to display Page Titles, since otherwise we might see a lot of "WebHome"s.

Sol 1: Minified breadcrumb

Sol-I.png

Have a 'Location' column that displays a minified breadcrumb
On hover, display the full breadcrumb in the title/tooltip

UC1 UC3UC2
Cons Scalability issues
Cons Displays duplicate / irrelevant information (like Home icon)
Cons Hover is problematic for mobiles

Sol 2: Rename 'Space' to 'Parent'

Sol-II-A.png

Rename 'Space' column to 'Parent'

UC3UC1 Partially, just 1 level
Pros Very simple to implementUC2 Partially, just 1 level
Candidate 

Sol 3: Add 'Parent' info in 'Page' column

Sol-VI.png

Combine 'Page' and 'Space' columns in a custom displayer

UC3UC1 Partially, just 1 level
UC2

Sol 4: Remove 'Space' column

Sol-III-A.png

Consider the hierarchy is better suited in a Tree and remove the 'Space' column

Pros Trees are better to display hierarchies UC1 UC2
 UC3 Can be improved by using the Page Title

Sol 5: Show location on hover

Sol-III-C.png

UC1 Partially, only on hover
 UC2
 UC3 Can be improved by using the Page Title
 Cons Hover is problematic for mobiles

Sol 6: Custom suggest to filter on location, name

Sol-III-B.png

Allow to filter for Page Title, Page Name and Location in the same suggest

UC2 UC1 Partially, only on filtering
 UC3 Can be improved by using the Page Title OR Partially, only on filtering
 Cons Hard to implement

Sol 7: 'Locate' action

Sol-V.png

Provide a 'Locate in Hierarchy' action that will open the Tree with the requested page highlighted

UC1 Partially, on demand
UC2 
 UC3 Can be improved by using the Page Title

Sol 8: Display reference and filter in a single column

Sol-IV.png

UC1 UC3UC2 Complicated
Cons Scalability issues
Cons Looks technical

Iteration 2

Sol 2.1: Rename 'Space' to 'Location'

Sol 2.1.1: Displaying Page Name + Space Reference

Similar to Sol 3.1.1

Sol-2-1-1.png

UC1 UC2 UC3 Cons Page Title is not displayed
Pros Page Name is displayed
Cons Redundant display of 'WebHome', which we will replace since it's technical
Cons Scalability issues
Sol 2.1.2: Displaying Page Title + Space Reference

Similar to Sol 3.1.2

Sol-2-1-2.png

UC1 UC2 UC3 Pros Page Title is displayed
Cons Page name is not displayed
Cons Hard to differentiate terminal pages from non-terminal pages without displaying 'WebHome'
Cons Scalability issues
Sol 2.1.3: Displaying Page Title + Space URL

Similar to Sol 3.1.3

Sol-2-1-3.png

UC1 UC2 UC3Pros Page Title is displayed
Cons Page name are displayed (except 'WebHome')
Cons Terminal pages are differentiated from non-terminal pages by the presence of '/'
Cons Scalability issues

Sol-2-1-3-B.png

Filtering on 'B' char in Location column

Pros Filtering is done individual per column

Sol-2-1-3-C.png

Filtering on 'B' char in Page Title column, while the Location column's filtering is still active

Candidate 

Sol 3.1: Add 'Location' info in 'Page' column

Sol 3.1.1: Displaying Page Title + Page Reference

Similar to Sol 2.1.1

Sol-3-1-1.png

UC1 UC2 UC3Pros Page Title is not displayed
Pros Page Name is displayed
Cons Technical 'WebHome' is displayed
Cons Scalability issues
Sol 3.1.2: Displaying Page Title + Space Reference

Similar to Sol 2.1.2

Sol-3-1-2.png

UC1 UC2 UC3Cons Page name is not displayed
Cons Hard to differentiate terminal pages from non-terminal pages without displaying 'WebHome'
Cons Scalability issues
Sol 3.1.3: Displaying Page Title + Space URL

Similar to Sol 2.1.3

Sol-3-1-3.png

UC1 UC2 UC3Pros Page Title is displayed
Cons Page name are displayed (except 'WebHome')
Cons Terminal pages are differentiated from non-terminal pages by the presence of '/'
Cons Scalability issues

Sol-3-1-3-B.png

Filtering on 'B' char reveals results both in Page title and Location

Cons Cannot filter only on page title or only on location

 

Tags:
    

Get Connected