WordPress.org

Make WordPress Core

#22323 closed defect (bug) (fixed)

Add a better pointer/message in the new media UI with an empty library

Reported by: apeatling Owned by: koopersmith
Milestone: 3.5 Priority: normal
Severity: normal Version: 3.5
Component: Media Keywords: ux-feedback has-patch
Focuses: Cc:

Description

The new media UI is a little stark when you have no media in your library. It wasn't immediately obvious where I could add new files, I had to spend a few seconds scanning the corners looking at each UI element (search, insert button and upload UI) since they all carry the same weight to the eye.

There's a big white space where photos will eventually be, that's where I look first. It would be good to use that space to instantly grab the user's attention and direct their eye towards the upload UI. Don't make them think. :)

I've attached an image of the basic idea.

Attachments (2)

first-use.jpg (231.9 KB) - added by apeatling 18 months ago.
22323.diff (2.7 KB) - added by rzen 18 months ago.

Download all attachments as: .zip

Change History (7)

apeatling18 months ago

comment:1 apeatling18 months ago

My first idea was to add another upload/dropzone section to the white space, but I think it's better to be consistent and associate that bottom left section with uploading from the get-go.

comment:2 SergeyBiryukov18 months ago

  • Milestone changed from Awaiting Review to 3.5

comment:3 DrewAPicture18 months ago

  • Cc xoodrew@… added

comment:4 rzen18 months ago

  • Cc brian@… added
  • Keywords has-patch added

I spent a few hours today patching this while Koop was busy restructuring the entire modal. Ultimately, his new direction (from r22362) is a much, much better fit.

The included patch merges in methods from media.controller.Upload to media.controller.Library so that the inline uploader is available basically everywhere (specifically, this is useful for displaying it in the Media Library section when we have no media, e.g. http://d.pr/i/bgWO, the original reason for this ticket).

Fist bump to Koop for basically holding my hand through this patch. Excited to be contributing anything, really.

rzen18 months ago

comment:5 koopersmith18 months ago

  • Owner set to koopersmith
  • Resolution set to fixed
  • Status changed from new to closed

In 22363:

Media: Show an inline uploader when the media library is empty.

Merges most of wp.media.controller.Upload into wp.media.controller.Library, so we always create an inline uploader instead of an attachments browser if the state's library is empty.

props rzen, fixes #22323, see #21390.

Note: See TracTickets for help on using tickets.