Opened 13 years ago

Closed 8 years ago

Last modified 8 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.



Attachments (3)

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

Download all attachments as: .zip

Change History (23)

comment:1 by Jef van Schendel, 12 years ago

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 by Christopher Allan Webber, 12 years ago

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 by Will Kahn-Greene, 12 years ago

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

comment:4 by Aleksej, 12 years ago

Component: programming
Type: defectenhancement

comment:5 by Aleksej, 10 years ago

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

comment:6 by Boris Bobrov, 10 years ago

Owner: set to Boris Bobrov
Status: acceptedin_progress

comment:7 by Boris Bobrov, 10 years ago

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 10 years ago by Boris Bobrov (previous) (diff)

comment:8 by Aleksej, 10 years ago

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

in reply to:  8 comment:9 by Boris Bobrov, 10 years ago

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?

by Aleksej, 10 years ago

Attachment: scrap022_a.png added

a drawing, inspired by something like NoScript

comment:10 by Aleksej, 10 years ago

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

comment:11 by Aleksej, 10 years ago

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.

by Boris Bobrov, 10 years ago

Attachment: screen6.png added

comment:12 by Aleksej, 10 years ago

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 10 years ago by Aleksej (previous) (diff)

by Aleksej, 10 years ago

As for sticking out, maybe I meant this way.

comment:13 by Matt Molyneaux, 10 years ago

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 by Christopher Allan Webber, 10 years ago

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 by Boris Bobrov, 9 years ago

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 by Christopher Allan Webber, 8 years ago

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 by Boris Bobrov, 8 years ago

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 by Boris Bobrov, 8 years ago

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

comment:19 by Boris Bobrov, 8 years ago

Resolved in 654d7cf

comment:20 by Christopher Allan Webber, 8 years ago

Oh... great :)

Note: See TracTickets for help on using tickets.