Hi devs,
I'd like to have your opinion on punctual approaches for the consistent design
of the wysiwyg dialogs. Please vote and comment on the issues discussed at:
http://dev.xwiki.org/xwiki/bin/view/Design/NewWysiwygEditorInterfaceAppendix .
We specifically need to make decisions on the following topics:
1.
http://dev.xwiki.org/xwiki/bin/view/Design/NewWysiwygEditorInterfaceAppendi…
+1 for A
2.
http://dev.xwiki.org/xwiki/bin/view/Design/NewWysiwygEditorInterfaceAppendi…
+0.2 for E, +0.4 for F, +0.4 for H
3.
http://dev.xwiki.org/xwiki/bin/view/Design/NewWysiwygEditorInterfaceAppendi…
+1 for B
WDYT?
Thanks a lot,
Anca
Guillaume Lerouge wrote:
Hi Devs,
Anca asked me to finalize the overall look of dialog boxes in the WYSIWYG so
that she can work on it and polish it for the 2.0 release. Right now the
issue is that we're using a different look for the link, image & macro
dialog boxes which poses a consistency problem.
I've been working with Cati on a proposal for the look of the overall box -
not for the inner part of the box. Proposals for the standardization of the
inner part of the box will come later. The dialog box uses a wizard-like
look and follows the vertical form principles proposed by Cati in a previous
email (thus the primary action button at the bottom left, to follow the
user's eye flow). Its "hidden" features are:
- Buttons can be in an enabled or disabled mode depending of what the
current step is
- All buttons are displayed all the time so that they don't move from one
screen to the next
- Buttons' labels are configurable
- There is no "Cancel" button, the cross at the top right of the dialog
box plays that role
- The title in the top bar doesn't change and its name is the same as the
associated toolbar button (clicking on "Link" opens a dialog box called
"Link")
- The "Wizard Step Title" reflects what's happening at the current
step:
"Page Selection" , "Code Macro" , "Image Selection"
- The description tells the user what to do at the current step: "Select
the page to link to" , "Select the image to insert" , "Fill in
macro
parameters"
- Double-clicking on an item (an image, a page name) acts in the same
fashion as selecting it and clicking the "Next" button. If the
"Next" button
is disabled at the current step, double-clicking works as the primary action
("Insert" , "Create")
The mockups are located at:
http://incubator.myxwiki.org/xwiki/bin/view/Mockups/GenericMacroDialog
WDYT?
Guillaume