PDA

View Full Version : Sugguestion: Gallery "Stacks" and Bouding box selection


revil
10-05-2008, 12:03 AM
See this page for an example:

http://www.imsuperior.com/list/

There is a few nifty features demoed here:

1) Try mousing over the thumbnail of the first item in the gallery. It will show each of the contained items depending on where the mouse is on the x index. This was inspired by iPhoto. (You can make stacks by selecting items and clicking Make Stack in the side). This feature would work nicely with: http://trac.ferrox.furaffinity.net/ticket/115

2) You can select items by click on the individually or by click on the background between the items and dragging to select all within a bound box. Also holding shift will allow you to invert you selection, and append individual items to your selection. Think file system window functionality.

3) The grid is style so that the items fit nicely and evenly in the window, if you re-size the window when auto styling is on (click Auto Style in the side), it will switch the number of columns, to allow the most efficient use of space.

Right now the selection functionality wont degrade if JavaScript is disabled, also this hasn't been tested in Internet Explorer, but that is trivial for a prototype.

Stratadrake
10-05-2008, 12:31 AM
See this page for an example:

http://www.imsuperior.com/list/

There is a few nifty features demoed here:

1) Try mousing over the thumbnail of the first item in the gallery. It will show each of the contained items depending on where the mouse is on the x index. This was inspired by iPhoto. (You can make stacks by selecting items and clicking Make Stack in the side). This feature would work nicely with: http://trac.ferrox.furaffinity.net/ticket/115

It's a neat trick, but I don't imagine Ferrox getting much use out of it. And without some kind of identification that it even does that in the first place, it's actually more distracting than it is useful.

3) The grid is style so that the items fit nicely and evenly in the window, if you re-size the window when auto styling is on (click Auto Style in the side), it will switch the number of columns, to allow the most efficient use of space.
deviantART does that too, and it's actually quite simple. The only catch is that you can't use <table> structuring to do it, you have to structure the items using inline containers (such as list elements or <div>s), which will allow the browser to wrap them automatically based on available window space.

revil
10-05-2008, 01:06 AM
It's a neat trick, but I don't imagine Ferrox getting much use out of it. And without some kind of identification that it even does that in the first place, it's actually more distracting than it is useful.

I would normally agree, except if a folders gallery feature is implemented, then something like this becomes more useful because it allows users to preview whats inside a folder before opening it.

deviantART does that too, and it's actually quite simple. The only catch is that you can't use <table> structuring to do it, you have to structure the items using inline containers (such as list elements or <div>s), which will allow the browser to wrap them automatically based on available window space.

If you took a look at the source your would notice that I am NOT using tables. I am using unordered lists.

Eevee
10-05-2008, 01:23 AM
Whoa nelly most of this text is way too small to read.

This seems rather unintuitive and I'm not sure what the use is. Either showing a single thumbnail or using DA's fake stacks do well for showing the inside of a folder just fine, and if a user wants that much detail, e can.. open the folder.

revil
10-05-2008, 01:42 AM
If you say so, but I would compare this feature to the pop-up on furaffinity's user page, this helps give more context when its needed.

What about the click and drag selection? All the time I wish furaffinity had something like this when I'm checking my submissions.

Eevee
10-05-2008, 01:54 AM
It's not very obvious that it's there and easy to misunderstand, though.

Dragging to select is more reasonable and not too hard, yeah.

revil
10-05-2008, 02:05 AM
That's always the challenge with introducing more desktop like features to a web application, user education.