[xwiki-users] [UX] Edit Buttons Order
Hi, Because we want to make a standard from vertical-aligned form, this means the buttons should be left-ordered with the most important action first. This should be changed also in Toucan and Albatross skin, not only just in Colibri. Right now the Edit Actions are "Cancel", "Preview", "Save&Continue", "Save&View". What do you think is the right order for them when they are left-aligned? (A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse) (B) Save&View, Preview, Save&Continue, Cancel (C) Preview, Save&Continue, Save&View, Cancel (D) other variation Remarks: - "Cancel" should be *last* because it's a terminal (takes you out of the editor), no-saving action. This is the least important. - "Save & View" is also a terminal action (takes you out of the editor) - having it* first* you have the 2 terminal actions at extremities. - "Preview" is the least damaging action in case of accidental submit (Silvia + Marta) - should be *first*? - Some people use ("Preview" + "Save&Continue") {many times} + "Save&View" {final} - Other people just use "Save&Continue" + "Save & View" {final}, never "Preview", etc - What is the necessity for the "Preview" button in a WYSIYWG editor? On the other hand "Preview" is very important if you edit in "Wiki" mode. - Should "Preview" separate the two other SAVING actions? (Marta) - Should "Save&Continue" separate the two other VIEW actions? Thanks, Caty
Ecaterina Valica wrote:
Hi,
Because we want to make a standard from vertical-aligned form, this means the buttons should be left-ordered with the most important action first. This should be changed also in Toucan and Albatross skin, not only just in Colibri.
Right now the Edit Actions are "Cancel", "Preview", "Save&Continue", "Save&View".
What do you think is the right order for them when they are left-aligned?
(A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse)
(B) Save&View, Preview, Save&Continue, Cancel
(C) Preview, Save&Continue, Save&View, Cancel
(D) other variation
I was going to vote for (C) without further thought, but there's one important issue you raised: in the WYSIWYG editor the preview is not that useful. Here are some more arguments in favor of putting Preview first: When a non WYSIWYG editor is used, it's critical to use the Preview button, and putting it first helps. For consistency, the number and order of the buttons should be the same in all editors. The problem with the Cancel button being first was that it was the default form button, so pressing enter in a non-textarea field was the same as clicking cancel, thus the "oh my 50 minutes work is all gone" frustration. Preview is the least destructive action: it does not cause data loss, it does not cause an accidental save of work in progress data. Thus, it should be the first button. Even in the WYSIWYG editor, sometimes Preview helps. The width and height of the content is not the same, the panels are different, the background might be different (IIRC the WYSIWYG always uses a white background, while the theme might be different), the macros look different...
Remarks:
- "Cancel" should be *last* because it's a terminal (takes you out of the editor), no-saving action. This is the least important.
+1
- "Save & View" is also a terminal action (takes you out of the editor) - having it* first* you have the 2 terminal actions at extremities.
+0.5
- "Preview" is the least damaging action in case of accidental submit (Silvia + Marta) - should be *first*?
+1
- Some people use ("Preview" + "Save&Continue") {many times} + "Save&View" {final} - Other people just use "Save&Continue" + "Save & View" {final}, never "Preview", etc
- What is the necessity for the "Preview" button in a WYSIYWG editor? On the other hand "Preview" is very important if you edit in "Wiki" mode.
- Should "Preview" separate the two other SAVING actions? (Marta) - Should "Save&Continue" separate the two other VIEW actions?
So, final vote for me, (C) -- Sergiu Dumitriu http://purl.org/net/sergiu/
Ecaterina Valica wrote:
Hi,
Because we want to make a standard from vertical-aligned form, this means the buttons should be left-ordered with the most important action first. This should be changed also in Toucan and Albatross skin, not only just in Colibri.
Right now the Edit Actions are "Cancel", "Preview", "Save&Continue", "Save&View".
What do you think is the right order for them when they are left-aligned?
(A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse)
(B) Save&View, Preview, Save&Continue, Cancel
(C) Preview, Save&Continue, Save&View, Cancel
+1 Thanks, Marius
(D) other variation
Remarks:
- "Cancel" should be *last* because it's a terminal (takes you out of the editor), no-saving action. This is the least important.
- "Save & View" is also a terminal action (takes you out of the editor) - having it* first* you have the 2 terminal actions at extremities. - "Preview" is the least damaging action in case of accidental submit (Silvia + Marta) - should be *first*?
- Some people use ("Preview" + "Save&Continue") {many times} + "Save&View" {final} - Other people just use "Save&Continue" + "Save & View" {final}, never "Preview", etc
- What is the necessity for the "Preview" button in a WYSIYWG editor? On the other hand "Preview" is very important if you edit in "Wiki" mode.
- Should "Preview" separate the two other SAVING actions? (Marta) - Should "Save&Continue" separate the two other VIEW actions?
Thanks, Caty _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
+1 for (C) Thanks, Silvia Ecaterina Valica-2 wrote:
What do you think is the right order for them when they are left-aligned?
(A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse)
(B) Save&View, Preview, Save&Continue, Cancel
(C) Preview, Save&Continue, Save&View, Cancel
(D) other variation
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
----- Silvia Rusu Tester & Documentation Writer - XWiki http://twitter.com/silviarusu -- View this message in context: http://n2.nabble.com/UX-Edit-Buttons-Order-tp3579225p3580574.html Sent from the XWiki- Users mailing list archive at Nabble.com.
-1 for "quit" i does not say what append to modifications, are they saved, etc. "Cancel" means what it means it's a lots more clear for the user. On Fri, Sep 4, 2009 at 17:14, Silvia Rusu<[email protected]> wrote:
+1 for (C)
Thanks, Silvia
Ecaterina Valica-2 wrote:
What do you think is the right order for them when they are left-aligned?
(A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse)
(B) Save&View, Preview, Save&Continue, Cancel
(C) Preview, Save&Continue, Save&View, Cancel
(D) other variation
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
----- Silvia Rusu Tester & Documentation Writer - XWiki http://twitter.com/silviarusu -- View this message in context: http://n2.nabble.com/UX-Edit-Buttons-Order-tp3579225p3580574.html Sent from the XWiki- Users mailing list archive at Nabble.com. _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
-- Thomas Mortagne
Ecaterina Valica wrote:
Hi,
Because we want to make a standard from vertical-aligned form, this means the buttons should be left-ordered with the most important action first. This should be changed also in Toucan and Albatross skin, not only just in Colibri.
Right now the Edit Actions are "Cancel", "Preview", "Save&Continue", "Save&View".
What do you think is the right order for them when they are left-aligned?
(A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse)
(B) Save&View, Preview, Save&Continue, Cancel
(C) Preview, Save&Continue, Save&View, Cancel
(D) other variation
Remarks:
- "Cancel" should be *last* because it's a terminal (takes you out of the editor), no-saving action. This is the least important.
- "Save & View" is also a terminal action (takes you out of the editor) - having it* first* you have the 2 terminal actions at extremities. - "Preview" is the least damaging action in case of accidental submit (Silvia + Marta) - should be *first*?
- Some people use ("Preview" + "Save&Continue") {many times} + "Save&View" {final} - Other people just use "Save&Continue" + "Save & View" {final}, never "Preview", etc
I am one of those people, but "Preview" is useful also when you are a beginner.
- What is the necessity for the "Preview" button in a WYSIYWG editor? On the other hand "Preview" is very important if you edit in "Wiki" mode.
- Should "Preview" separate the two other SAVING actions? (Marta) - Should "Save&Continue" separate the two other VIEW actions?
Thanks, Caty _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
+1 for (C). Thx, Oana
I'm a little bit worried about the continue. Continuing can also be to next event in a basic process of editing. I.e. : see finalized page. User may think : "Continue where? To what I'm doing? To what I would do after saving ? To what I would do after editing? Ho ok, view maybe to view the page finalized so I guess I continue editing" Make the user thinking stop the fluent navigation. An egonome even named a book "don't make me think". The argument about cancel seems good to me. Proposals : [Preview] [Save & go to page] [Save] [Cancel] ---------- (+1) [Preview] [Save & close editor] [Save] [Cancel] However there is a lot of +1 about see/continue so if people did not have to think it the first time they came to page it means it's ok. ;-) 2009/9/4 Oana Tabaranu <[email protected]>:
Ecaterina Valica wrote:
Hi,
Because we want to make a standard from vertical-aligned form, this means the buttons should be left-ordered with the most important action first. This should be changed also in Toucan and Albatross skin, not only just in Colibri.
Right now the Edit Actions are "Cancel", "Preview", "Save&Continue", "Save&View".
What do you think is the right order for them when they are left-aligned?
(A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse)
(B) Save&View, Preview, Save&Continue, Cancel
(C) Preview, Save&Continue, Save&View, Cancel
(D) other variation
Remarks:
- "Cancel" should be *last* because it's a terminal (takes you out of the editor), no-saving action. This is the least important.
- "Save & View" is also a terminal action (takes you out of the editor) - having it* first* you have the 2 terminal actions at extremities. - "Preview" is the least damaging action in case of accidental submit (Silvia + Marta) - should be *first*?
- Some people use ("Preview" + "Save&Continue") {many times} + "Save&View" {final} - Other people just use "Save&Continue" + "Save & View" {final}, never "Preview", etc
I am one of those people, but "Preview" is useful also when you are a beginner.
- What is the necessity for the "Preview" button in a WYSIYWG editor? On the other hand "Preview" is very important if you edit in "Wiki" mode.
- Should "Preview" separate the two other SAVING actions? (Marta) - Should "Save&Continue" separate the two other VIEW actions?
Thanks, Caty _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
+1 for (C).
Thx, Oana _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
Ecaterina Valica wrote:
Hi,
Because we want to make a standard from vertical-aligned form, this means the buttons should be left-ordered with the most important action first. This should be changed also in Toucan and Albatross skin, not only just in Colibri.
I just noticed the change made on all skins, and I don't find it comfortable to have this change in toucan because: I think, as in the case of titles policy, that we're building a new, better skin and changes like this should be in the new skin. I find it disturbing to have different order for buttons than I was used to, and, although I agree to get used to it in a new skin, I don't find it appropriate that I have to get used to it on the old skin too. I think users should be able to preserve their beloved skin which they're used to if they want, including buttons order. Caty motivated this change across all skins with the fact that form design (alignments, buttons order, et all) it's a platform standard and platform changes are applied to all skins. I think these standards are UI/UX/ergonomy standards and they should only be preserved across a skin. On the very same platform one could build a right aligned skin, it doesn't impact the platform in any way, I don't see why we would impose this as a "platform thing". This is the type of annoying change for a user (I keep going to the wrong side of the screen with my mouse) and, while I'm ok with getting used to it on a new skin, I find it slightly frustrating on the skin I was used to. Happy coding, Anca
Right now the Edit Actions are "Cancel", "Preview", "Save&Continue", "Save&View".
What do you think is the right order for them when they are left-aligned?
(A) Save&View, Save&Continue, Preview, Cancel (as it is - just in reverse)
(B) Save&View, Preview, Save&Continue, Cancel
(C) Preview, Save&Continue, Save&View, Cancel
(D) other variation
Remarks:
- "Cancel" should be *last* because it's a terminal (takes you out of the editor), no-saving action. This is the least important.
- "Save & View" is also a terminal action (takes you out of the editor) - having it* first* you have the 2 terminal actions at extremities. - "Preview" is the least damaging action in case of accidental submit (Silvia + Marta) - should be *first*?
- Some people use ("Preview" + "Save&Continue") {many times} + "Save&View" {final} - Other people just use "Save&Continue" + "Save & View" {final}, never "Preview", etc
- What is the necessity for the "Preview" button in a WYSIYWG editor? On the other hand "Preview" is very important if you edit in "Wiki" mode.
- Should "Preview" separate the two other SAVING actions? (Marta) - Should "Save&Continue" separate the two other VIEW actions?
Thanks, Caty _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
participants (8)
-
Anca Luca -
Ecaterina Valica -
Marius Dumitru Florea -
Oana Tabaranu -
Sergiu Dumitriu -
Silvia Rusu -
Thibaut DEVERAUX -
Thomas Mortagne