Reading/Features/Article lead image

This page is currently a draft of a proposal for an alternate mobile web view of Wikipedia articles on mobile. Below is a description of a proposals where we want to integrate community suggestions, and accommodate community concerns into the idea as it develops.

Current Layout at the top of articles
As a casual reader, this is your first and most common experience on mobile Wikipedia: There is a lot to look through, and you must scroll before you can understand: what is this article about?
 * Last edited by a username
 * Title
 * Icons for Edit and Watch
 * What this article is not about (disambiguation)
 * Issues with the article (not enough citations, current event, etc.)
 * Title again
 * Image
 * Unstructured infobox
 * Start of article text

Goal
Allow the reader to see the most relevant, comprehensible information about the subject quickly with less distraction.

The design does that by focusing on the image, title, first paragraph, and then the infobox.

How it works
Below is a sample of the proposal: Taking the Arches National Park article as an example, on the left, is our current display of the article on mobile web; images are displayed based on their arrangement on desktop, affecting consistency of how articles' lead sections show on mobile web. On the right, is the proposed change, where lead images of the article occupy the same area on each article, before the text and the title.





Summary of proposed changes

 * Display lead image in a crop at the top of page
 * Last edited banner moved to bottom
 * Change icon alignment
 * Display Wikidata description
 * Restyle page issues
 * Restyle disambiguation
 * 1st paragraph moved above infobox

Lead images
The lead image will be displayed in a crop at the top of the page. It is the same image shown in search thumbnails.
 * Attribution is shown when you click on the image, the same as every other image on the page.
 * Some crops may create issues with pictures of people - cropping into faces. We will work on using facial detection to show the best crop possible.
 * We will work on a way for editors to change the lead image and the crop.

Wikidata Descriptions
The description for the Wikidata item will be shown below the title. The purpose is to provide a very quick description that also helps to disambiguate.

Page issues + Disambiguation
These currently take up a lot of space on mobile screens and look unstructured. Giving them a simple, structured styling will give users consistent access to them while de-cluttering the main reading experience.

Moving 1st paragraph above infobox
This allows the reader to quickly start reading the 1st sentences of the article. Both sentences and infobox are important and useful, but this will make the hierarchy more consistent with desktop.

Questions?
Lets talk more about this proposal on the talk page, and find the best way to implement a better visual display of media in article on mobile.