[xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

List overview All Threads
Download

newer

older

[xwiki-users] Search icon...

[xwiki-users] store.xwiki.com -...

Ecaterina Moraru (Valica)

25 Apr 2017 25 Apr '17

7:33 p.m.

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/adva… 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/more… What do you think? Do you have other solutions for your instances? Did you encounter the same problem? Thanks, Caty

Show replies by date

Mahomed Hussein

26 Apr 26 Apr

12:11 p.m.

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: Mahomed(a)CustodianDC.com http://www.CustodianDC.com -----Original Message----- From: users [mailto:users-bounces@xwiki.org] On Behalf Of Ecaterina Moraru (Valica) Sent: 25 April 2017 18:33 To: XWiki Mailinglist <users(a)xwiki.org> 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/adva… 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/more… What do you think? Do you have other solutions for your instances? Did you encounter the same problem? Thanks, Caty

Ecaterina Moraru (Valica)

12:17 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

On Wed, Apr 26, 2017 at 1:11 PM, Mahomed Hussein <Mahomed(a)custodiandc.com> wrote:

...

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: Mahomed(a)CustodianDC.com http://www.CustodianDC.com -----Original Message----- From: users [mailto:users-bounces@xwiki.org] On Behalf Of Ecaterina Moraru (Valica) Sent: 25 April 2017 18:33 To: XWiki Mailinglist <users(a)xwiki.org> 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

BRUMM Steffen

2:50 p.m.

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:users-bounces@xwiki.org] 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/adva… 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/more… What do you think? Do you have other solutions for your instances? Did you encounter the same problem? Thanks, Caty

Jesse Bright

3:14 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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) <valicac(a)gmail.com> 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/adva… 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/more… What do you think? Do you have other solutions for your instances? Did you encounter the same problem? Thanks, Caty

Ecaterina Moraru (Valica)

3:27 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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 <jesse(a)abrightfamily.com> 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) <

valicac(a)gmail.com> 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

Miroslav Galajda

4:34 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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) <valicac(a)gmail.com> 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) <

valicac(a)gmail.com> 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

Craig Wright

4:46 p.m.

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 <miroslav.galajda(a)gmail.com> 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) <valicac(a)gmail.com> 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 <jesse(a)abrightfamily.com> > 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) < >> valicac(a)gmail.com> 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 >> >> >> >

Ecaterina Moraru (Valica)

5:06 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <crw+xwiki(a)crw.xyz> wrote:

...

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.

...

Otherwise, looks good! Be well, Craig

On Apr 26, 2017, at 3:34 PM, Miroslav Galajda <

miroslav.galajda(a)gmail.com> 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

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 <jesse(a)abrightfamily.com> > 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) < >> valicac(a)gmail.com> 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

>>> 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 >> >> >> >

Craig Wright

5:45 p.m.

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) <valicac(a)gmail.com> wrote: On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <crw+xwiki(a)crw.xyz> wrote:

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_n… The symmetric P4 screenshot is http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/P4_n… Thanks, Caty > Otherwise, looks good! > > Be well, > Craig > >> On Apr 26, 2017, at 3:34 PM, Miroslav Galajda < > miroslav.galajda(a)gmail.com> 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) <valicac(a)gmail.com> >> 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 <jesse(a)abrightfamily.com> >>> 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) < >>>> valicac(a)gmail.com> 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 >>>> >>>> >>>> >>> > >

Ecaterina Moraru (Valica)

5:47 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

On Wed, Apr 26, 2017 at 6:45 PM, Craig Wright <crw+xwiki(a)crw.xyz> 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/adva… For 'Normal' users the 'Edit' is just a button, see http://design.xwiki.org/xwiki/bin/download/Proposal/IdeaLabeledActions/simp…

...

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) <

valicac(a)gmail.com> wrote:

On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <crw+xwiki(a)crw.xyz> 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

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 < > miroslav.galajda(a)gmail.com> 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) <

valicac(a)gmail.com>

>> 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 <

jesse(a)abrightfamily.com>

>>> 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) < >>>> valicac(a)gmail.com> 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 >>>> >>>> >>>> >>> > >

Mahomed Hussein

6:34 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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: Mahomed(a)CustodianDC.com http://www.CustodianDC.com -----Original Message----- From: users [mailto:users-bounces@xwiki.org] On Behalf Of Ecaterina Moraru (Valica) Sent: 26 April 2017 16:06 To: XWiki Users <users(a)xwiki.org> Subject: Re: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions On Wed, Apr 26, 2017 at 5:46 PM, Craig Wright <crw+xwiki(a)crw.xyz> wrote:

...

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 <

miroslav.galajda(a)gmail.com> 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

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 > <jesse(a)abrightfamily.com> > 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) < >> valicac(a)gmail.com> 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

>>> 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 >> >> >> >

Olivier Seres

27 Apr 27 Apr

12:19 a.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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* oseres(a)xwiki.com 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 <Mahomed(a)custodiandc.com> wrote:

...

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 <

miroslav.galajda(a)gmail.com> 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

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 >> <jesse(a)abrightfamily.com> >> 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) < >>> valicac(a)gmail.com> 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'

Miroslav Galajda

9:06 a.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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 <miroslav.galajda(a)gmail.com> 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) <

valicac(a)gmail.com> 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

> 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

Ecaterina Moraru (Valica)

11:58 a.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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 < miroslav.galajda(a)gmail.com> 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) <valicac(a)gmail.com> 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 <jesse(a)abrightfamily.com> > 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) < > > valicac(a)gmail.com> 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

Olivier Seres

12:24 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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) < valicac(a)gmail.com> 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 < miroslav.galajda(a)gmail.com> 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 <miroslav.galajda(a)gmail.com> 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) <

valicac(a)gmail.com>

> 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 <

jesse(a)abrightfamily.com>

> 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) < > > valicac(a)gmail.com> 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 > > >

Vishal

8:57 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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.

Clément Aubin

28 Apr 28 Apr

9:47 a.m.

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 clement.aubin(a)xwiki.com More about us at http://www.xwiki.com

Ecaterina Moraru (Valica)

9:57 a.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <clement.aubin(a)xwiki.com> 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

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 clement.aubin(a)xwiki.com More about us at http://www.xwiki.com

Vincent Massol

10:01 a.m.

...

On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <valicac(a)gmail.com> wrote: On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <clement.aubin(a)xwiki.com> 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

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.

Vincent Massol

10:02 a.m.

...

On 28 Apr 2017, at 10:01, Vincent Massol <vincent(a)massol.net> wrote:

On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <valicac(a)gmail.com> wrote: On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <clement.aubin(a)xwiki.com> 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

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 >> clement.aubin(a)xwiki.com >> More about us at http://www.xwiki.com

Mahomed Hussein

11:36 a.m.

...

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: Mahomed(a)CustodianDC.com http://www.CustodianDC.com -----Original Message----- From: users [mailto:users-bounces@xwiki.org] On Behalf Of Vincent Massol Sent: 28 April 2017 09:02 To: XWiki Users <users(a)xwiki.org> Subject: Re: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

...

On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <valicac(a)gmail.com> wrote: On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <clement.aubin(a)xwiki.com> 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

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.

Ecaterina Moraru (Valica)

9 May 9 May

3:29 p.m.

New subject: [xwiki-users] [Proposal][UX] Feedback for Explicit Content Actions

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 <Mahomed(a)custodiandc.com> 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.

On 28 Apr 2017, at 09:57, Ecaterina Moraru (Valica) <valicac(a)gmail.com>

wrote:

On Fri, Apr 28, 2017 at 10:47 AM, Clément Aubin <clement.aubin(a)xwiki.com> 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

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.

2679

days inactive

2693

days old

xwiki-users@xwiki.org

Manage subscription

22 comments

10 participants

tags (0)

participants (10)

BRUMM Steffen
Clément Aubin
Craig Wright
Ecaterina Moraru (Valica)
Jesse Bright
Mahomed Hussein
Miroslav Galajda
Olivier Seres
Vincent Massol
Vishal