Opened 9 years ago

Closed 4 years ago

Last modified 4 years ago

#365 closed enhancement (fixed)

Distinguish between media types (photo/video/audio etc) in thumbnails

Reported by: Blaise Alleyne Owned by:
Priority: minor Milestone: 0.9.0
Component: programming Keywords:
Cc: Parent Tickets:

Description (last modified by Christopher Allan Webber)

When viewing thumbnails of media, it's not clear whether any given
thumbnail is from a video clip or a still image until you click
through. It would be nice to signal the media type to users, in a
subtle way.

For example, on Flickr, a little play button appears in the corner
of thumbnails for video clips.
`https://secure.flickr.com/photos/balleyne/sets/72157607569123053/ <https://secure.flickr.com/photos/balleyne/sets/72157607569123053/>`_

Adding a small play icon of sorts to the corner of video thumbnails
seems like a pretty good idea to signal the difference between
photos and videos.



Subtickets

Attachments (3)

scrap022_a.png (6.8 KB) - added by Aleksej 6 years ago.
a drawing, inspired by something like NoScript
screen6.png (79.4 KB) - added by Boris Bobrov 6 years ago.
triangular-icon-half-sticking-out.png (7.3 KB) - added by Aleksej 6 years ago.
As for sticking out, maybe I meant this way.

Download all attachments as: .zip

Change History (23)

comment:1 Changed 9 years ago by Jef van Schendel

Totally.

I think Joar talked about this once.

I've always liked Nautilus' movie reel thumbnails myself:
`http://imgur.com/40UWD <http://imgur.com/40UWD>`_ (random
screenshot from the web).



comment:2 Changed 9 years ago by Christopher Allan Webber

The nautilus reel option looks nicer, but the play button option is
maybe more generic? One way we could do either is to allow the
thumbnails to optionally provide an SVG overlay, that way either is
possible?



comment:3 Changed 9 years ago by Will Kahn-Greene

The original url for this bug was http://bugs.foocorp.net/issues/723 .

comment:4 Changed 8 years ago by Aleksej

Component: programming
Type: defectenhancement

comment:5 Changed 6 years ago by Aleksej

Summary: Distinguish between media types (photo vs video) in thumbnailsDistinguish between media types (photo/video/audio etc) in thumbnails

comment:6 Changed 6 years ago by Boris Bobrov

Owner: set to Boris Bobrov
Status: acceptedin_progress

comment:7 Changed 6 years ago by Boris Bobrov

How do you think, would this be ok for video icon? (see screen6.png in attachments for the same image) http://bretonium.org/screen6.png

Last edited 6 years ago by Boris Bobrov (previous) (diff)

comment:8 Changed 6 years ago by Aleksej

Can you make them stick out of the thumbnails? Or, even better, not cover the image?

comment:9 in reply to:  8 Changed 6 years ago by Boris Bobrov

Replying to Aleksej:

Can you make them stick out of the thumbnails? Or, even better, not cover the image?

Frankly I can't imagine how it should look. Could you draw it somehow?

Changed 6 years ago by Aleksej

Attachment: scrap022_a.png added

a drawing, inspired by something like NoScript

comment:10 Changed 6 years ago by Aleksej

I don't remember now how I imagined it, but here is a drawing inspired by something like NoScript or AdBlock.

comment:11 Changed 6 years ago by Aleksej

Maybe putting it on a side of the caption (beginning? left? depending on the direction of the instance's main language?) would make the table easier to scan. Then alt text like "[Video]" could be a part of the caption, which is good for some ltr languages.

Another choice is whether the main type of an instance should have an icon or just a space (a configuration table would solve it).

Depends on the distinguishability of the icons.

Changed 6 years ago by Boris Bobrov

Attachment: screen6.png added

comment:12 Changed 6 years ago by Aleksej

With anything that does not stick out of the thumbnail, the thumbnail can contain it or something similar.

With a Nautilus-like reel, that allows images to look like videos
With an icon, the thumbnail can obscure it with only color, so the item can't be noticed by quickly scanning the table.

Last edited 6 years ago by Aleksej (previous) (diff)

Changed 6 years ago by Aleksej

As for sticking out, maybe I meant this way.

comment:13 Changed 6 years ago by Matt Molyneaux

If we're worried about images masquerading as video thumbnails, what about making the icon visually separate from the thumbnail? E.g. inline with the title as a "badge"

comment:14 Changed 6 years ago by Christopher Allan Webber

Description: modified (diff)

I think the badge is a good option. Would someone be interested in making a mockup?

Aleksej: I think that functionally, the icon sticking out is a great route, though aesthetically it might give some inconsistent jaggediness to the interface.

Here's another suggestion: a light and mostly transparent play icon over the thumbnail that css transitions to more opaque when the mouse does a hover over. What do people think of that?

comment:15 Changed 5 years ago by Boris Bobrov

Milestone: 0.9.0

The bug if fixed in one of my branches, but we have a freeze now. I will add it to 0.9.0 in a couple of weeks after 0.8.0 release.

comment:16 Changed 4 years ago by Christopher Allan Webber

Milestone: 0.9.0

I'd still like to see this happen, but I don't think there's urgency at the moment, and anyway enancements are not going into 0.9.0 given the freeze.

comment:17 Changed 4 years ago by Boris Bobrov

In fact, this is resolved on 99%. This is resolved so much that I will mark it as fixed in 0.9.0 and will open a new bugreport about missing things.

comment:18 Changed 4 years ago by Boris Bobrov

Milestone: 0.9.0
Owner: Boris Bobrov deleted
Resolution: fixed
Status: in_progressclosed

comment:19 Changed 4 years ago by Boris Bobrov

Resolved in 654d7cf

comment:20 Changed 4 years ago by Christopher Allan Webber

Oh... great :)

Note: See TracTickets for help on using tickets.