Page MenuHomePhabricator

Meta-data icon rework
Closed, DeclinedPublic

Description

We need an affordance to let people know that there is more meta-data below the image in the light box view of Media Viewer.

However, the 'drag handle' icon we now have doesn't seem very useful in its current implementation.

First, I do not associate the dot icons with the idea that there is more data below the image. Second, if I click on that handle, nothing happens: I would expect the meta-data to be revealed automatically through some form of scrolling. It is possible to scroll down to see the meta-data, which is great, but only if I know to do that.

So I think we need a more explicit icon and label for making this clearer. For example, a little (i) information symbol with a 'More info' label would seem more effective, perhaps with a down arrow to suggest the info is below the image.

Last but not least, this icon and label should be placed in such a way that it doesn't force down the author/source info below the fold, perhaps locating it to the bottom right of the meta-data panel?

See current version on Beta:
http://en.wikipedia.beta.wmflabs.org/wiki/Lightbox_demo


Version: unspecified
Severity: normal

Details

Reference
bz58431

Event Timeline

bzimport raised the priority of this task from to High.Nov 22 2014, 2:19 AM
bzimport added a project: MediaViewer.
bzimport set Reference to bz58431.
bzimport added a subscriber: Unknown Object (MLST).

The drag handle icon is now clickable - there was an issue that got fixed somewhere along the way.

I'll fix the scrolling, then do a quick (one-second) animation that reveals some of the metadata, then scrolls it back down to normal. We should decide if we'd still need the drag handle after that.

An (i) symbol is anglo-centric, we should have a better icon.

I'm not so sure about the placement of the icon; the right side is already pretty crowded. I'll look into it.

Change 104689 had a related patch set uploaded by MarkTraceur:
Fixed positioning for the image

https://gerrit.wikimedia.org/r/104689

Change 104694 had a related patch set uploaded by MarkTraceur:
Make sure the post-image div is always the same height

https://gerrit.wikimedia.org/r/104694

Change 104696 had a related patch set uploaded by MarkTraceur:
Animate the metadata div to show the user it's there

https://gerrit.wikimedia.org/r/104696

Change 104689 merged by jenkins-bot:
Fixed positioning for the image

https://gerrit.wikimedia.org/r/104689

Change 104694 merged by jenkins-bot:
Make sure the post-image div is always the same height

https://gerrit.wikimedia.org/r/104694

Change 104696 merged by jenkins-bot:
Animate the metadata div to show the user it's there

https://gerrit.wikimedia.org/r/104696

I think this request is outdated, afaik all issues with the chevron are now resolved

Gilles raised the priority of this task from High to Unbreak Now!.Dec 4 2014, 10:11 AM
Gilles moved this task from Untriaged to Done on the Multimedia board.
Gilles lowered the priority of this task from Unbreak Now! to High.Dec 4 2014, 11:20 AM