Reading/Multimedia/Media Viewer/Improvements

Screenshot of the Media Viewer's new 'minimal design' - See prototype'

Here is our plan for improvements to Media Viewer, a new feature that aims to provide a better viewing experience on Wikipedia and Wikimedia sites.

These improvements have now been completed. Our goals for these improvements were to make Media Viewer easier to use by readers and casual editors, our primary target users for this tool.

To that end, we created a new 'minimal design' including these features:

These improvements are based on usability testing and community suggestions collected in recent weeks. Based on this feedback, the multimedia team prototyped and tested new designs, and incrementally developed them in September and October 2014, after they were validated by user research.

Goals edit

Media Viewer Update Slides
  • Our primary target users for Media Viewer are readers and casual editors.
  • For these users, we aim to make Media Viewer easier to use and more informative.
  • For power users, we aim to make it easy to disable Media Viewer if they don't want it.
  • For all users, we want to address any critical performance or licensing issues.

As part of this new release, we also aim to clarify the relationship between Media Viewer and the File: description page:

  • Media Viewer offers a quick preview for browsing images, right where you are.
  • The File Page remains the place where you can get (or edit) all the details and file metadata.

For more information, view these slides.

User Benefits edit

We have developed a new 'minimal design' to deliver key benefits more effectively to our target users: readers and casual editors.

Here are the benefits we aim to offer to these casual users, based on feedback we collected through surveys and talk pages. Features or improvements that can support those benefits are shown in parenthesis. We have prototyped and developed these improvements and are now testing them with target users.

Primary benefits edit

  • preview larger images (click on thumbnails to view them in Media Viewer)
  • learn about the image (read full caption and/or full description)
  • get more details (go to file page)
  • browse related images (next/previous)
  • enlarge image (see original file)
  • disable Media Viewer (cog icon to opt out)

Secondary benefits edit

  • share this image (copy the file link)
  • download this file (select size you want)
  • find out who created this file (author, source, license)
  • go back to article page (close Media Viewer)
  • re-enable Media Viewer (cog icon on file page)

Tasks edit

Here are development tasks we're planning for Media Viewer in September and October 2014, based on what we have learned from our ongoing user research and community consultation.

Released edit

These improvements have been released:

"Must have" edit

All 'must-have' improvements that were considered critical for this release have been released.

"Should have" edit

These important improvements were considered -- but may need to be pushed to future releases:

  • Additional attribution/licensing improvements consistent with metadata cleanup effort.

"Could have" edit

These improvements are 'nice to have', but are not deemed critical for this release -- they will be considered for future releases:

Metrics edit

These metrics improvements are also being considered to measure the impact of features in this release -- could be pushed to future releases:

New Designs edit

Screenshots of new designs from the updated Media Viewer prototype. The Wikimedia Foundation's multimedia team is testing and developing these new improvements based on user testing and community feedback.

"Chamonix flowers photo" by Fabrice Florin (via Flickr). Licensed under CC BY-SA-3.0, via Wikimedia Commons.

Prototype edit

We created a rough prototype of our new 'minimal design', to deliver the above benefits and validate the features above with target users. That new design is shown at the top of this page -- and can also be viewed here.

Here is where you can test the new Media Viewer prototype on our 'slow' alpha site:


User Test pages:

(please don't edit either page, as they are being used for our ongoing user research)

Related pages edit