Page MenuHomePhabricator

Experiment: Article as a living document
Closed, ResolvedPublic



Users can scrub a timeline to view article changes and meta information (editing history spark line); when you scrub to current time it live updates

User story

As a reader of Wikipedia, I would like to see how an article has changed over time so that I can better understand how Wikipedia articles evolve over time without being overwhelmed by too much granular information.

Proposed Design

While the goal will still be to have a visual approach to this experiment, one initial thought is to define what the important moments in article development are and to leverage those in the article view for a subset of popular (trending) or currently evolving articles.

Design details

For articles that are 'trending (eg. top read)' or 'in the news' consider additional treatments on the article view:

  • Highlight the time the article was last updated with specific call outs for 'significant' updates
  • Below the article infobox and/or first paragraph, add an interstitial card that highlights the last two 'significant' updates made to the article.
  • Tapping on an update to an article section would scroll to the updated text in the article
  • Tapping on an update to the talk page would open the talk page or an iOS specific presentation of the discussion (to be designed)
  • Tapping on read more would open a view where the user can browse significant updates to the article (to be designed)
  • Tapping on the username associated with an update would open the user's talk page in the app
Click through prototype

Mocks (iPhone)
HeaderInterstitial cardRecent changes view
A - 101_Living document.png (1×750 px, 251 KB)
A - 102_Living document.png (1×750 px, 155 KB)
A - 104 - Living document.png (8×750 px, 836 KB)
Mocks (iPad)
Portrait (no scroll)Portrait (scrolled)Landscape
Living document - iPad - Portrait, no scroll.png (2×1 px, 414 KB)
Living document - iPad - Portrait, scrolled.png (2×1 px, 427 KB)
Living document - iPad - landscape, no scroll.png (1×2 px, 537 KB)
Cell types


Single reference added in a single sectionMultiple references added to 2 sectionsMultiple references added to 3+ sections
Screen Shot 2020-08-07 at 3.39.46 PM.png (564×756 px, 78 KB)
Screen Shot 2020-08-07 at 3.40.29 PM.png (660×758 px, 83 KB)
Screen Shot 2020-08-07 at 3.40.36 PM.png (604×758 px, 68 KB)

Characters added or deleted

Characters added to a single sectionReverted vandalismCharacters removed in 1-2 sectionsCharacters removed in 3+ sectionsCharacters added and characters removed from a single section (snippet shows area of largest addition)
Screen Shot 2020-08-07 at 3.40.13 PM.png (604×756 px, 87 KB)
Screen Shot 2020-08-07 at 3.40.22 PM.png (290×758 px, 41 KB)
Screen Shot 2020-08-07 at 3.40.54 PM.png (352×754 px, 42 KB)
Screen Shot 2020-08-07 at 3.40.42 PM.png (296×760 px, 32 KB)
Screen Shot 2020-08-07 at 3.41.00 PM.png (592×756 px, 88 KB)


Multiple types of changesNew discussionSmall changesTitle description added or changed (EN wiki, via template)Title description added or changed (Wikidata)
Screen Shot 2020-08-07 at 3.41.08 PM.png (692×756 px, 98 KB)
Screen Shot 2020-08-07 at 3.47.12 PM.png (518×778 px, 68 KB)
Screen Shot 2020-08-07 at 3.40.02 PM.png (130×760 px, 14 KB)
Screen Shot 2020-08-07 at 3.41.18 PM.png (496×760 px, 58 KB)
Screen Shot 2020-08-07 at 3.41.24 PM.png (468×754 px, 49 KB)
Design details: Links + Buttons
Button or linkDestination
Editor nameUser page (web view)
ThankThank flow ( T259555 )
View changesHistory view scrolled to specific change - highlighted
View discussionTalk page (web view) -- ideally scrolled to discussion
Design details: Summary text
  • 'n' characters added and 'n' characters removed in the [section title] section
  • 'n' characters added and 'n' characters removed in the [section 1] and [section 2] sections
  • 'n' characters added and 'n' characters removed in 3 sections
  • 1 reference added in the [section title] section
  • 2 references added in the [section title] section
  • Multiple references added in the [section title] section
  • 2 references added in the [section 1] and [section 2] sections
  • Multiple references added in 3 sections
Design details: Ordering listing for multiple event cells
  1. References added
  2. References removed
  3. Characters added
  4. Characters removed

Related Objects


Event Timeline

cmadeo renamed this task from Experiment one: Article as a living document to Experiment: Article as a living document.Dec 20 2019, 4:52 PM
cmadeo created this task.
LGoto triaged this task as Medium priority.Jan 6 2020, 7:56 PM
LGoto moved this task from Needs Triage to Product Backlog on the Wikipedia-iOS-App-Backlog board.
cmadeo updated the task description. (Show Details)

Per sync - we won't be supporting the highlighted article content in the "Highlighted edit" mock functionality for v1.

LGoto raised the priority of this task from Medium to High.Sep 22 2020, 8:19 PM

@Tsevener re our meeting with Shay

For the interstitial card:
Multiple changes made in X sections
Multiple changes made in X section

@cmadeo Something I realized we never followed up on - we do have the ability to detect whether a significant change was made by a bot or not. The endpoint is already returning it and we're already processing it in the app, it's just a matter of adding the asset + view display code. Would you like to show a bot icon somewhere near the username on both the article content insert and the modal? If so, if you could make a quick mock that would be helpful. Thanks!

Note: removed the mock depicting highlight on tap as this was not included in the final feature.

ABorbaWMF added a subscriber: ABorbaWMF.

Looks good aside from some minor issues listed elsewhere, ready for sign off on 6.7.3 (1786)

JMinor claimed this task.
JMinor awarded a token.