Make WordPress Core

Opened 12 years ago

Closed 12 years ago

#22323 closed defect (bug) (fixed)

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

Reported by: apeatling's profile apeatling Owned by: koopersmith's profile 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 12 years ago.
22323.diff (2.7 KB) - added by rzen 12 years ago.

Download all attachments as: .zip

Change History (7)

@apeatling
12 years ago

#1 @apeatling
12 years 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.

#2 @SergeyBiryukov
12 years ago

  • Milestone changed from Awaiting Review to 3.5

#3 @DrewAPicture
12 years ago

  • Cc xoodrew@… added

#4 @rzen
12 years 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.

@rzen
12 years ago

#5 @koopersmith
12 years 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.