Reading/Multimedia/Media Viewer/Improvements



Here is our plan for Media Viewer improvements, to be designed and tested in August 2014, then developed in September and released in October 2014.

Goals

 * 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 all the details and file metadata.

For more information, view these slides.

User Benefits
We are developing a new 'minimal design' to deliver key benefits more effectively to our target users.

Here are the benefits we aim to offer, based on user feedback we collected through surveys and talk pages. (Note that features that can support those benefits are shown in parenthesis.) We have now prototyped them as described below and are in the process of testing them with target users.

Primary benefits

 * 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 feature (cog icon to opt out of Media Viewer)

Secondary benefits

 * 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 (test thumbnail hover option)

Prototype
We have created a rough prototype of our new 'minimal design', to deliver the above benefits more effectively to our target users.

A screenshot of that new design is shown at the top of this page, and can be viewed here.

Here is how to test the new Media Viewer prototype:

a) Log in/out from these special test accounts:


 * To enable Media Viewer:
 * go to Commons - main page
 * login as mvuser / pwd: 1234
 * go to test page and login as mvuser / pwd:1234
 * To disable Media Viewer:
 * go to test page, login as fpuser / pwd: 1234
 * have to be logged out from commons.

b) Go to one of these test pages on alpha:


 * Rapa Nui National Park (test article 1)
 * New York City (test article 2)

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

Design and Research
Here are some of the design and research tasks we are working on this month:
 * Design and build a working prototype - √ Done
 * Write a research plan to test how proposed features serve key benefits - √ Done
 * Write a script to validate whether or not each key feature is usable- √ Done
 * Complete the prototype and metrics, so it can be tested starting on 8/21- √ Done
 * Recruit 6 readers, 3 casual editors -- and 3 power users- √ Done
 * Complete user research by Fri. 8/29
 * Complete research analysis by Wed. 9/3
 * Complete design specs by Fri. 9/5
 * Start planned feature development (first features to start on 9/3)
 * Discuss other suggestions for improvement in community consultation (8/29-9/28)

Development Tasks
Here are development tasks we're considering for Media Viewer in September, based on what we are learning from our ongoing user research and upcoming community consultation.

Ready for development

 * 'More details' button -- a more prominent link to the File page.
 * Show a caption or description right below the image.
 * Expand or collapse long captions or descriptions.
 * Move license label below the caption, link to file page (instead of CC deed)
 * Enlarge an image by clicking on it (replaces 'view original file' button).
 * Move 'Use this file' and 'Download' buttons to the right side of the image.
 * Remove 'File Usage' list from the metadata panel (and possibly other)

Design needed
' (e.g. personality rights, trademarks, permissions, restrictions, etc.) ' (e.g. file name, size and resolution, uploader, creation date?)
 * Design 'Disable' function (cog icon shows panel to let you opt out of Media Viewer)
 * Design 'Enable' functions (cog icon shows panel to opt in Media Viewer)
 * Enable users to change Media Viewer preferences across wikis
 * Design 'Download' function (separate button, panel for selecting sizes, don't start download until user explicitly asks for it)
 * Design 'You need to attribute the author' sub-panel
 * Tweak copy for 'Use this file' function as needed ('Share and Embed')
 * Add a ‘close' icon for the download and share panels?
 * Determine how to display any required legal notices
 * Determine how to display any community-required metadata
 * Provide links to the help page and the feedback page

Other improvements

 * Only show the description that’s in your language (if there is more than one language).
 * Show a (tm) or (r) symbol at the end of the license label (if an image is trademarked)
 * Display a Guided Tour showing what's new when they first see the new design
 * Enable users to change Media Viewer preferences across wikis
 * Speed up image load by pre-rendering thumbnails in all sizes on the back-end
 * Use 'tri-state' preferences to track opt-in, opt-out and default states separately
 * Display performance histogram for MediaViewer and File page

These proposed tasks will not be scheduled until we get the research analysis; but in the interest of time, we are preparing development cards for them now, for later prioritization.