This task involves making refinements to the first iteration of the Edit Check MVP (mobile) user experience prior to sharing it with volunteers to test and review.
Requirements
This section contains the adjustments we've agreed are in scope.
| Item | Description | Current experience | Desired experience | Status |
|---|---|---|---|---|
| 1. | New content is not always visible when the Add a reference card appears | Done | ||
| 2. | People should be offered an opp. to contextualize why they've decided not to add a reference. Read: people should see a multiple choice form when they tap the No button in the "Add a reference" card. | Currently, people who tap No are returned to the full-page editing experience and when they attempt to publish by tapping → , they are repeatedly shown the "Add a reference" card | Done | |
| 3. | A ﹤ button should appear within the Before publishing view | Done | ||
| 4. | People should see where within the document the reference they just generated will be placed. | Currently, the "Add a citation" card appears while the new content you've added is out of sight | Broken in iOS | |
| 5. | A toast should appear within the save dialog that enables people to confirm they've successfully done what they were intending to do (add a reference) | Currently, upon tapping Insert people are taken directly to the "Save your changes" view | Done | |
| 6. | People should be able to navigate back to the "Add a reference" card from the "Add a citation" dialog. | Currently, a X appears that, when tapped, drops them back into the full-page editing experience effectively causing them to abandon the progress they'd made | Done | |
| 7. | Line break shown as added content | Done | ||
| 8. | Reduce white space present within "Add a reference" card | Done | ||
| 9. | Enlarge "Add a reference" font size so that it matches "Before publishing" font size | Done | ||
| 10. | Adjust appearance of "Add a reference" card so that it relates to in-document text highlight | Currently, the "Add a reference" card background is blue, while the in-document highlight is a pink'ish color | highlight + card background color: #FCE7FE. border color: #D02AAC | Done |
| 11. | Further constrain how much of the view is scrollable | Currently, browser's vertical scrollbar can appear "atop" the "Add a reference" edit card: https://youtube.com/shorts/QkhMjF2f55A?feature=share | Broken in iOS | |
| 12. | Adjust appearance of text highlighting when inserting citation | Removing the border around the text highlight to emphasize the focus of the citation insertion (active state) | Broken in iOS | |
Open questions
- 1. What – if any – revisions should be made to the appearance and/or behavior of the X button that currently appears within the "Add a citation" view. Currently, when people tap the X they are sent back to the activated editing interface and presented with the same Add a reference dialog when they tap the → button to advance to publishing.
- Replace X button with a → button so people can return back to the place they arrived to this screen from and avoid losing the "progress" they've made. This adjustments is represented at "6." in the === Requirements section above.
- 2. What should happen when people tap the < button within the "Save your changes" view. Currently, people are taken back to the full-page editor with the editing toolbar being the only interface elements visible shown on-screen.
i. By next week, I assume the Editing Team will have had time to converge on the set of improvements













