Flowpack / media-ui

The development repository for the new Neos media management interface
GNU General Public License v3.0
20 stars 16 forks source link

UX: Position of the upload button #210

Closed lorenzulrich closed 7 months ago

lorenzulrich commented 9 months ago

I'd like to discuss the position of the upload button:

image

It being above the "Collections" component and besides the list of assets makes it look like a "super-global" function, while at the same time the uploaded assets are added to the currently selected collection.

The position is the same in Google Drive, however the breadcrumb makes it clearer to me that I will upload it the currently selected folder:

image

In Dropbox, it is above the list of files which also makes it clearer to me:

image

I'm not saying I have the perfect solution here, but placing it like this would make more sense to me:

image

Affected Versions

Neos: 8.3

UI: 8.3.4

Media Module: 0.13

Sebobo commented 9 months ago

I already tried a few things with a breadcrumb but couldn't find a good solution yet that doesn't steal too much screen space. But I just thought about whether I could add the module breadcrumb to the existing breadcrumb at the top via a React portal. Would that be intuitive?

For now I would at least increase the size of the button. Sadly having it in the toolbar causes issues with smaller screens as there is more and more stuff. Also at some point I want to have a drop target again to make it easy to add assets simply to the module.

lorenzulrich commented 8 months ago

@mindpilot Do you have an opinion about how to solve this from a UX perspective?

lorenzulrich commented 7 months ago

@Sebobo I can well live with the current situation and the bigger button. Closing this.