Feature #32449
Restyle module menu
| Status: | Closed | Start date: | 2011-12-12 | ||
|---|---|---|---|---|---|
| Priority: | Could have | Due date: | |||
| Assignee: | Lars Zimmermann | % Done: | 70% |
||
| Category: | Design | ||||
| Target version: | TYPO3 4.7 | ||||
| Tags: | |||||
| Votes: | -1 (View) |
Description
The module menu is very condensed and has exessive information.
To unclutter the menu few steps should be taken:
- Remove to fold-icon in front of menuSection title
- Dim the heavy color of menuSection title
- Invert highlight color from light to dark
- Increase padding, decreade margin for bigger click areas
- Remove empty spaces
- Align section and lins mit TYPO3 logo in top
- Remove the section lines
I would like to discuss colors:
— active item (could be toolbar color)
— hover color (could be 40% between normal and highlight color)
-> we have no real highlight color
Related issues
| related to Usability Team - Suggestion #41166: Invert Module Menu | Rejected | 2012-09-21 |
History
Updated by Steffen Ritter over 1 year ago
- Status changed from New to Needs Feedback
- Target version changed from 4.7.0-alpha2 to 4.7.0-alpha3
Such changes have to be discusses and approved bei the UI/HCI Team... Please refer to them first!
Updated by Jens Hoffmann over 1 year ago
Can someone move the Issue to the right group?
Updated by Jens Hoffmann over 1 year ago
Hi,
to me the Suggestion doesn't
looks like a improvement, sorry.
My vote would be a: -1.
Greez Jens
Updated by Jens Hoffmann over 1 year ago
Maybe this could a "on own flavor redesign Extension" enable this.
Updated by Felix Kopp over 1 year ago
Please move to UX/UI project
Updated by Felix Kopp over 1 year ago
- File Screen_Shot_2011-12-12_at_22.41.03.png added
- File Screen_Shot_2011-12-12_at_22.41.14.png added
- File Screen_Shot_2011-12-12_at_22.42.39.png added
- File Screen_Shot_2011-12-12_at_22.43.20.png added
- File Screen_Shot_2011-12-12_at_22.55.26.png added
See some of my inspiration here
Updated by Felix Kopp over 1 year ago
- File Screen_Shot_2011-12-12_at_22.58.59.png added
Updated by Philipp Gampe over 1 year ago
@Felix
Maybe you have not noticed, but the module menu flows into the pagetree which itself flows into the BE module area.
If you change the color, this nagivation aid will disappear.
So -1 to the color change. If you want to change the margin/padding to fix click problems, this is OK of course.
Also the white on grey is not readable at all.
Updated by Steffen Gebert over 1 year ago
- Status changed from Needs Feedback to Rejected
- Target version deleted (
4.7.0-alpha3)
Sorry, Felix. Philipp explained it - the highlighted menu item having the same background color as the frame next to it is part of the UI concept introduced with 4.4. I would say it has to stay some time this way (maybe you're just one UI generation ahead of us ^^).
For the moment: rejected.
Updated by Ingo Renner over 1 year ago
I also agree with the functionality of the highlighting background flowing from left to right. However, I see some other improvements in this issue which we should consider. Maybe it would be good to separate this in
Updated by Felix Kopp over 1 year ago
- File after-rev3.png added
He Ingo, thanks for the upper.
Which part do you have in mind.
- Module navigation without separating lines.
- Module category in in dark gray/instead or black
- Removing the arrow on the left or category
- Larger padding between each category
Actually most of the ideas would also work with the flowing high light color.
Updated by Steffen Gebert over 1 year ago
- Status changed from Rejected to Under Review
- Assignee deleted (
Felix Kopp)
Updated by Steffen Gebert over 1 year ago
- Project changed from Core to Usability Team
- Category deleted (
Backend User Interface)
Updated by Steffen Gebert over 1 year ago
This would make us look perfectly like Apple :D
UX/UI Team - Feedback?
Updated by Ingo Renner over 1 year ago
Felix Kopp wrote:
Which part do you have in mind.
- Module navigation without separating lines. - Module category in in dark gray/instead or black - Removing the arrow on the left or category - Larger padding between each category
yes, basically all of them, maybe we could align the menu items with the menu header though...
Updated by Ingo Renner over 1 year ago
Steffen Gebert wrote:
This would make us look perfectly like Apple :D
nah, then we'd need grayscale icons ;)
Updated by Jens Hoffmann over 1 year ago
- Category set to Design
- Status changed from Under Review to Needs Feedback
- Assignee set to Lars Zimmermann
- Priority changed from Should have to Could have
- Target version set to TYPO3 4.7
Hy Lars,
we need to discuss this topic as this
was my damn Idea and your Design.
Could we Skype this Week about it?
Until than, this is NOT approved.
Greez Jens
Updated by Lars Zimmermann over 1 year ago
Hi Guys,
I'm back from holidays, so that's why I'm answering so late... I think the suggestions interesting. Would the functionality of collapsing sections with the help of the arrows diasappear, when we remove the arrows...? that would be very disappointing, because I'm using this feature pretty often, as well as my customers do.
Yes Jens, we can have a quick chat via skype? Would you have a time-slot today? Tomorrow till saturday I'm in munich and not available...
Greets
Lars
Updated by Felix Kopp over 1 year ago
The functionality to collapse sections will still be available.
Only the arrow icons disappear to save few pixels.
Updated by Felix Kopp about 1 year ago
Any compromise or shall be reject this idea?
Updated by Jens Hoffmann about 1 year ago
- Status changed from Needs Feedback to On Hold
Currently I would say this is onHold until we have a clear solution.
Greez Jens
Updated by Jens Hoffmann 11 months ago
- Status changed from On Hold to Closed
We will find a final solution.
Main Issue for this topic is: #27432
Closing this one.