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

Resolved MattCleinman

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.