Mobile design/Uploads

From MediaWiki.org
Jump to: navigation, search

Status[edit | edit source]

2013-06-monthly:

This month, we focused on improving education around uploads, including an interactive Commons tutorial and first-time user copyright and scope check. We also released our "Nearby" feature to production, allowing users to find articles near them that are in need of images, take photos and upload them via mobile.


Rationale[edit | edit source]

The Wiki Loves Monuments app brought in a significant number of users new to Wikimedia projects. There is also at least one third-party Wikipedia file upload app available on the commercial market: Wiki Edit.

The general file uploading workflow on Wikimedia projects is very complex, requiring users to understand authorship, copyright, and licensing at a very high level. Uploads that come from camera phones can be divided into two general categories:

  • Original images taken by the uploader (e.g., Wiki Loves Monuments photos) that should be uploaded to Wikimedia Commons
This is the most common type of upload to Commons, encompassing about 75% of uploads from a random sample of 100 files uploaded in November 2012 (see chart below: original uploads in blue). This includes original photos of buildings, objects, people, and nature.
  • Non-free copyrighted works (e.g., a picture of a book cover) or freely-licensed images that are not the work of the uploader (e.g., public domain images, works whose license has expired)
This is a much less common upload type on Commons, about 25% of uploads from a random sample of 100 files uploaded in November 2012 (see chart below: reuploaded copyrighted material in red).

To see how Commons uploads subject matter compares to other popular file uploading sites, see the types of files uploaded to Flickr's Creative Commons branch (below), based on a random sample of 100 files uploaded in November 2012.

Summary[edit | edit source]

To avoid forcing new/less experienced users to deal with this complexity on a mobile device, and to leverage the most popular existing type of upload (see User research below), we are currently focusing only on uploads to Commons under one license, CC-By-SA 3.0, on the mobile web.

User research[edit | edit source]

Quantitative analysis[edit | edit source]

Baseline for number of users uploading to Wikimedia projects:

Unique users who uploaded 1 or more files in November 2012 (non-WLM month, before mobile uploads)
Project Total users
Commons 19,032
English Wikipedia 1,088
Chart of mobile web uploads that have been kept or deleted for various reasons, as of April 11, 2013
Chart of new mobile web uploads in the week after login/signup CTA was disabled from uploads
Number of files uploaded/day in April 2013
Date Total uploads Desktop uploads Mobile uploads  % of mobile uploads from total uploads
April 1 10,846 10,830 16 0.1%
April 4 13,287 13,034 253 2%
April 7 12,782 12,476 306 2%
April 10 7,345 7,285 60 0.8%
Uploads/day from newly registered users (registered April 1-10), desktop + mobile
Date Total uploads Deleted uploads  % of deleted uploads from total
April 1 825 340 41%
April 4 1,383 407 29%
April 7 1,216 409 34%
April 10 1,116 156 14%
Deletion stats
As of Total mobile uploads Total deleted mobile uploads  % deleted from total Total deleted for copyvio  % from total deleted for copyvio Total deleted for scope  % from total deleted for scope
April 11 2,439 1,890 77% 1,368 56% 129 5%

Qualitative analysis[edit | edit source]

Mobile uploads by type.png Desktop uploads by type.png

Comparison of uploads by type and original/non-original work: Desktop and mobile, based on random samples of both. The rate of people pictures is much higher on mobile web – these selfies suggest most mobile uploaders are either just testing the system or think they are being asked to upload their own photo (e.g., photo of themselves) to Wikipedia.

Breakdown of the two upload workflows by upload type/quality[edit | edit source]

Sample of mobile uploads from the Uploads link in the left navigation, April 4, 2013 Sample of mobile uploads from the in-article "add lead image" call to action, April 4, 2013

Comparison of the two upload workflows, donate image to Commons and add image to article: The data show that both workflows tend to be producing the same kinds of uploads and the same ratio of copyright violations and other inappropriate images.

User stories[edit | edit source]

  • As a mobile user, I want to be able to upload pictures that I take with my mobile device camera to Wikipedia and insert them into relevant articles.

User experience[edit | edit source]

Link to Uploads in the left navigation menu
Upload CTA on article

The following are steps in the two current mobile uploading workflows we are developing. All files are currently uploaded to Commons with a single default CC-BY-SA license.

[edit | edit source]

The user can upload a file that is not necessarily associated with any article to Commons.

Flow
  1. Jane is reading Wikipedia.
  2. She sees Upload link in left navigation menu.
  3. When she taps Upload, she is prompted to login or create an account.
  4. After successfully logging in/signing up, she is taken to the Upload page, where she will see a list of files she has recently uploaded to Commons.
  5. She can choose to donate a photo from this page.
  6. She can upload an image from her mobile device, fill out a short description, and release it under a Creative Commons license.
  7. The image is uploaded to Commons and appears in her Upload list.

Insert image directly into article[edit | edit source]

Flow
  1. Jon is reading a Wikipedia article that lacks a lead image.
  2. He is prompted by a call to action to add an image to the article.
  3. When he taps the call to action, he is prompted to login or create an account
  4. After successfully logging in/signing up, he is taken back to the article and can choose a photo to add to it.
  5. He can upload an image from his mobile device, fill out a short description, and release it under a Creative Commons license.
  6. The image is uploaded to Commons and a thumbnail is automatically inserted to the top of the article.

Mockups[edit | edit source]

Developer card wall[edit | edit source]