Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Edited UI Mockup <Inline editing for page structure 2>

Experiments

This page hosts a number of mockups resulting from experiments aiming at providing in-line editing when editing the structure of the page. The drafted solution offers this for a specific fields of a paragraph only, preferably those which are simple in structure and belong to the core fields typically being filled in every time a new paragraph of that type is being added.

Also shown are previews built into tooltips, which basically just show the content of the paragraph with some basic rendering reflecting some basic settings such as an image being drawn on the left instead of right.

Very confusing is the fact that there are multiple "edit" and "done" buttons - this would have to be further improved.


Mockups

Mockup
Inline editing for page structure 1
Inline editing for page structure 1
12


Mockup
Inline editing for page structure 2
Inline editing for page structure 2
11

...