Why are we doing this?
History and dif pages are used by editors and readers to understand how an article has changed over time. For editors, these pages are integral for gathering context around notifications and are key elements in a variety of common workflows.
User story
As a user of the iOS app, I would like to be able to see how an article has changed over time by comparing two different revisions of an article.
Proposed designs
User flows
Selecting a revision
Click through prototype: https://wikimedia.invisionapp.com/share/7JSR4PIXM2H
History screen | History screen with 'compare' | First selected revision | Second selected revision | Attempting to select third revision |
---|---|---|---|---|
Zeplin: https://zpl.io/VQQ9wmm | Zeplin: https://zpl.io/bekLRnm | Zeplin: https://zpl.io/2ZnkWJE | Zeplin: https://zpl.io/bAW4MqP | Zeplin: https://zpl.io/2jYPG4r |
Comparing revisions
User education | Top of compare revisions / diff page | Scrolled down on compare revisions / diff page |
---|---|---|
Zeplin: https://zpl.io/ad1xGjE | Zeplin: https://zpl.io/aN1wMdn | Zeplin: https://zpl.io/bekNRNP |