Page MenuHomePhabricator

Experiment: Article as a living document
Closed, ResolvedPublic

Assigned To
Authored By
cmadeo
Dec 20 2019, 4:52 PM
Referenced Files
F32370238: Bot edit - article view.png
Oct 1 2020, 6:07 PM
F32370240: Bot edit.png
Oct 1 2020, 6:07 PM
F31985207: Living document - iPad - Portrait, scrolled.png
Aug 7 2020, 9:00 PM
F31985210: Living document - iPad - landscape, no scroll.png
Aug 7 2020, 9:00 PM
F31985204: Living document - iPad - Portrait, no scroll.png
Aug 7 2020, 9:00 PM
F31985063: Screen Shot 2020-08-07 at 3.41.24 PM.png
Aug 7 2020, 8:10 PM
F31985042: Screen Shot 2020-08-07 at 3.40.22 PM.png
Aug 7 2020, 8:10 PM
F31985035: Screen Shot 2020-08-07 at 3.47.12 PM.png
Aug 7 2020, 8:10 PM
Tokens
"Party Time" token, awarded by JMinor.

Description

Pitch

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

https://wikimedia.invisionapp.com/public/share/6B14P19UPR#/screens/477249182

Mocks (iPhone)
Header Interstitial card Recent 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)
https://zpl.io/bzZD4PG https://zpl.io/bzZD4PG https://zpl.io/agJMwxQ
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)
https://zpl.io/aMORAl7 https://zpl.io/brwLBz1 https://zpl.io/VkjeqJG
Cell types

References

Single reference added in a single section Multiple references added to 2 sections Multiple 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)
https://zpl.io/aMORAl7 https://zpl.io/brwLBz1 https://zpl.io/VkjeqJG

Characters added or deleted

Characters added to a single section Reverted vandalism Characters removed in 1-2 sections Characters removed in 3+ sections Characters 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)

Misc

Multiple types of changes New discussion Small changes Title 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 link Destination
Editor name User page (web view)
Thank Thank flow ( T259555 )
View changes History view scrolled to specific change - highlighted
View discussion Talk 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

Status Subtype Assigned Task
Open None
Resolved JMinor
Resolved Spike Tsevener
Resolved Tsevener
Resolved Tsevener
Resolved Tsevener
Resolved JMinor
Resolved JMinor
Resolved Tsevener
Resolved JMinor
Resolved MattCleinman
Resolved JMinor
Resolved JMinor
Resolved SNowick_WMF
Resolved Tsevener
Resolved JMinor
Resolved JMinor
Resolved JMinor
Resolved JMinor
Resolved JMinor
Declined None
Declined cmadeo
Resolved JMinor
Resolved JMinor
Declined None
Declined None

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 subscribed.

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.