Browse web site structure

Story

Magnolia should let me navigate and browse my web site structure by using a mouse, a keyboard and using a touch device. It should be easy and quick to find a particular page without having to work myself down the site hierarchy.

Description of desired behavior

Magnolia offers to view the site structure in a tree view and single or a set of pages in a list view.

Browsing the structure

Navigating the tree view showing the web site structure is handled in Navigating trees, while working with items in the tree is described in Focusing, selecting and opening items.

Selecting an item or focusing an item for a longer time causes an "Page details" view to show additional details on a page. An important element in this view is the thumbnail preview, which shows a small rendering of the page.

Show, hide and rearrange table columns

All columns except the "Page name" and the column containing the checkboxes can be visible or hidden. Additional columns not initially visible may be offered for display by the tree view.

Columns are shown in a configurable order, but the "Page name" and checkboxes column are exempt and remain fixed at their initial position.

When using the keyboard, the column order and the hide/show settings of a column must be specified on a separate settings page still to be defined.

Browsing a set of pages

Navigating a list showing pages of the site is handled in Navigating lists, while working with items in the tree is described in Focusing, selecting and opening items.

Magnolia also offers to browse the pages of a site in a list. In this view, a number of sorting and filtering options are available:

• options to sort pages alphabetically, by last modification date and
• options to filter pages by tag, author and page status
• advanced options to filter pages, such as by site, translation status or locale (has to be further defined)

The page status is comprised of both activation status as well as workflow status, if workflows are configured.

Quickly find a page

In both the tree view and the list view, a search box allows to search for pages. Search results are shown immediately in the list view and may be further filtered and sorted using the options available there.

As is the case in today's web search engines, the search is not merely done on page URLs, but on a number of item elements at the same time:

• the page URL
• the page name
• the navigation title

Mockups

Browsing the structure

Browsing a set of pages

Variant 1: filter and group options in top bar

Variant 2: filter and group options in side bar

Open questions

Multi-site in M5?

Inline editing??

Messages: errors (obtrusive)
warnings (un-obtrusive)
informational (unobtrusive)