getmusicbee.com

General => MusicBee Wishlist => Topic started by: mikebo on May 07, 2012, 05:31:38 PM

Title: Few minor ui improvements
Post by: mikebo on May 07, 2012, 05:31:38 PM
I did a quick mockup to illustrate what i mean

http://i.imgur.com/36MJg.png (http://i.imgur.com/36MJg.png)

1. Give the search and address field a 1px rectangular border.
2. Get rid of the icon for 'now playing' list. It's unnecessary and when you open 'now playing' in the main panel the icon in the right panel stays even though there's no 'now playing' list anymore.  as ma_t14 pointed out it serves a function
3. Make the headers of track browser (and now playing list) look like the headers below it.
4. If there is nothing to scroll hide the scrollbars.
5. Make the selection in navigator panel full-width.
6. Replace those expand buttons with arrows.
7. Get rid of the now playing/selected bar. Instead change it through right-click menu (same in lyrics panel).
8. Display a notification with remaining time if user activates the auto-shutdown. (also can you add a option to shutdown when a current song finishes, this would be very handy for lengthy podcasts)

Good ideas? Bad ideas?
Title: Re: Few minor ui improvements
Post by: ma_t14 on May 07, 2012, 06:37:49 PM
2. Get rid of the icon for 'now playing' list. It's unnecessary and when you open 'now playing' in the main panel the icon in the right panel stays even though there's no 'now playing' list anymore.

The icon acts as a toggle for auto-dj, so no, its not unnecessary.

4. If there is nothing to scroll hide the scrollbars.

Makes sense and space is conserved. +1

5. Make the selection in navigator panel full-width.

Looks better +1

6. Replace those expand buttons with arrows.

I like this idea, it certainly looks more elegant that way. +1


7. Get rid of the now playing/selected bar. Instead change it through right-click menu (same in lyrics panel).

I don't agree with this. I want to know immediately and at any time whether the artwork/details are for the playing or selected track

8. Display a notification with remaining time if user activates the auto-shutdown. (also can you add a option to shutdown when a current song finishes, this would be very handy for lengthy podcasts)

+1



Overall I think most of your ideas are great. Good work!   :)
Title: Re: Few minor ui improvements
Post by: Steven on May 07, 2012, 06:42:04 PM
just regarding 5, i have tried this and its easy enough to do - the reason i didnt go ahead with it is it really needs a different set of colours for quite a few of the skins and some of the skins are no longer being updated.
I guess what i could do is make the full width selector a skin setting so that way it will only be set by the skins that are being maintained
Title: Re: Few minor ui improvements
Post by: Analien on May 07, 2012, 06:51:09 PM
+1 @ 4,5 and 8.
Title: Re: Few minor ui improvements
Post by: mikebo on May 08, 2012, 10:03:42 AM
4. If there is nothing to scroll hide the scrollbars.

Makes sense and space is conserved. +1
I don't want the scrollbars to be hidden completely. Just the arrows and the thumb, like in the mockup, this way we avoid reformatting of the columns.
Title: Re: Few minor ui improvements
Post by: ma_t14 on May 08, 2012, 11:46:19 AM
4. If there is nothing to scroll hide the scrollbars.

Makes sense and space is conserved. +1
I don't want the scrollbars to be hidden completely. Just the arrows and the thumb, like in the mockup, this way we avoid reformatting of the columns.

Oh, okay.. Yes that makes more sense
Title: Re: Few minor ui improvements
Post by: Steven on May 08, 2012, 08:34:32 PM
i've done 5 as a skin setting
  <element id="FullNodeSelect">true</element>
Title: Re: Few minor ui improvements
Post by: Steven on May 08, 2012, 10:29:52 PM
this has
4 - scrollbar is now not displayed when there is nothing to scroll (i only have time for a small amount of testing so its possible its not working in all cases, so let me know if it doesnt work in all cases)
5 - full width selector bar on the left navigator panel when set in the skin
<element id="FullNodeSelect">true</element>
not yet done for the Library Explorer

http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: mikebo on May 09, 2012, 10:24:56 AM
Looks great. One tiny thing though: in track browser when switching between views where the visibility of the scrollbar changes, musicbee flashes the regular window scrollbar next to its own.

edit: also the area behind the scroll thumb is a little darker http://i.imgur.com/O8JpP.png (http://i.imgur.com/O8JpP.png)
edit2: the scrollbar issue seems to be due to ScrollBarMargin set to value other than 0
Title: Re: Few minor ui improvements
Post by: Steven on May 09, 2012, 09:41:04 PM
i would think the scrollbar flashing has always been there and i've put in some handling so it should no longer flash (at least for the scenario i found it happened - there might be other scenarios, so if you find it still happens can you give me detailed steps)
I will post a update later
Title: Re: Few minor ui improvements
Post by: Steven on May 09, 2012, 10:19:45 PM
this has the fixes:
http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: Steven on May 10, 2012, 06:39:01 AM
i forgot to do the change for the artwork layout:
http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: mikebo on May 10, 2012, 03:40:26 PM
Now it's just perfect.
Title: Re: Few minor ui improvements
Post by: ma_t14 on May 10, 2012, 03:45:16 PM
I really like the idea of having arrows instead of plus signs in the computer node. It looks far more elegant and modern that way. I find the plus signs don't blend well with darker skins.

Steven is that change on the cards?  :)
Title: Re: Few minor ui improvements
Post by: Iowaseven on May 10, 2012, 07:13:01 PM
Thanks for the improvements, Steven! How about as a quick one, the option to hide the navigation bar/search box area, for those of us who don't use it?
Regarding the auto-dj icon button; wouldn't it be a lot neater just to have it as a button in the player controls?
Title: Re: Few minor ui improvements
Post by: Steven on May 12, 2012, 10:37:05 AM
I really like the idea of having arrows instead of plus signs in the computer node. It looks far more elegant and modern that way. I find the plus signs don't blend well with darker skins.

Steven is that change on the cards?  :)
i have changed it so the expand/ collapse arrows are more like windows7 and the colour should now blend in better as well
Title: Re: Few minor ui improvements
Post by: Steven on May 13, 2012, 02:38:10 PM
this has the new Computer tree arrows
http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: ma_t14 on May 13, 2012, 02:39:23 PM
Looks good, cheers
Title: Re: Few minor ui improvements
Post by: silasje1 on May 17, 2012, 12:27:43 PM
Any chance on a New Auto Album Tagger layout??
->http://getmusicbee.com/forum/index.php?topic=6448.0
Title: Re: Few minor ui improvements
Post by: ksvane on May 17, 2012, 09:07:55 PM
Your mockup was how I realized Mazzy Star has recently put out a single. Thanks!!

How do I change the skin settings (as needed for #5)?
Title: Re: Few minor ui improvements
Post by: ma_t14 on May 17, 2012, 09:14:27 PM
Your mockup was how I realized Mazzy Star has recently put out a single. Thanks!!

How do I change the skin settings (as needed for #5)?

You can't, it needs to be supported by the skin directly. As far as I know only dusk/dawn and WMP skins have added support for now
Title: Re: Few minor ui improvements
Post by: ksvane on May 17, 2012, 09:20:11 PM
Oh, ok. Thanks.
Title: Re: Few minor ui improvements
Post by: Steven on May 17, 2012, 09:44:36 PM
if you are not using a bitmap skin, you can add it yourself

<element id="FullNodeSelect">true</element>

but you might want to set these elements (change the colours as appropriate)
  <element id="Panel.ChildBody.Highlight" bg="160,160,160" fg="255,255,255" />
  <element id="Panel.ChildBody.Lowlight" bg="195,195,195" fg="0,0,0" />
Title: Re: Few minor ui improvements
Post by: ksvane on May 17, 2012, 09:58:17 PM
Cool. I'm not familiar with editing xml-files, but I can probably figure it out.
Title: Re: Few minor ui improvements
Post by: mikebo on May 17, 2012, 11:39:15 PM
Steven Thank you for the changes you've made so far. I know that even these seemingly small things may take a lot of your time, but the devil's in the details, so thank you for your hard work.

I have yet another set of ideas for your consideration, so here is round two:

1. Extend the headers over the scrollbar like so http://i.imgur.com/6xlEA.png (http://i.imgur.com/6xlEA.png), i think it would look cleaner that way.

2. Fix "MainPanelMargin.Left" and right preference in skins - Default value 0 leaves a 1px gap between the window border and the panel, this is very bad on the right side where the scrollbar is (it violates Fitts' Law). This can be fixed by setting -1 margin, but then the panel overlaps the skinned window border (in restored state). So maybe make it look like -1 sans overlapping at 0. (this is more of a bug really)

3. Refresh the icons. My proposal http://i.imgur.com/5SbuR.png (http://i.imgur.com/5SbuR.png) these icons are from http://p.yusukekamiyamane.com/ (http://p.yusukekamiyamane.com/) with some modifications (grab them here (https://www.dropbox.com/s/8hkr9vv4pzgxkvh/icons.zip)). The best solution imo would be to let skin creators ship their own icons with skins if they choose to. Also it would be much easier if the icons embedded in the xml file were pngs instead. Maybe the skins could be in a zip file with a different extension (like .mbs - musicbee skin) so the skin could be applied by opening the file. In this zip file there would be both the plain xml skin and the bitmap xmlc skin + Icon folder with custom icons.

4. The new arrow expanders are a nice touch, you could apply them to parent nodes in navigator panel and in podcast (and other places if i missed sth) for the sake of consistency.

5. Add a second color for ArtistSplitterLine for a indent effect. http://i.imgur.com/TYwL0.png (http://i.imgur.com/TYwL0.png)

6. In the Albums & Tracks view make the rows fade in (as a preference in skin settings, not everybody will like that) http://i.imgur.com/TYwL0.png (http://i.imgur.com/TYwL0.png)

7. I would also like you to reconsider the Auto DJ toggle icon. It's not obvious that it is a trigger for sth, there is no tooltip for it or a mouseover effect to indicate that it's a button. Also the panel would look cleaner without it. I'm sure you can come up with a better place for it. I would suggest to incorporate it in the shuffle button, so like the repeat button it has 3 states - off/shuffle/AutoDJ.


I want to make it clear that these are only ideas I would like you to think about and discuss. I know that MusicBee is pretty customizable and there are other people who may use it in different ways that I didn't take into account, and the last thing I want is to make someone's experience worse.
Title: Re: Few minor ui improvements
Post by: ksvane on May 18, 2012, 12:01:42 AM
+1 on new icons!! The current ones look like something from the MS-DOS age.

I agree on 7. too (as would Donald Norman.)

Overall creative suggestions, good to know there are others out there with aesthetic compulsions.
Title: Re: Few minor ui improvements
Post by: lnminente on May 18, 2012, 04:46:06 PM
Nice ideas. The zip file with images would be very nice, a lot easier than using images with base64
Title: Re: Few minor ui improvements
Post by: silasje1 on May 18, 2012, 05:28:16 PM
+1

#3
#5
#6

Also would like a better Album searcher :)
Title: Re: Few minor ui improvements
Post by: ma_t14 on May 19, 2012, 04:05:06 AM
Excellent ideas again! You definitely have an eye for good design...
Title: Re: Few minor ui improvements
Post by: Blinghound on May 19, 2012, 11:54:42 AM
I have to agree with ma_t14, you really do have an eye for good design! Do you have a background in software design?

+1 for every improvement
Title: Re: Few minor ui improvements
Post by: Steven on May 19, 2012, 01:26:39 PM
3. Refresh the icons. My proposal http://i.imgur.com/5SbuR.png (http://i.imgur.com/5SbuR.png) these icons are from http://p.yusukekamiyamane.com/ (http://p.yusukekamiyamane.com/) with some modifications (grab them here (https://www.dropbox.com/s/8hkr9vv4pzgxkvh/icons.zip)). The best solution imo would be to let skin creators ship their own icons with skins if they choose to. Also it would be much easier if the icons embedded in the xml file were pngs instead. Maybe the skins could be in a zip file with a different extension (like .mbs - musicbee skin) so the skin could be applied by opening the file. In this zip file there would be both the plain xml skin and the bitmap xmlc skin + Icon folder with custom icons.
i am happy to update the icons (a quick look, the only one i didnt like was the audiobooks) but could i ask one thing. Could you increase the height of the playlist icons to the full 16px. I used to have the musicbee playlist icons at 15px to make the spacing better but i recently increased the node spacing for the left navigator by 1px (so for most people its now 18px rather than 17px) and 15px makes the icon look slightly too small
I havent considered your requests as yet and will reply later
Title: Re: Few minor ui improvements
Post by: HHM on May 19, 2012, 07:34:11 PM
+1 to mikebo's ideas, +1 to Steven for his patience and will to still improve what's already marvelous:)
Title: Re: Few minor ui improvements
Post by: Steven on May 20, 2012, 12:19:16 PM
2. Fix "MainPanelMargin.Left" and right preference in skins - Default value 0 leaves a 1px gap between the window border and the panel, this is very bad on the right side where the scrollbar is (it violates Fitts' Law). This can be fixed by setting -1 margin, but then the panel overlaps the skinned window border (in restored state). So maybe make it look like -1 sans overlapping at 0. (this is more of a bug really)
i am not seeing what the issue or mistake is with this one.
The default margin is 2 and setting it to 0 correctly sets the margins from what i see. There is also a border around the main panels so perhaps that is what you are seeing. Maybe a screenshot showing what you mean would help.
For setting the left/right margin to -1, it does push the main panels border into the windows frame area and i have made a change to handle that

For 7, i agree is looks a better without the icon and infact i like the suggestion of having the DJ mode displayed as one of the shuffle options on the main player. The only problem is for the bitmap skins which wont have support for that icon. I might be able to generate an icon automatically for those but depending on how much is involved i might not do this one
Title: Re: Few minor ui improvements
Post by: Steven on May 20, 2012, 01:56:58 PM
this has the changes for 1,2,7 (just the header)
http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: Steven on May 20, 2012, 10:22:30 PM
for 7 i have implemented an addition auto-dj state for the shuffle button
ie. on/off/auto-dj
however because that requires its own icon, the functionality is not enabled for bitmap skins. I will add support for that in the skin creator next but only the skins that implement the icon will have this functionality
Title: Re: Few minor ui improvements
Post by: Alexis on May 21, 2012, 01:24:56 PM
Loving the auto-Dj idea, as it just did not quite fit in my  mind as a left pane option but rather a mode similar to Theatermode.

Also Really liking the new Icons idea that say as much as their respective title.

Really nice suggestions (those that I understand anyway)  and  major recognition to Steven's open-mindedness regarding improvements.

Most of us tend to be ruled by our egos and as a result lose vision and experience failure.   I am truly amazed by how receptive  Steven has been regarding suggestions  whether they are good and bad.  (thankfully he weeds out the bad  ;D  )

A very nice forum!
Title: Re: Few minor ui improvements
Post by: Steven on May 21, 2012, 09:18:17 PM
updated .exe to support auto-dj toggle from the shuffle button and as mentioned its only supported for bitmap skins that provide an auto-dj shuffle icon
http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: Steven on May 21, 2012, 09:29:50 PM
link has now been updated
Title: Re: Few minor ui improvements
Post by: silasje1 on May 24, 2012, 06:29:27 PM
Thanks for all implementations :)
Title: Re: Few minor ui improvements
Post by: beeing good on May 25, 2012, 12:26:58 AM
Steven, sorry if this has been mentioned already but on the topic of the new autodj/shuffle button, I noticed that it says [DJ] after Now Playing when it is enabled which is great but it might be good to have [Shuffle] in the same place when that is enabled? It would make it all more consistent and clear.
Title: Re: Few minor ui improvements
Post by: mikebo on May 25, 2012, 08:48:22 PM
Do you have a background in software design?
Unfortunately not, it's just that these little things bug me. (i've read few articles about ui design but i'm no expert)

i am happy to update the icons (a quick look, the only one i didnt like was the audiobooks) but could i ask one thing. Could you increase the height of the playlist icons to the full 16px. I used to have the musicbee playlist icons at 15px to make the spacing better but i recently increased the node spacing for the left navigator by 1px (so for most people its now 18px rather than 17px) and 15px makes the icon look slightly too small
I havent considered your requests as yet and will reply later
First of all thank you for a speedy implementation.
I'll modify the playlist icons asap. Is it something in particular you don't like about the audiobooks icon?

2. Fix "MainPanelMargin.Left" and right preference in skins - Default value 0 leaves a 1px gap between the window border and the panel, this is very bad on the right side where the scrollbar is (it violates Fitts' Law). This can be fixed by setting -1 margin, but then the panel overlaps the skinned window border (in restored state). So maybe make it look like -1 sans overlapping at 0. (this is more of a bug really)
i am not seeing what the issue or mistake is with this one.
The default margin is 2 and setting it to 0 correctly sets the margins from what i see. There is also a border around the main panels so perhaps that is what you are seeing. Maybe a screenshot showing what you mean would help.
For setting the left/right margin to -1, it does push the main panels border into the windows frame area and i have made a change to handle that
What i meant is that when the window is maximized you should be able to click on the scrollbar when the pointer is on the edge of the screen. This is possible when the side margin is -1 and that should be imo the default. I would go even further and disable this setting altogether since there is no aesthetic benefit to it and it hinders usability.
But since you've fixed the overlapping issue i'll just update my skins.

Steven, sorry if this has been mentioned already but on the topic of the new autodj/shuffle button, I noticed that it says [DJ] after Now Playing when it is enabled which is great but it might be good to have [Shuffle] in the same place when that is enabled? It would make it all more consistent and clear.
I agree


One more thing: tooltip for the shuffle button says [on/off/auto-dj] though the actual order is [off/on/auto-dj]. Same for repeat

Edit: i've updated the playlist icons https://www.dropbox.com/s/8hkr9vv4pzgxkvh/icons.zip (https://www.dropbox.com/s/8hkr9vv4pzgxkvh/icons.zip)

Edit 2: Steven can you add [bg2] and [bdr] attributes to skin elements: "Panel.Body.Highlight" ; "Panel.Body.Lowlight" ; "Content[TrackDetail].Body.Highlight" ; "Content[TrackDetail].Body.Lowlight" and [bg2] to "Menu.DropDown.Highlight" so we can have a selection similar to windows 7
(http://i.imgur.com/uPeng.png)
Title: Re: Few minor ui improvements
Post by: Blinghound on May 26, 2012, 07:56:52 PM
These skin attributes would be brilliant for my future skins! So many good ideas have been cropping up recently!
Title: Re: Few minor ui improvements
Post by: Steven on May 27, 2012, 10:00:26 AM
ive added support for borders on
"Panel.Body.Highlight" ; "Panel.Body.Lowlight" ; "Content[TrackDetail].Body.Highlight" ; "Content[TrackDetail].Body.Lowlight"

although you could set bg2, it wont work well eg. drawing star ratings in the main panel, drag/dropping over nodes in the left panel.
I will probably revisit adding support for it, but its too much effort for now. I guess if you make the bg2 difference small then perhaps it would be acceptable in the left panel elements but definitely not the main panel
Title: Re: Few minor ui improvements
Post by: Steven on May 27, 2012, 09:37:06 PM
i've added the following icon elements (assign them a base64 string from the bitmap)
MusicLibrary   (already is available)
BookmarksIcon
PodcastsIcon
RadioIcon
AudiobooksIcon
VideoIcon
InboxIcon
PlayHistoryIcon
DownloadsIcon
PlaylistNowPlayingIcon
PlaylistAutoDjIcon
PlaylistIcon
PlaylistAutoIcon
PlaylistMixerIcon
UpcomingReleasesIcon

its in the next update
Title: Re: Few minor ui improvements
Post by: silasje1 on May 27, 2012, 09:38:37 PM
Great! Thanks for the good work Steven
Title: Re: Few minor ui improvements
Post by: Steven on May 27, 2012, 09:59:17 PM
this has the icon elements (see above)
and supports bdr on
"Panel.Body.Highlight" ; "Panel.Body.Lowlight" ; "Content[TrackDetail].Body.Highlight" ; "Content[TrackDetail].Body.Lowlight"
see comments above re: using bg2 on these - recommend you dont

also added this setting element
  <element id="MainPanelTopBorder">true</element>
when set to true, it shows a horizontal line (using the track browser border) above the track browser and accross into the now playing sidebar. It might be useful for skins that have the header bar a similar colour to the main panel so the track browser vertical bars display as a rectangle. I think most skins would not benefit from this though

http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: mikebo on May 28, 2012, 04:46:34 PM
Thanks a lot Steven. I have updated my skins with all the stuff you've implemented.

I've used the bg2 on the highlights despite your warnings :) and i think i doesn't look that bad. Apart from the issues you've mentioned i found another one, hopefully easy to fix (http://i.imgur.com/jlNoI.png). This happens only in the Recently added auto-playlist.

another thing is that <element id="MainPanelTopBorder">true</element> works only for the track browser, can you also make it work for other headers when the track browser is hidden.
Title: Re: Few minor ui improvements
Post by: Steven on May 28, 2012, 06:56:01 PM
Apart from the issues you've mentioned i found another one, hopefully easy to fix (http://i.imgur.com/jlNoI.png). This happens only in the Recently added auto-playlist.
could you post a screenshot or describe the Album and Track view settings from "fields location" and below
Title: Re: Few minor ui improvements
Post by: mikebo on May 28, 2012, 07:06:51 PM
http://i.imgur.com/n9hp6.png (http://i.imgur.com/n9hp6.png)

It's the column with the speaker icon, which oddly can be resized in this particular playlist.
Title: Re: Few minor ui improvements
Post by: Steven on May 28, 2012, 07:14:13 PM
i think you would have changed the fields on that autoplaylist and i cant reproduce this - could you upload somewhere
"Recently Added.xautopf" which will be in the Playlists folder of your musicbee library
Title: Re: Few minor ui improvements
Post by: mikebo on May 28, 2012, 07:17:50 PM
https://www.dropbox.com/s/y0gdv8hwr2y8grs/Recently%20Added.xautopf (https://www.dropbox.com/s/y0gdv8hwr2y8grs/Recently%20Added.xautopf)
Title: Re: Few minor ui improvements
Post by: Steven on May 28, 2012, 07:32:01 PM
i dont know how you managed it but one of the fields is out of order
if you locate this line in the auto-playlist
      <Group Id="AlbumAndTracks">

and swap lines
        <Field Code="78" Width="0" />
        <Field Code="20" Width="75" />
to
        <Field Code="20" Width="16" />
        <Field Code="78" Width="0" />
Title: Re: Few minor ui improvements
Post by: mikebo on May 28, 2012, 07:35:28 PM
I don't know either but that fixed it.
Title: Re: Few minor ui improvements
Post by: Steven on May 28, 2012, 09:01:51 PM
another thing is that <element id="MainPanelTopBorder">true</element> works only for the track browser, can you also make it work for other headers when the track browser is hidden.
that element was really intended just to provide a rectangular closure for the track browser and i also included a line in the right sidebar so it looked balanced (my config only has the track browser displayed and not the AZ jump bar). If the track browser is not displayed, then the easiest implementation would be the line not be displayed in the right sidebar or are you thinking the AZ jump bar and top of the main panel filelist always have a horizontal line when this option is set?
Title: Re: Few minor ui improvements
Post by: mikebo on May 28, 2012, 09:27:48 PM
The latter... i think. Basically i want headers to have a top and bottom edge. There are few other places in musicbee where this isn't the case. Take a look a this screenshot (http://i.imgur.com/6VSPy.png) i have marked some places where the edges are missing.

Edit: Can you also make the Playing/Selected Track toggle over the artwork the same font size as the toggle in the lyrics panel?
Title: Re: Few minor ui improvements
Post by: HHM on May 29, 2012, 03:51:40 PM
As for the new icons (using new Dusk skin that has them implemented) - strong support for this idea, i'm enjoying them in new version of Dusk, but have few remarks:

- playlist and autoplaylist icons are too similiar, how about if they were their own negatives? (fe. playlist - grey note in whitey background, ap - whitey thunder in grey background)?

- the old Inbox icon was imho simplier (just box & arrow) than the new one (box + fragment of playlist icon, which gives: box + note + paper) and nicer

- i'm not fully into new Music icon (blue doublenote (???)) - I like that it's vivid and eyecatching (good for the most important place in MusicBee), but  the note itself seems to be a bit trivial too me.

What do you think??

cheers
Title: Re: Few minor ui improvements
Post by: mikebo on May 30, 2012, 02:50:17 AM
- playlist and autoplaylist icons are too similiar, how about if they were their own negatives? (fe. playlist - grey note in whitey background, ap - whitey thunder in grey background)?
When you have more than one autoplaylist and regular playlist you'll have to read the title anyway, you wont select a playlist based only on the icon, so i don't think it is that important for the icons to be very contrasting. I could give the autoplaylist icon a blue hue for example but i don't think it is necessary.

Edit: Do you by any chance like rainbows? Because i might have something for you :)

Quote
- the old Inbox icon was imho simplier (just box & arrow) than the new one (box + fragment of playlist icon, which gives: box + note + paper) and nicer
In that original post about icons i have included two icon for the inbox: full and empty, hoping that Steven would get this suggestion, but i guess he didn't notice. So Steven if you're reading this can we have a two-state inbox icon?

Quote
- i'm not fully into new Music icon (blue doublenote (???)) - I like that it's vivid and eyecatching (good for the most important place in MusicBee), but  the note itself seems to be a bit trivial too me.
It'll grow on you :)
But seriously do you have any suggestions for an alternative? I thought the note was symbolizing music pretty well.
Title: Re: Few minor ui improvements
Post by: HHM on May 30, 2012, 02:32:49 PM
Quote
Edit: Do you by any chance like rainbows? Because i might have something for you :)

And unicorns!!



dunno if the old Music Library wasn't more in the climat of the rest. but it's just me being whimsical:(

great job, man!
Title: Re: Few minor ui improvements
Post by: mikebo on May 30, 2012, 02:58:02 PM
Unicorns i don't have, but a rainbow i can deliver
(http://i.imgur.com/Vbk3K.png)

I still think the icons in my skins are ok and don't want to change them, so if you like the colors just grab the source of the skins and raplace the icons you want

(http://i.imgur.com/e7CS2.png) (http://i.imgur.com/NB6WO.png) (http://i.imgur.com/t1YLk.png)
Title: Re: Few minor ui improvements
Post by: HHM on May 30, 2012, 03:15:30 PM
nice, but will stay with less colors:)
Title: Re: Few minor ui improvements
Post by: mikebo on June 18, 2012, 07:54:23 PM
First some old ideas that haven't been addressed yet:
8. Display a notification with remaining time if user activates the auto-shutdown. (also can you add a option to shutdown when a current song finishes, this would be very handy for lengthy podcasts)
4. The new arrow expanders are a nice touch, you could apply them to parent nodes in navigator panel and in podcast (and other places if i missed sth) for the sake of consistency.

TABS
1.1. Support transparency in tabs and menu button. I can already set the background transparent but then the text gets corrupted.
(http://i.imgur.com/tgsVo.png)
1.2. New tab button color (the + sign).
1.3. Align leftmost tab with main panel.
1.4. Add playing indicator to tab that contains the playing song like on pitchfork.com
(http://i.imgur.com/lKQcc.png)

MAIN PANEL
(http://i.imgur.com/wTvCU.png)
2.1. Make Track Browser columns resizeable (with reset option), in both horizontal and vertical orientation.
2.2. Remove the submenu 'Orientation'. There are only two settings in that submenu.
2.3. When sorting ignoring 'The' place it at the end of an name eg. 'Beatles, The'.
2.4. Right align track count in Track Browser.
2.5. (http://i.imgur.com/DmFij.png) is this button really necessary?
2.6. Text color for the grouping header. It could look more like in windows 7 explorer.
(http://i.imgur.com/B6in9.png)
2.7. Add grouping header 'Album & Year' with right aligned year.
2.8. Right align number in '#' column (which is hidden in main view, but visible in Now playing list

PODCASTS
3.1. Don't display the episode date for collapsed podcasts or show the most recent episode date.
3.2. Add a link to the episode www in the descrition.
3.3. Favicons for podcasts (where possible).
3.4. Show links in episode description. Episode descriptions often contain link but MusicBee doesn't show them.
(http://i.imgur.com/qqxed.png)

MISC
4.1. Separate icon for empty inbox.
4.2. (http://i.imgur.com/9WE6X.png) Panel toggle highlight fg color (element id="Panel.StatusBarControl.Highlight").
4.3. In Preferences>Plugins> the native plugins have an uninstall button, but can't be uninstalled. Gray out the button or remove it.
4.4. Add a setting for skins to use the system scrollbars. It would allow to create a more native looking skin.
4.5. Border for the scrollbar thumb and a roundness setting
(http://i.imgur.com/LjRmb.png)
4.6. Reduce left padding in Now Playing list and add a shuffle indicator
(http://i.imgur.com/KWuTF.png)

MIDDLE CLICK
Make the middle click a little more useful:
      [middle click on]             > [action]
5.1. Song in main panel         > queue next
5.2. Item in Track Browser      > open in background tab
5.3. Song in Now Playing list  > remove from queue

Oh and here's a dopey idea:
a drop shadow for main panel
http://i.imgur.com/3pWeB.png (http://i.imgur.com/3pWeB.png)

Please leave some feedback.
Title: Re: Few minor ui improvements
Post by: beeing good on June 18, 2012, 08:10:42 PM
That's a very impressive list of improvements. I agree with pretty much all of them but I can't imagine how much work it would be to implement them all. I would definitely like to see the tabs aligned to the musicbee menu button and to make them full height of the bar ( I guess this is how it is now so that you can move the application around but I have never and will never do that).
Title: Re: Few minor ui improvements
Post by: mikebo on June 18, 2012, 08:35:03 PM
That's a very impressive list of improvements. I agree with pretty much all of them but I can't imagine how much work it would be to implement them all. I would definitely like to see the tabs aligned to the musicbee menu button and to make them full height of the bar ( I guess this is how it is now so that you can move the application around but I have never and will never do that).
I've meant that the tabs should be aligned with left main panel edge not the menu button, like in this mockup http://i.imgur.com/3pWeB.png (http://i.imgur.com/3pWeB.png)
I know this won't get implemented over night, if at all, but if there will be enough support i'm sure Steven will consider it.
Title: Re: Few minor ui improvements
Post by: beeing good on June 18, 2012, 08:51:03 PM
Oh ok, I understand. What would happen when you collapse the left side panel though? I think it would work better if the tabs aligned to the menu button, just like they do in firefox. Having them aligned to the main panel makes less sense when you have the player bar at the top (as well as the left panel closed).
Title: Re: Few minor ui improvements
Post by: Steven on June 18, 2012, 10:08:44 PM
just regarding the transparent tabs, i made a change
http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip

if it doesnt work, could you send me your skin so i can try it myself
Title: Re: Few minor ui improvements
Post by: Spiron on June 20, 2012, 03:47:26 AM
I just realised when looking at the mockup from mikebo in my Opera browser that more than a few of the UI elements seem to have been taken from opera, so well played sir  xD
Title: Re: Few minor ui improvements
Post by: mikebo on June 20, 2012, 02:28:13 PM
guilty :)
Title: Re: Few minor ui improvements
Post by: Steven on June 24, 2012, 09:49:54 AM
i've done 8, so it now shows the status of the auto-shutdown when enabled
also i have added a couple more options
- for the trigger to be the end of the current track
- to shutdown MusicBee only
Title: Re: Few minor ui improvements
Post by: mikebo on June 24, 2012, 09:57:08 AM
That's brilliant. Thanks for finding the time to work on this.
Title: Re: Few minor ui improvements
Post by: Steven on June 24, 2012, 01:59:31 PM
i have done 2.7 as a configurable field to be displayed on the right side of the header - nothing is done specially for Album & Year
i will add a skin element override for 2.6
for 2.8, that can already be achieved in Preferences/ Layout/ main panel/ Configure Fields

edit:
2.6 is <element id="Content[AlbumAndTracks].Header" fg="255,0,0"  />
Title: Re: Few minor ui improvements
Post by: Steven on June 24, 2012, 09:47:39 PM
as described in the prior 3 posts: 8, 2.7 & 2.8:
http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip
Title: Re: Few minor ui improvements
Post by: mikebo on September 05, 2012, 11:00:10 AM
It's me again

(http://i.imgur.com/Rdzh0.png)

I think it would more sense to keep that panel toggle in the status bar.