Move actions from top to bottom, next to filename

[jancborchardt]

We shouldn’t have actions in every corner and on every edge. The actions possible with the file should be next to the filename, on the bottom:

@oparoz can you do that? :) I can do styling fixes if needed.

(Also yeah, I will make it so that the action icons work for light images as well – currently working on that. :)

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[jancborchardt]

(I’m not sure yet about the text next to the Download icon, if it’s really necessary. What do you think @oparoz @owncloud/designers?)

[stefan-niedermann]

what about linking the filename with the download action? is there already another action on the filename?

[deMattin]

By clicking on filename I won't expect a download. I think, this is no usual behaviour for that.

@jancborchardt: Probably there will come some more icons in future (rotate is a MUST have!), and so there should be no text next to the button.
A tooltip with a short display delay would make the useage of the button(s) clear, if one won't understand the symbolic icon.
And this way the UI stays clean.

[oparoz]

Hmmm... it works with the download button and probably with other "file actions" because the filename gives the proper context, but I think I'll keep the brightness button at the top and will probably convert it into a shades scale if there is nothing else to add...

And I think it should be meaningful icons only, no text, because there is not that much space available.

[oparoz]

Ah yes, rotate. That's another example of icon I would see at the top with brightness.

[jancborchardt]

And I think it should be meaningful icons only, no text, because there is not that much space available.

Yup. So @oparoz can you move the download icon there?
Rotate should definitely be at the bottom as well. We should not throw actions all over the place.

[oparoz]

Well, it's not all over the place, but we shall test. When there was no filename, you would miss the icons if not careful. The eye is drawn to the top.

[jancborchardt]

The eye is drawn to the image. And even if it is drawn to the top, that’s another reason why the actions should be at the bottom. Because otherwise they will distract from the image.

[oparoz]

Maybe you're right, if the user has an issue, he will look for solutions and will hopefully notice the icons at the bottom.
Time for some hallway usability testing :D

[enoch85]

Would be nice to move all the actions to the bottom except X (close).

Here is an example in Pydio, not as clean as ownCloud though: