View Issue Details

IDProjectCategoryView StatusLast Update
0013002MMW 5Generalpublic2020-02-07 18:49
Reporterrusty Assigned To 
PriorityhighSeveritytweakReproducibilityalways
Status closedResolutionfixed 
Fixed in Version5.0 
Summary0013002: Optimize title bar / toolbar layout
DescriptionThe current toolbar/titlebar/tab bar arrangement can be improved so that:
a) it takes up less space (e.g. the title bar wastes a lot of space)
b) icons are arranged so that they're aligned with the portion of the UI that their functionality affects (e.g. tracklist view selector should be near the tracklist).

This can be accomplished as follows:
i) Combine the title bar with the tab bar (as in MM4). If the user doesn't use tabs, then the tab bar will appear empty as MM5 currently does, with the '+' button hidden in the overflow menu OR the main UI can appear as a tab with a single '+' button next to it (as in Chrome).
ii) To better align icons, the UI can be divided into 3 regions as shown in the mockup and that the different icons are aligned as shown (it's similar to the approach taken in gmail on a tablet in landscape mode). Note that when the NP (or the tree) is hidden, the icons that are right justified move to the right, while those that are left-justified move to the left.

See the attached images.
TagsNo tags attached.
Attached Files
2a Artist View (My Music).png (156,242 bytes)   
2a Artist View (My Music).png (156,242 bytes)   
2b Artist View (online).png (150,854 bytes)   
2b Artist View (online).png (150,854 bytes)   
3a Album View (My Music).png (172,288 bytes)   
3a Album View (My Music).png (172,288 bytes)   
3b Album View (online).png (179,736 bytes)   
3b Album View (online).png (179,736 bytes)   
Toolbar Alternatives.png (303,511 bytes)
Fixed in build2126

Activities

jiri

2015-12-08 14:40

administrator   ~0043545

Last edited: 2015-12-14 08:32

i) Per IM, while I agree, I think that we should try to design a version without the need to draw to the Titlebar area first.

ii) Could be modified by Michal, even though I'd do it with High priority only, since I'd like to see the rest of the UI stabilized before we start this kind of changes.

Note re. implementation - link describing the Titlebar modifications in Windows: https://msdn.microsoft.com/en-us/library/bb688195%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396

rusty

2015-12-08 22:57

administrator   ~0043563

If we want to improve the toolbars for the 5.0 release (and we feel that integrating functionality into the title bar is too time consuming), then we can go with the alternative approach that shown in Toolbar Alternatives.png.

jiri

2015-12-09 13:44

administrator   ~0043568

Assigning Petr to implement i) (without going into Titlebar).

petr

2015-12-11 22:50

developer   ~0043622

Implemented i)

petr

2018-10-10 13:16

developer   ~0051293

Tabs in title bar is already implemented in all default borderless skins. The rest of this issue is actual or need to be updated ?

rusty

2018-10-25 02:01

administrator   ~0051444

The only additional suggestions I'd make are:
1) Since we're not getting rid of the title bar, perhaps when the menu bar is hidden, the three dot overflow menu should be moved back to the title bar ?
2) The Filter icon should only appear when relevant (i.e. in views that display tracks)

jiri

2018-10-25 08:45

administrator   ~0051448

1) Or rather make it a part of the App icon (top left)? I don't think that the three dot icon would look good there...
2) Agreed.

rusty

2018-11-23 19:24

administrator   ~0051614

1) You're probably right that it wouldn't look good combined with the MM icon. However I don't like the idea of using the MM icon to perform this function (currently if the user accidentally hides the main menu, they invariable call support asking how to access the menu). On the other hand, if you meant to replace the MM icon with a menu indicator, that could work. See example below:
a) use 3 bars for the main menu (I suppose that 3 dots could work, but I'm not sure if it would look quite as good). Also, it would be inconsistent with the other 3-dot menus which currently appear on the right.
b) change the expand/collapse column indicator to something a bit more reflective of the function. See examples below.
main_menu_idea.jpg (46,176 bytes)   
main_menu_idea.jpg (46,176 bytes)   

michal

2018-11-26 13:32

developer   ~0051619

1) a+b implemented in build 2135. I think, it looks good and is quite intuitive now.

peke

2020-02-04 22:05

developer   ~0056522

From My tests in 2226

This can be closed as fixed as it is is changed and improved?

Latest improvements are done by natively including ShowAllnodes.

rusty

2020-02-07 18:49

administrator   ~0056572

This has already been fixed.