Small UI redesign proposal for media uploader

[jorgetoledo]

Right now, when adding images to a post, you get an 'Insert Media' dialog (or 'media grid') where you can drag and drop files to upload. Perfect, so far.

However, if you want to manually select some files via file chooser, you have to click another tab, and then click again on a button to launch the file chooser. If you use it a lot, that extra click can become a bit annoying.

My proposal would be to remove that extra 'Upload Files' tab and just add a simple 'Select Files' button on top of the Media Grid dialog.

See attached mockup.

That would be self-explanatory and quicker to use, and we could get rid of the tabs.

[jorgetoledo]

Current state and mockup for media uploader

[jorgetoledo]

Someone at #design made me think about smaller screens. So the whole "tip" text and the new button wouldn't fit on the same row on mobile screen, and they would have to jump to a new row.

That wouldn't be a problem since we would be getting rid of the tabs on top, thus saving vertical space.

[jorgetoledo]

And I was also told about what Image Flow team is doing:
​https://make.wordpress.org/design/tag/image-flow/

I like the solution of having one of the tiles be the "add more" button. But that shouldn't take you to a new screen, but just trigger the file chooser. If you wanted to drag&drop a file isntead, you could still do it on the default image grid, right?