Mixxx

Bug #661459
Comment #17

Comment 17 for bug 661459

Revision history for this message

k bashar (k.bashar) wrote on 2014-03-12:

#17

coverartmock.png Edit (267.3 KiB, image/png)

I've made a mock for showing Cover art in MIXXX.
I'm posting here cause i see discussion on cover art in MIXXX is going on here for a long time. so at the end whenever MIXXX is going to implement cover art feature it will be easy to compile all discussion at one place.

I wanted to keep it simple as well as useful as it is intended to be or should be.
In my design MIXXX is showing cover art along with other properties in Library Table.
Why in library table view?
Our hard drive is a collection of thousands of songs of different album and artist. Not a “record collection” organized in a shelf. So it's really hard to recall every song from only a cover art(and typically all song from one album has same art).
There is a thing, At a time we can't keep eye on two object.
So if we place the Cover art other than in library table with title/artist/... I think it wont be as intuitive as it is should be.
So I'm proposing to place it in library and before title.

And there should be a option for user to chose whether cover art should be shown or not. Well this option we need cause sometime we have plenty of songs without cover art(and user doesn't care to download it from Internet) than it's really boring to look at all those empty cells. And other than that user can choose to not use this feature for no reason, we can't complain :) . so I have added an option to switch between views(with cover art and without cover art).

Anyway I've seen column hiding feature in MIXXX table view but in case of cover art we just don't hide this better don't load this if we don't need. So I think option for showing or not showing cover art is necessary.

Now how about design?
Covert art will be shown in way that will seem to be organized one above other. To be honest I'm inspired in this case from TRAKTOR. And I think it's okay with MIXXX. To have this affect we just need to do some gradient work on image and showing only a portion(like 20% or something like that) of the image.
To have a feel like sorting out songs from your record box, When mouse hover on image (or traverse on the corresponding row) we can show cover art a little bit more(like 40% or something like that). To have this affect we just need to resize the corresponding row.
And when dragging song in deck, To have a real feel of placing record on vinyl we can show cover art with (or without) dragging icon. And this time we show the whole cover art.

Note: sorry in my mock you won't get the feel as stated above, Just have started using Inkspace for this mock. I'll update the mock as early as possible.

Please give your feedback and comments. If design is okay I'll move forward to implementation related discussion.

I've made a mock for showing Cover art in MIXXX.
I'm posting here cause i see discussion on cover art in MIXXX is going on here for a long time. so at the end whenever MIXXX is going to implement cover art feature it will be easy to compile all discussion at one place.

I wanted to keep it simple as well as useful as it is intended to be or should be.
In my design MIXXX is showing cover art along with other properties in Library Table. 
Why in library table view?
Our hard drive is  a collection of thousands of songs of different album and artist. Not a “record collection” organized in a shelf. So it's really hard to recall every song from only a cover art(and typically all song from one album has same art). 
There is a thing, At a time we can't keep eye on two object. 
So if we place the Cover art other than in library table with title/artist/... I think it wont be as intuitive as it is should be.
So I'm proposing to place it in library and before title.

And there should be a option for user to chose whether cover art should be shown or not. Well this option we need cause sometime we have plenty of songs without cover art(and user doesn't care to download it from Internet) than it's really boring to look at all those empty cells. And other than that user can choose to not use this feature for no reason, we can't complain :) . so I have added an option to switch between views(with cover art and without cover art).

Anyway I've seen column hiding feature in MIXXX table view but in case of cover art we just don't hide this better don't load this if we don't need. So I think option for showing or not showing cover art is necessary.

Now how about design?
Covert art will be shown in way that will seem to be organized one above other. To be honest I'm inspired in this case from TRAKTOR. And I think it's okay with MIXXX. To have this affect we just need to do some gradient work on image and showing only a portion(like 20% or something like that) of the image. 
To have a feel like sorting out songs from your record box, When mouse hover on image (or traverse on the corresponding row) we can show cover art a little bit more(like 40% or something like that). To have this affect we just need to resize the corresponding row. 
And when dragging song in deck, To have a real feel of placing record on vinyl we can show cover art with (or without) dragging icon. And this time we show the whole cover art.

Note: sorry in my mock you won't get the feel as stated above, Just have started using Inkspace for this mock. I'll update the mock as early as possible.

Please give your feedback and comments. If design is okay I'll move forward to implementation related discussion.