[xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions
Hi, We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions. Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/advan... P4: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_1_... Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style. For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/moreA... What do you think? Do you have other solutions for your instances? Did you encounter the same problem? Thanks, Caty
P2 is great because it is descriptive and probably helpful on wikis with a lot of users who are "less technical" or "slightly technophobic". P4 is great because it is compact and I think even technophobic users will understand what the buttons do after the first few tries. So my vote is for P4. Regarding "combine the actions and add category labels". That looks awesome and much more intuitive. Kind regards, Mahomed Hussein Custodian Data Centre Email: [email protected] http://www.CustodianDC.com -----Original Message----- From: users [mailto:[email protected]] On Behalf Of Ecaterina Moraru (Valica) Sent: 25 April 2017 18:33 To: XWiki Mailinglist <[email protected]> Subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions Hi, We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions. Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/advan... P4: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_1_... Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style. For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/moreA... What do you think? Do you have other solutions for your instances? Did you encounter the same problem? Thanks, Caty
On Wed, Apr 26, 2017 at 1:11 PM, Mahomed Hussein <[email protected]> wrote:
P2 is great because it is descriptive and probably helpful on wikis with a lot of users who are "less technical" or "slightly technophobic".
P4 is great because it is compact and I think even technophobic users will understand what the buttons do after the first few tries. So my vote is for P4.
Hi, Thank for the vote. Noted :) Caty
Regarding "combine the actions and add category labels". That looks awesome and much more intuitive.
Kind regards,
Mahomed Hussein Custodian Data Centre Email: [email protected] http://www.CustodianDC.com
-----Original Message----- From: users [mailto:[email protected]] On Behalf Of Ecaterina Moraru (Valica) Sent: 25 April 2017 18:33 To: XWiki Mailinglist <[email protected]> Subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
P4 is my choice Mit freundlichen Grüßen, Steffen BRUMM Programmierung IT-Österreich Frankstahl Rohr- und Stahlhandelsges.m.b.H. Frankstahlstraße2 A-2353 Guntramsdorf Tel: +43 50 50 3-343 www.frankstahl.com FÜR DIE UMWELT AKTIV: Frankstahl ist Partner von Global 2000 Firmensitz: Esteplatz 6, A-1030 Wien, FN 142511a Handelsgericht Wien, DVR 0509361 Die Information in diesem Mail ist ausschließlich für den Empfänger bestimmt. Anderen Personen ist es nicht gestattet diese Information zu öffnen, zu kopieren oder zu verteilen. Falls Sie diese Information irrtümlich erhalten haben, kontaktieren Sie bitte den Absender und löschen Sie das Mail von Ihrem Computer. -----Ursprüngliche Nachricht----- Von: users [mailto:[email protected]] Im Auftrag von Ecaterina Moraru (Valica) Gesendet: Dienstag, 25. April 2017 19:33 An: XWiki Mailinglist Betreff: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions Hi, We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions. Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/advan... P4: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_1_... Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style. For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/moreA... What do you think? Do you have other solutions for your instances? Did you encounter the same problem? Thanks, Caty
They both look great but I like the look of P4 better. Regards, Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) <[email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/advan... P4: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_1_...
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/moreA...
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation. I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
Hi, I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing. Best regards, Miroslav Galajda On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
Hi Caty, I would use the Edit text w/ pencil on Edit and just the plus icon for Create. The reason is Edit needs to be differentiated from Create, but this is accomplished with the word Edit. On small resolutions (iPhone) I think it is acceptable to hide the word Edit. The triple-dot icon needs to be a button. P2 has it as a free-floating icon, P4 has it as a button: it needs to be a button as per P4. Otherwise, looks good! Be well, Craig
On Apr 26, 2017, at 3:34 PM, Miroslav Galajda <[email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <[email protected]> wrote:
Hi Caty,
I would use the Edit text w/ pencil on Edit and just the plus icon for Create. The reason is Edit needs to be differentiated from Create, but this is accomplished with the word Edit. On small resolutions (iPhone) I think it is acceptable to hide the word Edit.
I have to disagree here. The purpose is to promote and highlight both important actions and that is both 'Edit' and 'Create'. The 'plus' sign can be also confusing for new users. Highlighting just 'Edit' would be hard to justify.
The triple-dot icon needs to be a button. P2 has it as a free-floating icon, P4 has it as a button: it needs to be a button as per P4.
Yes, a better screenshot for P2 is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P2_no... The symmetric P4 screenshot is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_no... Thanks, Caty
Otherwise, looks good!
Be well, Craig
On Apr 26, 2017, at 3:34 PM, Miroslav Galajda < [email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
Hi Caty, I like the current P2. What are the drop-down options for Edit? My reasoning for hiding Create is that the Create function is a little confusing to begin with for new users. If you are used to files and folders, it is weird that a file is also a folder (that a node can have child nodes that are also documents). This makes sense to me because I am a computer science grad, but it isn’t that obvious to long-time Mac/Windows users. I would almost want it to be called “Create New Child Page” or something, to better indicate what is going to happen when you click that button. Except, sometimes, it doesn’t create a new child page, depending on the template you choose. In any case, there is no obvious solution, P2 looks best of the options provided. :) Thanks, Craig
On Apr 26, 2017, at 4:06 PM, Ecaterina Moraru (Valica) <[email protected]> wrote:
On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <[email protected]> wrote:
Hi Caty,
I would use the Edit text w/ pencil on Edit and just the plus icon for Create. The reason is Edit needs to be differentiated from Create, but this is accomplished with the word Edit. On small resolutions (iPhone) I think it is acceptable to hide the word Edit.
I have to disagree here. The purpose is to promote and highlight both important actions and that is both 'Edit' and 'Create'. The 'plus' sign can be also confusing for new users. Highlighting just 'Edit' would be hard to justify.
The triple-dot icon needs to be a button. P2 has it as a free-floating icon, P4 has it as a button: it needs to be a button as per P4.
Yes, a better screenshot for P2 is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P2_no... The symmetric P4 screenshot is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_no...
Thanks, Caty
Otherwise, looks good!
Be well, Craig
On Apr 26, 2017, at 3:34 PM, Miroslav Galajda < [email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
On Wed, Apr 26, 2017 at 6:45 PM, Craig Wright <[email protected]> wrote:
Hi Caty,
I like the current P2. What are the drop-down options for Edit?
'Edit' drop-down is for 'Advanced' users and it contains the other edit modes, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/advan... For 'Normal' users the 'Edit' is just a button, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/simpl...
My reasoning for hiding Create is that the Create function is a little confusing to begin with for new users. If you are used to files and folders, it is weird that a file is also a folder (that a node can have child nodes that are also documents). This makes sense to me because I am a computer science grad, but it isn’t that obvious to long-time Mac/Windows users. I would almost want it to be called “Create New Child Page” or something, to better indicate what is going to happen when you click that button. Except, sometimes, it doesn’t create a new child page, depending on the template you choose. In any case, there is no obvious solution, P2 looks best of the options provided. :)
That's another story :) Thanks, Caty
Thanks, Craig
On Apr 26, 2017, at 4:06 PM, Ecaterina Moraru (Valica) < [email protected]> wrote:
On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <[email protected]> wrote:
Hi Caty,
I would use the Edit text w/ pencil on Edit and just the plus icon for Create. The reason is Edit needs to be differentiated from Create, but this is accomplished with the word Edit. On small resolutions (iPhone) I think it is acceptable to hide the word Edit.
I have to disagree here. The purpose is to promote and highlight both important actions and that is both 'Edit' and 'Create'. The 'plus' sign can be also confusing for new users. Highlighting just 'Edit' would be hard to justify.
The triple-dot icon needs to be a button. P2 has it as a free-floating icon, P4 has it as a button: it needs to be a button as per P4.
Yes, a better screenshot for P2 is http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P2_noRightPanels.png The symmetric P4 screenshot is http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_noRightPanels.png
Thanks, Caty
Otherwise, looks good!
Be well, Craig
On Apr 26, 2017, at 3:34 PM, Miroslav Galajda < [email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) < [email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright < [email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
> On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote: > > Hi, > > We had feedback that new users don't know where to find the 'Edit' and > 'Create' buttons. Also there is some confusions of why we have a 'cog' icon > that contains actions like 'Delete' and a 'three dots' icon that contain > other actions. > > Would be great if you could tell us which version you prefer: > P2: > http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ advancedUser.png > P4: > http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png > > Both proposals add backgrounds around the icons, the main difference is > that P2 also uses descriptive labels, while P4 keeps the consistency with > the top icons and a more minimalist style. > > For the more actions menu, we want to combine the actions and add category > labels, see > http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ moreActions.png > > What do you think? Do you have other solutions for your instances? Did you > encounter the same problem? > > Thanks, > Caty
This P2 is much nicer, but I still prefer P4. I can see why some people like P2 as it is more descriptive. But, P4 still matches the current icons better (and I am guessing not many people have complained that they don't know what those mysterious buttons in the top right are for.) Additionally there's a tool tip when you hover over the buttons and once you know what the button does, you don't actually need the label. The icons are pretty universal as well. i.e. a Pencil indicates editing and a Plus sign indicates "adding". I don't suppose this could be a wiki wide configurable option? :) Or maybe something that can be turned on/off with a class in the skin. Kind regards, Mahomed Hussein Custodian Data Centre Email: [email protected] http://www.CustodianDC.com -----Original Message----- From: users [mailto:[email protected]] On Behalf Of Ecaterina Moraru (Valica) Sent: 26 April 2017 16:06 To: XWiki Users <[email protected]> Subject: Re: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <[email protected]> wrote:
Hi Caty,
I would use the Edit text w/ pencil on Edit and just the plus icon for Create. The reason is Edit needs to be differentiated from Create, but this is accomplished with the word Edit. On small resolutions (iPhone) I think it is acceptable to hide the word Edit.
I have to disagree here. The purpose is to promote and highlight both important actions and that is both 'Edit' and 'Create'. The 'plus' sign can be also confusing for new users. Highlighting just 'Edit' would be hard to justify.
The triple-dot icon needs to be a button. P2 has it as a free-floating icon, P4 has it as a button: it needs to be a button as per P4.
Yes, a better screenshot for P2 is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P2_no... The symmetric P4 screenshot is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_no... Thanks, Caty
Otherwise, looks good!
Be well, Craig
On Apr 26, 2017, at 3:34 PM, Miroslav Galajda < [email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
Voting for P2 Arguments here : https://thomasbyttebier.be/blog/the-best-icon-is-a-text-label "Pencil" and "+" Icons are not explicit for everyone. But I would go further : 1/ "Create" does't tell me what I will create. The next screen tells me Create Page. => so I think : "Create a new page" is more relevant (in the landing page, we could include the "Duplicate this page" (aka "copy") function 2/ The "kebab" 3 vertical dots is not explicit either : doesn't tell me what's behind (what's the difference with the hamburger)=> I think it would be better to display "More actions" (which is coherent because Edit and Create (a new page) are the most performed actions (presumably) -- <http://xwiki.com> * Olivier Sérès* * VP Business Development* [email protected] skype: olivierseres Linkedin <https://fr.linkedin.com/in/olivierseres> Mobile : +33 6 61 31 2001 On Wed, Apr 26, 2017 at 6:34 PM, Mahomed Hussein <[email protected]> wrote:
This P2 is much nicer, but I still prefer P4.
I can see why some people like P2 as it is more descriptive. But, P4 still matches the current icons better (and I am guessing not many people have complained that they don't know what those mysterious buttons in the top right are for.) Additionally there's a tool tip when you hover over the buttons and once you know what the button does, you don't actually need the label.
The icons are pretty universal as well. i.e. a Pencil indicates editing and a Plus sign indicates "adding".
I don't suppose this could be a wiki wide configurable option? :) Or maybe something that can be turned on/off with a class in the skin.
Kind regards,
Mahomed Hussein Custodian Data Centre Email: [email protected] http://www.CustodianDC.com
-----Original Message----- From: users [mailto:[email protected]] On Behalf Of Ecaterina Moraru (Valica) Sent: 26 April 2017 16:06 To: XWiki Users <[email protected]> Subject: Re: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions
On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <[email protected]> wrote:
Hi Caty,
I would use the Edit text w/ pencil on Edit and just the plus icon for Create. The reason is Edit needs to be differentiated from Create, but this is accomplished with the word Edit. On small resolutions (iPhone) I think it is acceptable to hide the word Edit.
I have to disagree here. The purpose is to promote and highlight both important actions and that is both 'Edit' and 'Create'. The 'plus' sign can be also confusing for new users. Highlighting just 'Edit' would be hard to justify.
The triple-dot icon needs to be a button. P2 has it as a free-floating icon, P4 has it as a button: it needs to be a button as per P4.
Yes, a better screenshot for P2 is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P2_ noRightPanels.png The symmetric P4 screenshot is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_ noRightPanels.png
Thanks, Caty
Otherwise, looks good!
Be well, Craig
On Apr 26, 2017, at 3:34 PM, Miroslav Galajda < [email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
Opps, I wanted to vote for P4 not for P2 :-) I've mixed up the images :-) P4 goes with existing style and makes it from design perspective consistent with buttons for inline section editing. Sorry Miroslav Galajda On 26 April 2017 at 16:34, Miroslav Galajda <[email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabe ledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabe ledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav Thanks, Caty On Thu, Apr 27, 2017 at 10:06 AM, Miroslav Galajda < [email protected]> wrote:
Opps, I wanted to vote for P4 not for P2 :-) I've mixed up the images :-)
P4 goes with existing style and makes it from design perspective consistent with buttons for inline section editing.
Sorry
Miroslav Galajda
On 26 April 2017 at 16:34, Miroslav Galajda <[email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) <[email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright <[email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabe ledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabe ledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
Also consider that only advanced users are expressing their opinions here. (Newcomers and non-experienced wiki users rarely post in mailing lists, so we must figure out how they can understand the interface) Thanks -- Olivier On Thu, Apr 27, 2017 at 11:58 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav
Thanks, Caty
On Thu, Apr 27, 2017 at 10:06 AM, Miroslav Galajda < [email protected]> wrote:
Opps, I wanted to vote for P4 not for P2 :-) I've mixed up the images :-)
P4 goes with existing style and makes it from design perspective consistent with buttons for inline section editing.
Sorry
Miroslav Galajda
On 26 April 2017 at 16:34, Miroslav Galajda <[email protected]> wrote:
Hi,
I'm voting for P2 because it is making the visual style of buttons with dropdown menu to look as they should look, with indication of the dropdown menu. Secondly, the visual style of the edit page button will keep consistent with the buttons for inline section editing.
Best regards, Miroslav Galajda
On 26 April 2017 at 15:27, Ecaterina Moraru (Valica) < [email protected]> wrote:
This is getting interesting since I know users that like the P2 version and actually it was one of the first choices for re-implementation.
I guess we need more votes to reach a conclusion. Thanks to everyone that is participating, Caty
On Wed, Apr 26, 2017 at 4:14 PM, Jesse Bright < [email protected]> wrote:
They both look great but I like the look of P4 better.
Regards,
Jesse
On Apr 25, 2017, at 10:33 AM, Ecaterina Moraru (Valica) < [email protected]> wrote:
Hi,
We had feedback that new users don't know where to find the 'Edit' and 'Create' buttons. Also there is some confusions of why we have a 'cog' icon that contains actions like 'Delete' and a 'three dots' icon that contain other actions.
Would be great if you could tell us which version you prefer: P2: http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabe ledActions/ advancedUser.png P4: http://design.xwiki.org/xwiki/bin/download/Proposal/ IdeaLabeledActions/P4_1_bigger.png
Both proposals add backgrounds around the icons, the main difference is that P2 also uses descriptive labels, while P4 keeps the consistency with the top icons and a more minimalist style.
For the more actions menu, we want to combine the actions and add category labels, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabe ledActions/ moreActions.png
What do you think? Do you have other solutions for your instances? Did you encounter the same problem?
Thanks, Caty
I vote for P4. But will prefer P4 more, because pencil and plus icons are good enough to convey the meaning of action. I guess everyone working on a page would at least have a basic idea of what she is doing.. so just P4 icons could suffice. And the newcomers without any slight idea of wiki couldn't understand even if P2 is there. And yes, the cog actions can be merged with three dots.. -- View this message in context: http://xwiki.475771.n2.nabble.com/Proposal-UX-Feedback-for-Explicit-Content-... Sent from the XWiki- Users mailing list archive at Nabble.com.
Hi, On 04/27/2017 11:58 AM, Ecaterina Moraru (Valica) wrote:
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav
As a «fresh» user, I would prefer P2, mostly because I don’t think that every newcomer will have the intuition to look at the top-right corner of the page for its options. Adding labels allows for those three icons to be more visible. We could also display the icons labels only if the user has the «simple» user profile and remove them as soon as he becomes more advanced. Thanks, -- Clément Aubin Web Developer Intern @XWiki SAS [email protected] More about us at http://www.xwiki.com
On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <[email protected]> wrote:
Hi,
On 04/27/2017 11:58 AM, Ecaterina Moraru (Valica) wrote:
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav
As a «fresh» user, I would prefer P2, mostly because I don’t think that every newcomer will have the intuition to look at the top-right corner of the page for its options. Adding labels allows for those three icons to be more visible.
From an usability perspective, having labels is unbeatable both for new users and advanced users.
We could also display the icons labels only if the user has the «simple» user profile and remove them as soon as he becomes more advanced.
Not sure about making this configurable. It's a simple decision, we need to agree on a default. With this approach we make everything in XWiki configurable. The advantage of reaching to newcomers is that in time they will also become advanced users. We want to encourage user transformation. Also I don't think users that start with a more explicit interface will like the change after, since they will become accustomed to it. Thanks, Caty
Thanks,
-- Clément Aubin Web Developer Intern @XWiki SAS [email protected] More about us at http://www.xwiki.com
On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <[email protected]> wrote:
On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <[email protected]> wrote:
Hi,
On 04/27/2017 11:58 AM, Ecaterina Moraru (Valica) wrote:
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav
As a «fresh» user, I would prefer P2, mostly because I don’t think that every newcomer will have the intuition to look at the top-right corner of the page for its options. Adding labels allows for those three icons to be more visible.
From an usability perspective, having labels is unbeatable both for new users and advanced users.
I agree for new users but not for advanced. Users who’ve used those button just once know about them and don’t need the labels. I’d go as far as saying that the labels could actually be distracting by taking more visual space and catching your eyes when you look at the UI as a whole and want to focus on the content. Now this could be minor and the advantages for the newcomers could be more important than the small downside for returning users. Thanks -Vincent
We could also display the icons labels only if the user has the «simple»
user profile and remove them as soon as he becomes more advanced.
Not sure about making this configurable. It's a simple decision, we need to agree on a default. With this approach we make everything in XWiki configurable.
The advantage of reaching to newcomers is that in time they will also become advanced users. We want to encourage user transformation. Also I don't think users that start with a more explicit interface will like the change after, since they will become accustomed to it.
Thanks, Caty
Thanks,
-- Clément Aubin Web Developer Intern @XWiki SAS [email protected] More about us at http://www.xwiki.com
On 28 Apr 2017, at 10:01, Vincent Massol <[email protected]> wrote:
On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <[email protected]> wrote:
On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <[email protected]> wrote:
Hi,
On 04/27/2017 11:58 AM, Ecaterina Moraru (Valica) wrote:
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav
As a «fresh» user, I would prefer P2, mostly because I don’t think that every newcomer will have the intuition to look at the top-right corner of the page for its options. Adding labels allows for those three icons to be more visible.
From an usability perspective, having labels is unbeatable both for new users and advanced users.
I agree for new users but not for advanced.
Sorry, I didn’t mean to say “advanced” here. I mean to see “users who’ve used the buttons once”. Thanks -Vincent
Users who’ve used those button just once know about them and don’t need the labels. I’d go as far as saying that the labels could actually be distracting by taking more visual space and catching your eyes when you look at the UI as a whole and want to focus on the content.
Now this could be minor and the advantages for the newcomers could be more important than the small downside for returning users.
Thanks -Vincent
We could also display the icons labels only if the user has the «simple»
user profile and remove them as soon as he becomes more advanced.
Not sure about making this configurable. It's a simple decision, we need to agree on a default. With this approach we make everything in XWiki configurable.
The advantage of reaching to newcomers is that in time they will also become advanced users. We want to encourage user transformation. Also I don't think users that start with a more explicit interface will like the change after, since they will become accustomed to it.
Thanks, Caty
Thanks,
-- Clément Aubin Web Developer Intern @XWiki SAS [email protected] More about us at http://www.xwiki.com
I’d go as far as saying that the labels could actually be distracting by taking more visual space and catching your eyes when you look at the UI as a whole and want to focus on the content.
I totally agree with this about the UI and wasted space and distractions.
Now this could be minor and the advantages for the newcomers could be more important than the small downside for returning users.
Well newcomers just need to learn about the functions of the buttons by using them once or twice. Whereas the rest of us have to deal with the wasted space and distraction forever more :) Also, can't the concern about newcomers (and the introduction to the purpose of the buttons) be addressed with the tour application that now runs for new users? Honestly I don't think everyone is going to agree on this. Whatever the XWiki team chooses, will probably be fine. People will complain for a bit and just move on with life. So I think the team should just take the result from the poll and implement that as I think the topic could continue indefinitely :-) Kind regards, Mahomed Hussein Custodian Data Centre Email: [email protected] http://www.CustodianDC.com -----Original Message----- From: users [mailto:[email protected]] On Behalf Of Vincent Massol Sent: 28 April 2017 09:02 To: XWiki Users <[email protected]> Subject: Re: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions
On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <[email protected]> wrote:
On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <[email protected]> wrote:
Hi,
On 04/27/2017 11:58 AM, Ecaterina Moraru (Valica) wrote:
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav
As a «fresh» user, I would prefer P2, mostly because I don’t think that every newcomer will have the intuition to look at the top-right corner of the page for its options. Adding labels allows for those three icons to be more visible.
From an usability perspective, having labels is unbeatable both for new users and advanced users.
I agree for new users but not for advanced. Users who’ve used those button just once know about them and don’t need the labels. I’d go as far as saying that the labels could actually be distracting by taking more visual space and catching your eyes when you look at the UI as a whole and want to focus on the content. Now this could be minor and the advantages for the newcomers could be more important than the small downside for returning users. Thanks -Vincent
We could also display the icons labels only if the user has the «simple»
user profile and remove them as soon as he becomes more advanced.
Not sure about making this configurable. It's a simple decision, we need to agree on a default. With this approach we make everything in XWiki configurable.
The advantage of reaching to newcomers is that in time they will also become advanced users. We want to encourage user transformation. Also I don't think users that start with a more explicit interface will like the change after, since they will become accustomed to it.
Thanks, Caty
Thanks,
-- Clément Aubin Web Developer Intern @XWiki SAS [email protected] More about us at http://www.xwiki.com
Hi, So after 2 weeks of available time to express opinions I have some conclusions: we are going to implement P2. I've created http://jira.xwiki.org/browse/XWIKI-14265 We are going to make sure to have a span around the labels so that they can be easily hidden in custom skins. We had 42 votes around the subject held on 4 channels, for more details see http://design.xwiki.org/xwiki/bin/view/Proposal/IdeaLabeledActions#HVoting P2 had 65% of the votes, while P4 35%. Thanks everyone for the votes Caty On Fri, Apr 28, 2017 at 12:36 PM, Mahomed Hussein <[email protected]> wrote:
I’d go as far as saying that the labels could actually be distracting by taking more visual space and catching your eyes when you look at the UI as a whole and want to focus on the content.
I totally agree with this about the UI and wasted space and distractions.
Now this could be minor and the advantages for the newcomers could be more important than the small downside for returning users.
Well newcomers just need to learn about the functions of the buttons by using them once or twice. Whereas the rest of us have to deal with the wasted space and distraction forever more :) Also, can't the concern about newcomers (and the introduction to the purpose of the buttons) be addressed with the tour application that now runs for new users?
Honestly I don't think everyone is going to agree on this. Whatever the XWiki team chooses, will probably be fine. People will complain for a bit and just move on with life. So I think the team should just take the result from the poll and implement that as I think the topic could continue indefinitely :-)
Kind regards,
Mahomed Hussein Custodian Data Centre Email: [email protected] http://www.CustodianDC.com
-----Original Message----- From: users [mailto:[email protected]] On Behalf Of Vincent Massol Sent: 28 April 2017 09:02 To: XWiki Users <[email protected]> Subject: Re: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions
On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <[email protected]> wrote:
On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <[email protected]> wrote:
Hi,
On 04/27/2017 11:58 AM, Ecaterina Moraru (Valica) wrote:
Some summary until now: P2: Craig, Olivier P4: Mahomed, Steffen, Jesse, Miroslav
As a «fresh» user, I would prefer P2, mostly because I don’t think that every newcomer will have the intuition to look at the top-right corner of the page for its options. Adding labels allows for those three icons to be more visible.
From an usability perspective, having labels is unbeatable both for new users and advanced users.
I agree for new users but not for advanced. Users who’ve used those button just once know about them and don’t need the labels. I’d go as far as saying that the labels could actually be distracting by taking more visual space and catching your eyes when you look at the UI as a whole and want to focus on the content.
Now this could be minor and the advantages for the newcomers could be more important than the small downside for returning users.
Thanks -Vincent
We could also display the icons labels only if the user has the «simple»
user profile and remove them as soon as he becomes more advanced.
Not sure about making this configurable. It's a simple decision, we need to agree on a default. With this approach we make everything in XWiki configurable.
The advantage of reaching to newcomers is that in time they will also become advanced users. We want to encourage user transformation. Also I don't think users that start with a more explicit interface will like the change after, since they will become accustomed to it.
Thanks, Caty
Thanks,
-- Clément Aubin Web Developer Intern @XWiki SAS [email protected] More about us at http://www.xwiki.com
participants (10)
-
BRUMM Steffen -
Clément Aubin -
Craig Wright -
Ecaterina Moraru (Valica) -
Jesse Bright -
Mahomed Hussein -
Miroslav Galajda -
Olivier Seres -
Vincent Massol -
Vishal