...
I can preview a page at any time, whether I'm currently editing it or visit visiting it in AdminCentral. The preview shows the page precisely as being eventually rendered after publication and is fully functional. It provides me with a good an overview of the current page status and allows me to also view different versions and variants of the same page, if available. It even provides me with actions: I can activate or deactivate the page as an editor, I may be able to directly accept and reject a change changes as reviewer. If I'm an editor, I can choose change to edit a page directly editing from the preview as well.
Best of all, the page preview offers me to shrink the all interface elements to a tiny cube offering me only minimal controls - great for presentations and final reviews.
...
The page preview uses the same interface elements and layout used by Visual Page Editing as described in the conceptual overview. The Toolbox is used to show both showing actions and the page status.
The main differences are:
- The Options rack has been is replaced by the Status rack to emphasize that this layer mainly answers informational needs.
- The There's button to change to the page preview has been replaced by one changing to page editingpage editing instead of one for previewing the page.
- There's no target selector as no elements can be selected.
The visual appearance of the Toolbox shall be visually less visually dominant for most cases, but still recognizable. The main colors used should not be those used in page editing to clearly distinguish it the two.
Important note regarding units
...
dominant compared to its appearance in page editing, where it also references the colors of the edit bars. In the page preview layer, colors used for editing must not be used for main interface elements.
The Action and the Status rack
The Status rack mainly hosts a Status unit capable of presenting the current page status and selectors for previewing different versions and variants of a page. The Action rack mainly shows page-level actions not related to editing. Good candidates for such actions are the activation and deactivation of a page for users with publishing rights.
Minimized Toolbox
The Toolbox can be shrunk to a minimal size to support previewing a page with only very few interface elements visible. The only commands available in this minimized state are a button to exit the preview and one to show the entire Toolbox again.
Mockups
| Mockup | ||||||
|---|---|---|---|---|---|---|
|