Ticket #928 (closed enhancement: fixed)

Opened 14 years ago

Last modified 14 years ago

cleary label the themes manager and manage portlets forms with different titles

Reported by: jschmitz Owned by: jmorliaguet
Priority: P2 Milestone: CPS 3.4.0
Component: CPSSkins Version: TRUNK
Severity: normal Keywords:


The themes manage ui and the portlets manage ui, are very hard to distinguish, especially for newcomers. Please make them clearly distinguishable.

Change History

comment:1 Changed 14 years ago by jmorliaguet

practically, when the site has been created, this is not an issue since end-users are not supposed to enter the theme management mode.

And conversely, the theme manager is not supposed to manage portlets since this is a different role. Could it be that you have these two roles at the same time?

The user interface issue -- if you have both roles and switch between them often -- comes from the fact that the two views are modal and the brain is not designed to switch between modes rapidly (the same problem occurs between 'workspaces' and 'sections'). Adding a title, changing the background's color is unfortunately not enough.

comment:2 Changed 14 years ago by fguillaume

  • Milestone changed from CPS 3.3.6 to CPS 3.4.0

comment:3 Changed 14 years ago by jmorliaguet

  • Status changed from new to closed
  • Resolution set to fixed

fixed in [29748]

there is now a "Portlet editor" or a "Theme editor" label at the top of the screen on the right.

comment:4 Changed 14 years ago by madarche

Commit [29769] also adds more semantic and titles with bigger size.

The ideal solution to clearly distinguish the two screen would be to associate an image to the editors titles (as background images through CSS). I cann do this is someone provide 2 small pictures or good ideas for the small pictures. What kind of icon for a theme editor, what kind of icon for a portlet editor?

comment:5 Changed 14 years ago by jmorliaguet

keep it simple I would say. The more you put in it, the more users will wonder why nothing happens when they click on it.

icons are clickable or active throughout the entire editor so they are not a good choice.

I think it should be very discreet like a version number at the bottom of a screen..

comment:6 Changed 14 years ago by madarche

  • Version changed from 3.3.5 to TRUNK

Yes you are right, something very discreet.

So here I have another suggestion, let's change the grey common top background on the two management screens by two different backgrounds (still using CSS background images):

  • For the portlet management screen the top background could have different variety of squares (representing portlets) on top of the (same) grey background.
  • For the theme management screen the top background could have some circles (for ideas) on top of the a dark green background.

It would then be easier for users to differentiate the 2 screens through different colors and shapes.

The tiles and circles would be very thinly drawn and thus discreet added as transparent PNG images used through CSS image background.

comment:7 Changed 14 years ago by jmorliaguet

I wouldn't call that discreet, the gray color is there to not distract the eye and this would also lead to update screenshots used in docs.

Also rounds and squares mean nothing special. You can customize the css file if you want. But making such a radical change before CPS3.4 is a bit risky ... .

Note: See TracTickets for help on using tickets.