• Icon: Design Design
    • Resolution: Unresolved
    • Icon: Normal Normal
    • None
    • None
    • None
    • None

      Hello everyone

      Fresh redesign ticket, everyone say "Hurray" before we move on to a long journey of feedback. Here it goes!

      Release Group_Overview
      !ReleaseGroup_Overview_v1.jpg

      Release Group_Details
      !ReleaseGroup_Details_v1.jpg

      Release Group_Gallery
      !ReleaseGroup_Gallery_v1.jpg

      Points to Note.
      1. I have made the right side pane a smaller and consistent across pages, unlike in Artist page mockups. If this feels right-er, we can follow the same for all pages.

      2. Displaying Tracklist on a release group page was slightly debatable. Classical releases with huge tracklists might be a problem, but I suggest we can do so with a scrollbar. I would like your opinion on it.

      3. Cover Art Gallery.
      Side Note: Tables remain customizable, these are default columns. Barcode, etc can be added by editors if required.

      Happy feedback-ing

        1. ReleaseGroup_CoverArt_v3.jpg
          592 kB
          Chhavi Shrivastava
        2. ReleaseGroup_CoverArt_v5.jpg
          614 kB
          Chhavi Shrivastava
        3. ReleaseGroup_Details_v1.jpg
          573 kB
          Chhavi Shrivastava
        4. ReleaseGroup_Details_v2.jpg
          529 kB
          Chhavi Shrivastava
        5. ReleaseGroup_Details_v3.jpg
          592 kB
          Chhavi Shrivastava
        6. ReleaseGroup_Details_v5.jpg
          620 kB
          Chhavi Shrivastava
        7. ReleaseGroup_Gallery_v1.jpg
          592 kB
          Chhavi Shrivastava
        8. ReleaseGroup_Gallery_v2.jpg
          561 kB
          Chhavi Shrivastava
        9. ReleaseGroup_Overview_v1.jpg
          682 kB
          Chhavi Shrivastava
        10. ReleaseGroup_Overview_v2.jpg
          782 kB
          Chhavi Shrivastava
        11. ReleaseGroup_Overview_v3.jpg
          817 kB
          Chhavi Shrivastava
        12. ReleaseGroup_Overview_v5.jpg
          756 kB
          Chhavi Shrivastava
        13. ReleaseGroup_Overview.jpg
          682 kB
          Chhavi Shrivastava
        14. Screen Shot 2018-06-11 at 8.28.15 PM.png
          34 kB
          Chhavi Shrivastava

          [MBS-9652] Redesign of "Release Group" Page

          MonkeyPython added a comment -

          Hi! Thanks for being patient!

          I like the Artist > Release Group > Overview thing (is this what you call breadcrumb?) are they links? they could be, it might make navigation easier too.
          I approve of these on all pages tbh.

          2. yaaaaayy!! 🙌 this is very wanted! it also solves/gives the "tracklist on RG pages", I think this is a happy compromise!

          I also like the inclusion of exactly the same infos as before. I also like how each release now also has a small cover art, I can already tell that this will come in very handy (I wish we had this feature already)!

          I agree that overly long tracklist could possibly be solved with an inline scroll, however, please be a bit lenient, 6 tracks is not nearly too long. Maybe something like 25+25+25 (three discs 25 tracks) could be a starting point for default max, but I also think this should be an option (I for one, don't mind 120 track tracklist showing up.)

          Only other thing on this page is still how low down the editing links are, they need to be higher up.

          All my last comments re: the Details page still stands, I approve of rels and aliases on the same page, but I want more of the rel info maybe shown right on the first tab page, this is even more true of release group than release page - often it's the most important thing I as an editor am looking for on the RG. I also miss "edit" links.

          Actually the "about the release group" section in the sidebar looks like info that would fit the "overview" tabpage well.

          Also hoping for a dedicated section for: tags, ratings (or a link to the equivalent rating on CritiqueBrainz if/when these are moved there.)
          else I agree also with culinko (Peter Culak) here.

          Thank you for all your hard work doing this and for waiting so patiently for my feedback. I promise not to take so long next time :​x

          MonkeyPython added a comment - Hi! Thanks for being patient! I like the Artist > Release Group > Overview thing (is this what you call breadcrumb?) are they links? they could be, it might make navigation easier too. I approve of these on all pages tbh. 2. yaaaaayy!! 🙌 this is very wanted! it also solves/gives the "tracklist on RG pages", I think this is a happy compromise! I also like the inclusion of exactly the same infos as before. I also like how each release now also has a small cover art, I can already tell that this will come in very handy (I wish we had this feature already)! I agree that overly long tracklist could possibly be solved with an inline scroll, however, please be a bit lenient, 6 tracks is not nearly too long. Maybe something like 25+25+25 (three discs 25 tracks) could be a starting point for default max, but I also think this should be an option (I for one, don't mind 120 track tracklist showing up.) Only other thing on this page is still how low down the editing links are, they need to be higher up. All my last comments re: the Details page still stands, I approve of rels and aliases on the same page, but I want more of the rel info maybe shown right on the first tab page, this is even more true of release group than release page - often it's the most important thing I as an editor am looking for on the RG. I also miss "edit" links. Actually the "about the release group" section in the sidebar looks like info that would fit the "overview" tabpage well. Also hoping for a dedicated section for: tags, ratings (or a link to the equivalent rating on CritiqueBrainz if/when these are moved there.) else I agree also with culinko (Peter Culak) here. Thank you for all your hard work doing this and for waiting so patiently for my feedback. I promise not to take so long next time :​x

          Peter Culak added a comment -

          I think "by Artist" should be added below the album name + disambiguation. Currently we have "Release group by Artist" in new line below but I think "release group" text could be redundant because we can see it in the path above. I won't mind either way, I just need to see the artist there. The same goes for the release page, the artist is missing there as well.

          Peter Culak added a comment - I think "by Artist" should be added below the album name + disambiguation. Currently we have "Release group by Artist" in new line below but I think "release group" text could be redundant because we can see it in the path above. I won't mind either way, I just need to see the artist there. The same goes for the release page, the artist is missing there as well.

          I agree with Peter's comments.

          Also, just a general thumbs-up for all the work you're doing 

          Richard Murison added a comment - I agree with Peter's comments. Also, just a general thumbs-up for all the work you're doing 

          Peter Culak added a comment - - edited

          Hello, thanks for the new round of mockups!

          I only have a couple of minor remarks:

          ReleaseGroup_Overview
          If a release is expanded, the space on the left of the tracklist feels a little bit wasted. Maybe the tracklist could be a little less indented?

          ReleaseGroup_Details
          As I mentioned in the Release Page ticket last time, what is the function of the pencils on the Details page? Especially the ones in the first 2 blocks.

          I would perhaps try to reorder the buttons on the right side under the cover art so the "Edit Page" button would be on the right side. Imho it would feel more natural. So it could be either Add Collection/Open Edits/See Edit History/Edit Page or Open Edits/See Edit History/Add Collection/Edit Page. Maybe I'd also change the wording of "See Edit History" into "Editing History" to match the wording of the list on the bottom (it would also match the present mb layout).

          Lastly, what do you think about the orange indicator for the open edits being present also in the top panel that I mentioned in the paragraph above? Or would it be too disturbing? I mentioned this because I'd like if there was an easy way to tell the user if the page has open edits or not without scrolling down to see the orange indicator. Having the number in the brackets is good, but I was thinking about something more distinctive.

          Peter Culak added a comment - - edited Hello, thanks for the new round of mockups! I only have a couple of minor remarks: ReleaseGroup_Overview If a release is expanded, the space on the left of the tracklist feels a little bit wasted. Maybe the tracklist could be a little less indented? ReleaseGroup_Details As I mentioned in the Release Page ticket last time, what is the function of the pencils on the Details page? Especially the ones in the first 2 blocks. I would perhaps try to reorder the buttons on the right side under the cover art so the "Edit Page" button would be on the right side. Imho it would feel more natural. So it could be either Add Collection/Open Edits/See Edit History/Edit Page or Open Edits/See Edit History/Add Collection/Edit Page. Maybe I'd also change the wording of "See Edit History" into "Editing History" to match the wording of the list on the bottom (it would also match the present mb layout). Lastly, what do you think about the orange indicator for the open edits being present also in the top panel that I mentioned in the paragraph above? Or would it be too disturbing? I mentioned this because I'd like if there was an easy way to tell the user if the page has open edits or not without scrolling down to see the orange indicator. Having the number in the brackets is good, but I was thinking about something more distinctive.

          ROUND 4

          Hello everyone Updating the next round of mockups after some feedback we had on the IRC session!

          ReleaseGroup_Overview

          1. Where exactly are we? Decided to add a breadcrumb to indicate the location and moved back the entity name where it was. I think with this, it gives a very clear idea.

          2. Tracklists on expanding the releases. This was demanded and is currently implemented through bitmap's script. However, if the tracklists are long, as in some cases, a scrollable section should be good.

          ReleaseGroup_CoverArt

          3. Same as the last round, feedback welcome

          ReleaseGroup_Details

          Thanks again for keepin' it movin' Happy feedbacking!

          Chhavi Shrivastava added a comment - ROUND 4 Hello everyone Updating the next round of mockups after some feedback we had on the IRC session! ReleaseGroup_Overview 1. Where exactly are we? Decided to add a breadcrumb to indicate the location and moved back the entity name where it was. I think with this, it gives a very clear idea. 2. Tracklists on expanding the releases. This was demanded and is currently implemented through bitmap's script. However, if the tracklists are long, as in some cases, a scrollable section should be good. ReleaseGroup_CoverArt 3. Same as the last round, feedback welcome ReleaseGroup_Details Thanks again for keepin' it movin' Happy feedbacking!

          Regarding the tracklist, what would happen if a release had the same combination of tracks as the base release, but in a different order?

          How about if you simply listed every track in the base release, followed by all of the additional tracks which appear in any of the other releases.  You might indicate with a small gap where the 'base release' tracks end, and the 'other releases' tracks begin.  Then, whenever the cursor hovers over an individual track, every release that features that track would light up in some distinctive way.

          The corresponding situation could equally be true ... whenever the cursor hovers over an individual release, every track that appears on that release would light up in the same distinctive way.

          Richard Murison added a comment - Regarding the tracklist, what would happen if a release had the same combination of tracks as the base release, but in a different order? How about if you simply listed every track in the base release, followed by all of the additional tracks which appear in any of the other releases.  You might indicate with a small gap where the 'base release' tracks end, and the 'other releases' tracks begin.  Then, whenever the cursor hovers over an individual track, every release that features that track would light up in some distinctive way. The corresponding situation could equally be true ... whenever the cursor hovers over an individual release, every track that appears on that release would light up in the same distinctive way.

          ROUND 3
          Hello everyone

          Sorry I posted it on the release page by mistake. Copy pasting it here

          Again, I am just distilling all the feedback here, on IRC and forums and listing the changes. Thank you all for your wonderful efforts so far in giving feedback and keeping up with the discussions. A huge Yayy!

          Changes in this version
          1. I think we should take tracklist from the first release by date (the first release there was) and highlight the additional tracks on bottom. Also, collapse tracklist as setting for those who wish to not see it.
          I am going to ask bitmap, yvanzo if we can have all these preference settings in one place. Settings like "hide tracklists on release pages, expand release groups on artist page, columns to display in various tables, etc" I think that will make a lot of things very convenient for the editors. Let me get back to you on this one!

          2. A Relationship section on the overview page. See all will show all relationships.

          3. External links with names. I figured this was much in demand during the feedback.

          4. I have let cover art stay same as of now. More on it later.

          5. Changed edit history to "Open Edits". Removed "Subscribe", because there are talks of merging it with collections.

          6. I worked a lot on "how it is looking" part this past week. I don't know if it is noticeable, I cleaned up the tables, changed the background to light grey with content on white and a million other tiny things. I also experimented with shifting the name closer to the cover art+about the release group information. What do you think?
          Also "edit page, open edits and collection". Do you think this is cool or it should be something else according to you?

          I will run all these through Rob and other community members on IRC channel as well. Feel free to jump in during that conversation as well. Happy Feedbacking!! Release Page mockup to be up later this week.

          Thanks again!

          Chhavi Shrivastava added a comment - ROUND 3 Hello everyone Sorry I posted it on the release page by mistake. Copy pasting it here Again, I am just distilling all the feedback here, on IRC and forums and listing the changes. Thank you all for your wonderful efforts so far in giving feedback and keeping up with the discussions. A huge Yayy! Changes in this version 1. I think we should take tracklist from the first release by date (the first release there was) and highlight the additional tracks on bottom. Also, collapse tracklist as setting for those who wish to not see it. I am going to ask bitmap, yvanzo if we can have all these preference settings in one place. Settings like "hide tracklists on release pages, expand release groups on artist page, columns to display in various tables, etc" I think that will make a lot of things very convenient for the editors. Let me get back to you on this one! 2. A Relationship section on the overview page. See all will show all relationships. 3. External links with names. I figured this was much in demand during the feedback. 4. I have let cover art stay same as of now. More on it later. 5. Changed edit history to "Open Edits". Removed "Subscribe", because there are talks of merging it with collections. 6. I worked a lot on "how it is looking" part this past week. I don't know if it is noticeable, I cleaned up the tables, changed the background to light grey with content on white and a million other tiny things. I also experimented with shifting the name closer to the cover art+about the release group information. What do you think? Also "edit page, open edits and collection". Do you think this is cool or it should be something else according to you? I will run all these through Rob and other community members on IRC channel as well. Feel free to jump in during that conversation as well. Happy Feedbacking!! Release Page mockup to be up later this week. Thanks again!

          MonkeyPython added a comment -

          1I'd be really really disappointed that after all this time, I'd still have to employ the bitmap collapse-expand script in release groups - that was one of the things I'd definitely wanted server side after a redesign!
          ditto edit links and relationship edit links, I use those all the time! (and add cover art link to! that'd be neat!)

          2 Still don't see a use for a tracklist (whichever or how we pick), no matter which is chosen, it will not necessary be what I'm in the release group in the first place, looking for. (see above as to why I like being able to expand any of the releases in a RG, since either could be why I'm there, often both or all of them!)

          3 Tying in with the above two, I'm not against having cover art in RG's per say, but how about an "overview" page where the releases are shown with a big cover art? and then you'd chose "this is the one we chose as "default" and then that's the one we'd have as the RG cover art and that's the one we'd chose to (if we must) display the tracklist of?
          An edit not unlike the "setting default cover art" in the release group to-day?

          4 I honestly must say for release group overview page the relationships are more useful than a "base release tracklist view ting"
          so yes, having a "relationships" section is a must!
          I don't generally want this information on a different tab at all.
          even a slow loading non-refreshing page load would be annoying in the long run, it's an extra click where today it's on the first page you see, under the list of releases (not a list of tracks)

          Batch add aliases! yes!

          5 I must confess something about icons/buttons, the "list" of links in the sidebar as well:
          Honestly I want the list of links with text like before, it doesn't say to me "here is external website links", I don't want to have to position the mousecursor over the little image every time (because no, people shouldn't have to "learn" what icons mean) just so I can figure out what link is what. (not to mention that the "homepage" link would have a wider variety of images so can never be "learned")
          Generally I am against the huge "iconification" of websites and programs going on now, same with the lack of text saying "edit" being replaced with.. a pencil? To me, it's invisible and hard to notice, I have to concentrate to remember that these are things I am to click, it's not always apparent that images are supposed to be clicked, to me little icon images doesn't say "click me" they say "ignore me, I'm not important".

          I'm sorry about this, but I. Want. Text. Links.
          Having this as an option is a must-have.

          MonkeyPython added a comment - 1I'd be really really disappointed that after all this time, I'd still have to employ the bitmap collapse-expand script in release groups - that was one of the things I'd definitely wanted server side after a redesign! ditto edit links and relationship edit links, I use those all the time! (and add cover art link to! that'd be neat!) 2 Still don't see a use for a tracklist (whichever or how we pick), no matter which is chosen, it will not necessary be what I'm in the release group in the first place, looking for. (see above as to why I like being able to expand any of the releases in a RG, since either could be why I'm there, often both or all of them!) 3 Tying in with the above two, I'm not against having cover art in RG's per say, but how about an "overview" page where the releases are shown with a big cover art? and then you'd chose "this is the one we chose as "default" and then that's the one we'd have as the RG cover art and that's the one we'd chose to (if we must) display the tracklist of? An edit not unlike the "setting default cover art" in the release group to-day? 4 I honestly must say for release group overview page the relationships are more useful than a "base release tracklist view ting" so yes, having a "relationships" section is a must! I don't generally want this information on a different tab at all. even a slow loading non-refreshing page load would be annoying in the long run, it's an extra click where today it's on the first page you see, under the list of releases (not a list of tracks ) Batch add aliases! yes! 5 I must confess something about icons/buttons, the "list" of links in the sidebar as well: Honestly I want the list of links with text like before, it doesn't say to me "here is external website links", I don't want to have to position the mousecursor over the little image every time (because no, people shouldn't have to "learn" what icons mean) just so I can figure out what link is what. (not to mention that the "homepage" link would have a wider variety of images so can never be "learned") Generally I am against the huge "iconification" of websites and programs going on now, same with the lack of text saying "edit" being replaced with.. a pencil? To me, it's invisible and hard to notice, I have to concentrate to remember that these are things I am to click, it's not always apparent that images are supposed to be clicked, to me little icon images doesn't say "click me" they say "ignore me, I'm not important". I'm sorry about this, but I. Want. Text. Links. Having this as an option is a must-have.

          Peter Culak added a comment -

          * 
base release = the first release added to MB, from which other releases were duplicated? Am I right here?


          I think we should just pick the first release from the list (how are they sorted exactly?) I think it's release date, then number of tracks, maybe more sort patterns after that? While it wouldn't be 100%, I think it would work fine for most releases that we have.

          Peter Culak added a comment - * 
base release = the first release added to MB, from which other releases were duplicated? Am I right here?
 I think we should just pick the first release from the list (how are they sorted exactly?) I think it's release date, then number of tracks, maybe more sort patterns after that? While it wouldn't be 100%, I think it would work fine for most releases that we have.

          Chhavi Shrivastava added a comment - - edited

          ROUND TWO
          Hello everyone.
          1. Release Table
          
Those drop down triangles next to release names were my fault. I don’t think any additional info is needed. 
One suggestion was to add the list of tracks under each dropdown. While I agree it gives understanding of release group being a container for releases, I am not for it as:

          * a lot of repetitive information

          * tracklists can be huge in numbers and title length. I just feel it will crowd the space.


          • It will provide no useful data in terms of comparison. Like I can’t see, if this track appears only on this release or across all releases.

          

I see your point in not needing edit buttons next to each release.
          But with tiny cover art next to releases, I think it will be convenient to click edit as soon as you see a missing cover art for a release. Simple call to actions and easy edit links is something we are aiming at here


          2. Tracklist
          
For tracklist, I agree that what we should attempt at is not a “generic, combined” tracklist and come up with a smarter way to represent it. Taking tracks from the “base” release and marking out the ones which appear only on selected releases seems like a way to do it.
          * 
base release = the first release added to MB, from which other releases were duplicated? Am I right here?

          * On expanding the track which appears on selected releases, we can show the releases it appears on.



          I am open to discussing more ways to make this view of tracklist more comprehensive without being an information overload for new users.

          3. Cover Art Gallery

          * I do see sense in adding a cover art tab. Will keep things organized and accessible. 


          • Yep, you are right. Adding cover art for releases from the release group page makes no sense.
            * The “set cover art” will take the users on the set cover art page, like it does now.


          4. Details
          * 
Badge add aliases can be done. Noted, not shown in the mockup yet.
 I see your point in relationships being most important part in entities like instruments. Maybe on those entity pages, we can have the relationships on the overview page as well. Also, if you guys insist, we can have a relationships card in the overview tab, in release group as well. What do you say?

          @Mr Grimm I do get your concern, a very valid one. I am going to think more about the distance between RG and about the RG. I can’t seem to think of a solution right now, which doesn’t involve changing the layout which I am not up for tbh
          @Peter: Like we discussed on IRC, having button/icons of “open edits”, “add annotation” along with other icons is a very good idea. I am going to work on that next (maybe a separate ticket too). It’s in my head, not in this mockup. Will keep you updated.
          
@Catquest Great ideas about the tutorial/help for new users. Let’s think more about it after we are partly done with entity pages.

          @Kid Devine Yes, designing release page together with this is definitely the right way to go, I am on it.
          @Mauritis Welcome to the feedback party. Looking forward to more of your reviews on upcoming tickets

          That’s all folks! Happy feedbacking. 


          PS: Added the link to the Release Group Redesign. Please do visit that as well.
          https://tickets.metabrainz.org/browse/MBS-9665

          Chhavi Shrivastava added a comment - - edited ROUND TWO Hello everyone. 1. Release Table 
Those drop down triangles next to release names were my fault. I don’t think any additional info is needed. 
One suggestion was to add the list of tracks under each dropdown. While I agree it gives understanding of release group being a container for releases, I am not for it as:
 * a lot of repetitive information
 * tracklists can be huge in numbers and title length. I just feel it will crowd the space.
 It will provide no useful data in terms of comparison. Like I can’t see, if this track appears only on this release or across all releases. 

I see your point in not needing edit buttons next to each release. But with tiny cover art next to releases, I think it will be convenient to click edit as soon as you see a missing cover art for a release. Simple call to actions and easy edit links is something we are aiming at here
 2. Tracklist 
For tracklist, I agree that what we should attempt at is not a “generic, combined” tracklist and come up with a smarter way to represent it. Taking tracks from the “base” release and marking out the ones which appear only on selected releases seems like a way to do it. * 
base release = the first release added to MB, from which other releases were duplicated? Am I right here?
 * On expanding the track which appears on selected releases, we can show the releases it appears on.

 I am open to discussing more ways to make this view of tracklist more comprehensive without being an information overload for new users. 3. Cover Art Gallery
 * I do see sense in adding a cover art tab. Will keep things organized and accessible. 
 Yep, you are right. Adding cover art for releases from the release group page makes no sense. * The “set cover art” will take the users on the set cover art page, like it does now.
 4. Details * 
Badge add aliases can be done. Noted, not shown in the mockup yet.
 I see your point in relationships being most important part in entities like instruments. Maybe on those entity pages, we can have the relationships on the overview page as well. Also, if you guys insist, we can have a relationships card in the overview tab, in release group as well. What do you say? @Mr Grimm I do get your concern, a very valid one. I am going to think more about the distance between RG and about the RG. I can’t seem to think of a solution right now, which doesn’t involve changing the layout which I am not up for tbh 
 @Peter: Like we discussed on IRC, having button/icons of “open edits”, “add annotation” along with other icons is a very good idea. I am going to work on that next (maybe a separate ticket too). It’s in my head, not in this mockup. Will keep you updated. 
@Catquest Great ideas about the tutorial/help for new users. Let’s think more about it after we are partly done with entity pages.
 @Kid Devine Yes, designing release page together with this is definitely the right way to go, I am on it. @Mauritis Welcome to the feedback party. Looking forward to more of your reviews on upcoming tickets That’s all folks! Happy feedbacking. 
 PS: Added the link to the Release Group Redesign. Please do visit that as well. https://tickets.metabrainz.org/browse/MBS-9665

            chhavi Chhavi Shrivastava
            chhavi Chhavi Shrivastava
            Votes:
            1 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:

                Version Package