Images & Videos thumbnails: Visual differentiator

Ideas for improvements and requests for new features in XnView Classic

Moderators: XnTriq, xnview

User avatar
helmut
Posts: 8214
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Images & Videos thumbnails: Visual differentiator

Post by helmut » Fri Jun 13, 2008 8:28 pm

Currently, when browsing folder with images and videos, it's not easy to tell the videos from the images. I'd like a clear visual indicator in thumbnails that allows me to differentiate videos from images.

Nowadays most digital cameras allow for taking photos and videos, so I'd rate this request as "important".

Other opinions?

User avatar
oops66
XnThusiast
Posts: 1999
Joined: Tue Jul 17, 2007 1:17 am
Location: France

Re: Images & Videos thumbnails: Visual differentiator

Post by oops66 » Fri Jun 13, 2008 8:53 pm

Hello Helmut,
I agree but this is already done since the v1.92.2 beta1.
This is possible by a custom setting into the xnviex.ini file, if needed for example:

BColorFilter01=jpeg, 30 30 30
.....
BColorFilter26=jp2, 237 237 202
....
BColorFilter27=avi, 237 0 202

and

ColorFilter01=jpeg, 0 160 0
...
ColorFilter26=jp2, 237 0 202
....
ColorFilter27=avi, 237 0 202

topic but in French:
http://newsgroup.xnview.com/viewtopic.p ... hlight=avi

But maybe as default for all common video files ????
XnViewMP 0.82 Linux X64 - Ubuntu 16.04 LTS - X64

User avatar
helmut
Posts: 8214
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Post by helmut » Sat Jun 14, 2008 12:20 am

Thank you for the hint & link, oops66. :-)

Hmm, the colours are for the labels only - isn't it? Currently I don't look at the colouring and would expect / suggest a symbol or somthing that identifies the movies (e.g. the border could look like a film strip).

User avatar
xnview
Author of XnView
Posts: 33337
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Post by xnview » Mon Jun 16, 2008 6:56 am

Ok, but which symbol? :-)
Pierre.

User avatar
XnTriq
Moderator & Librarian
Posts: 5574
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Images & Videos thumbnails: Visual differentiator

Post by XnTriq » Tue Jun 17, 2008 12:30 am

Pierre, could we please have the same for animations and multi-page documents as well?
XnTriq ([url=http://newsgroup.xnview.com/viewtopic.php?p=58100#58100]Sorting Gifs: Animated, multi image, Fix[/url]) wrote:Animated cursors are easily distinguishable from regular cursors: They have different file extensions (ANI vs. CUR). With formats like GIF you won't know unless you view the file. The same goes for TIFFs or PSDs: Only when a document is opened will XnView tell the user that “this image contains multiple pages. Please use ‘Previous page’ and ‘Next page’ to navigate between the pages.”

XnView needs an animation overlay icon and/or multi-page indicator.

User avatar
xnview
Author of XnView
Posts: 33337
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Re: Images & Videos thumbnails: Visual differentiator

Post by xnview » Tue Jun 17, 2008 6:22 am

XnTriq wrote:Pierre, could we please have the same for animations and multi-page documents as well?
Yes but which symbol? :-)
Pierre.

User avatar
Clo
XnThusiast
Posts: 4441
Joined: Sun Oct 17, 2004 4:57 am
Location: Bordeaux, France
Contact:

Film, but***

Post by Clo » Tue Jun 17, 2008 1:46 pm

:arrow: Pierre

:) Hello !

• Like helmut suggests above, maybe something like this :   Image  ?

- With the current height of the <info1.bmp> strip (11 pixels), it's difficult to draw a nice film-strip…
- Another version, a bit wider :    Image

:mrgreen: KR
Claude
Clo
Old user ON SELECTIVE STRIKE till further notice


User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Thu Jun 19, 2008 3:19 pm

IMHO all of these icons are too complicated and, unless placed in a border of the thumbnail, would merge visually with the thumb's image. Plus, they all scale poorly.

The symbol should be just that: a symbol, a flag, an indicator... and not a narrative subsitute.

Photorealistic icons are more about the narrative that occurs in the mind of the user. They tend to slow interaction down because the recognition process (in the mind) for complex symbology is much slower and more ambiguous.

Something based on these symbols (scroll down) would be more appropriate, I think.

The simpler, the better. Two highly-contrasting colors only.

A right arrow symbol would work for me, but then I personally would expect that if I clicked the arrow, the movie would play in the thumbnail!!!

Hmmmm....
John

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Thu Jun 19, 2008 4:34 pm

OK, maybe not "two highly-contrasting colors" :shock:

What about something like this example I borrowed from one of the "mostly harmless" symbols (see above) and modified:

Image

It still needs a little fine-tuning at the pixel level, but here are some perspectives:

Simple
Culturally neutral
Familiar shape
Contrasts with dark backgrounds
Can be inverted/tweaked for light backgrounds
OK rescaled to smaller sizes:
Image
OK at 256 and 16 colors, even binary (try it!)
Easily adapted to other color schemes
John

User avatar
xnview
Author of XnView
Posts: 33337
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Post by xnview » Thu Jun 19, 2008 4:49 pm

JohnFredC wrote: Image
I like it :-)
Pierre.

User avatar
XnTriq
Moderator & Librarian
Posts: 5574
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Post by XnTriq » Thu Jun 19, 2008 5:45 pm

These monochrome overlay icons are 11, 12, 13, 14 and 15 pixels wide (from left to right) and between 10 and 12 pixels in height:
  • Image
I wasn't sure if Pierre is planning to have different indicators for different categories, so I made separate icons.
  • Movies (AVI, FLV, MPEG, ...)
  • Animations (ANI, FLC/FLI, aGIF, aPNG, SWF, ...)
  • Presentations (PPT, ...)
  • Multi-page (PDF, TIFF, ...)
  • Layers (PSD, PSP, ...)
  • Multi-resolution (ICO, ...)
Last edited by XnTriq on Fri Jun 20, 2008 4:30 am, edited 1 time in total.

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Thu Jun 19, 2008 5:49 pm

I like those a lot!
John

mostly harmless
Posts: 49
Joined: Wed May 21, 2008 11:28 am

Post by mostly harmless » Fri Jun 20, 2008 8:01 pm

I would go for the Play-button with a rounded square around it. In black and white.
I find that would be even better than the black & white camera symbols.


I was originally thinking about the clapperboards when I posted those icons.
So I searched pics for clapperboard instead of icons and found a few interesting things.
I also searched for play symbols and camera symbols:


The first on was a camera which would work pretty well as an inspiration I think:
Image

clapperboard:
Image


Image


Image

Image



play symbols:

Image

Image

Image

Image

Image

Image

Image

Image

Image



carmera symbols (includes photo carmas since those could be interesting aswell):

Image
...would work in black & white.

Image

Image

Image
...would be nice without the legs

Image

Image

Image

Image

Image

Image

Image


Image

Image

Image

Image


Image



projectors:

Image




when looking for "movie symbol" I got cameras, film rolls, projectors and this one:
Image



more search results for

"clapperboard":

http://uk.ask.com/pictures?l=dir&o=0&q= ... 112&page=5

http://www.picsearch.com/search.cgi?q=C ... &thumbs=20


"camera symbol":

http://www.picsearch.com/search.cgi?q=c ... =421&navnx


"play symbol":

http://www.picsearch.com/search.cgi?q=p ... =541&navnx

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Fri Jun 20, 2008 8:17 pm

A great collection!

There are at least two categories of symbols in iconic GUIs: notifier symbols and action symbols. Sometimes a symbol serves both purposes.

The problem with the "Play"-styled symbols is that they can be confused for interactive controls/buttons.

The initial request in this post implied a notifier symbol.

If Pierre implemented a "Play" action behind the movie-file-type notifier symbol/icon shown in the thumbnail, then great, no problem. Otherwise you'll have quite a few users clicking that little play symbol (because it means "Play movie" in most circumstances) and being confused when the movie doesn't play.

The camera-based and film-strip-based symbols are good as notifiers, though the film strip is an increasingly archaic reference in many cultures. Also, the clapboard symbol implies a modicum of a priori knowledge of the film/video production business... not necessarily a common thing.
John

Post Reply