Page MenuHomePhabricator

Add an image: rejection dialog
Closed, ResolvedPublic

Description

Corresponding task from "add a link": T269647: Add a link: rejection dialog


When the user selects "No" in the image inspector, they are shown the "rejection dialog", where they indicate why they rejected the suggestion.

  • Behavior
    • This is a modal (as per Add a link T269647).
    • It contains checkboxes; the user can select many.
    • It has a Submit primary button.
    • It has a Cancel button, which returns the user to the image inspector with neither the "Yes" or "No" button selected at all.
    • The user may select the "Submit" button whether or not they choose a response. The "Submit" button is the only way to proceed beyond this step after the user has selected "No". In future we want users to directly go to the ‘no change’ Post-edit dialog (T290789), but for iteration 1, the user will see the rejected version of the edit summary - see T290784: Add an image: edit summary and publish.
    • Not all response options should cause images to be removed from the pool. There are options that, if selected, indicate a different user may do a fine job with the image. Since these are checkboxes, the logic should be that if any of the "remove" options are selected, the removal should happen.

==== Note: Final copy updated below - see relevant tab for corresponding QQQ in the copy spreadsheet: ====

  • Content
    • Overlay header: Why not?
    • Sub-header: Your answers improve future suggestions.
    • Option 1: Image is not relevant -- remove from pool
    • Option 2: Not enough information to decide -- remove from pool
    • Option 3: Image is offensive -- remove from pool
    • Option 4: Image is low quality -- remove from pool
    • Option 5: I don't know this subject
    • Option 6: I can’t read the language in the image details
    • Option 7: Other -- remove from pool
    • If left blank -- remove from pool

Mockups as of 2021-10-04:

image.png (1×720 px, 105 KB)

NOTE: Refer to Figma for up-to-date detailed redline mocks and specs:
https://www.figma.com/file/ULhJr1isDstRbGE5vjYDsr/Add-images-structured-task-[Growth]?node-id=3014%3A8732

Event Timeline

Questions for @RHo:

  • For the "add an image" design, the rejection step is a fullscreen overlay, whereas for "add a link" it's a modal (see screenshot below). While I know we tested these options against each other with Concepts A and B, I want to check whether we want consistency here across the two task types.
  • "Add a link" is radio buttons, whereas this is checkboxes. Do we want consistency across them? Or should we think about this as a test to see whether checkboxes give us data that we prefer?
  • In "add a link", when the user gives a rejection reason, they can go back to the suggestion, see that the "No" is still selected, and tap an ellipse to edit their rejection reason. Perhaps that's not needed here because we're only doing one suggestion per task (as opposed to many links per task). That's how it is in the "add an image" prototypes: if the user goes back from selecting a rejection reason, the "No" button is not selected -- they can just re-select it to go back to rejection reason. Same with the "yes" button -- if the user goes back from the caption stage, the "Yes" button is not selected. How do you think this should work?
kostajh changed the task status from Open to Stalled.Sep 13 2021, 10:02 AM

Seems like this would be more easily done after T290045: Add an image: image inspector

Changing the status to reflect that.

Change 720937 had a related patch set uploaded (by Gergő Tisza; author: Gergő Tisza):

[mediawiki/extensions/GrowthExperiments@master] [WIP] Add rejection dialog

https://gerrit.wikimedia.org/r/720937

RHo renamed this task from Add an image: rejection dialog to Add an image: rejection dialog (PLACEHOLDER).Sep 16 2021, 8:51 PM

It takes them to the post-edit dialog. See T290789: Add an image: post-edit dialog (PLACEHOLDER).

Just to clarify this – for Add-Link, pressing no on the last/only suggestion takes you to the edit summary screen, where you then press publish. For Image-Suggestions, there will be no edit summary screen for rejection responses?

Change 720937 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add rejection dialog

https://gerrit.wikimedia.org/r/720937

It takes them to the post-edit dialog. See T290789: Add an image: post-edit dialog (PLACEHOLDER).

Just to clarify this – for Add-Link, pressing no on the last/only suggestion takes you to the edit summary screen, where you then press publish. For Image-Suggestions, there will be no edit summary screen for rejection responses?

Yes, that's correct for Iteration 1 where there is only one image suggested.

kostajh changed the task status from Stalled to In Progress.Sep 27 2021, 1:02 PM

@RHo -- could you please help with these clarifying questions?

  • For the "add an image" design, the rejection step is a fullscreen overlay, whereas for "add a link" it's a modal (see screenshot below). While I know we tested these options against each other with Concepts A and B, I want to check whether we want consistency here across the two task types.
  • "Add a link" is radio buttons, whereas this is checkboxes. Do we want consistency across them? Should "add a link" become checkboxes? Looking at the options in "add a link", I don't think that more than one of them should really apply to the same link, so that lends itself to radio buttons. But I am concerned about consistency.
  • In "add a link", when the user gives a rejection reason, they can go back to the suggestion, see that the "No" is still selected, and tap an ellipse to edit their rejection reason. Perhaps that's not needed here because we're only doing one suggestion per task (as opposed to many links per task). That's how it is in the "add an image" prototypes: if the user goes back from selecting a rejection reason, the "No" button is not selected -- they can just re-select it to go back to rejection reason. Same with the "yes" button -- if the user goes back from the caption stage, the "Yes" button is not selected. How do you think this should work?

@Tgr -- I just added a requirement here that only certain rejection reasons cause images to be removed from the pool. Could you please tell me whether that's no problem, or if it is substantial work? If substantial work, we can cut it out of scope for Iteration 1.

@RHo -- could you please help with these clarifying questions?

  • For the "add an image" design, the rejection step is a fullscreen overlay, whereas for "add a link" it's a modal (see screenshot below). While I know we tested these options against each other with Concepts A and B, I want to check whether we want consistency here across the two task types.

Yes my bad, I've updated to use the same consistency with both tasks to not use a full-screen modal.

  • "Add a link" is radio buttons, whereas this is checkboxes. Do we want consistency across them? Should "add a link" become checkboxes? Looking at the options in "add a link", I don't think that more than one of them should really apply to the same link, so that lends itself to radio buttons. But I am concerned about consistency.

image.png (568×1 px, 84 KB)

I agree it makes sense to change to checkboxes on Add links as well, both for consistency and because there may still be people who may have an 'other' reason besides the one selected (though also agree that it's much less likely for two main add link reasons to be selected) . Should we create a separate task for that though (also wonder if we would need to change instrumentation)?

  • In "add a link", when the user gives a rejection reason, they can go back to the suggestion, see that the "No" is still selected, and tap an ellipse to edit their rejection reason. Perhaps that's not needed here because we're only doing one suggestion per task (as opposed to many links per task). That's how it is in the "add an image" prototypes: if the user goes back from selecting a rejection reason, the "No" button is not selected -- they can just re-select it to go back to rejection reason. Same with the "yes" button -- if the user goes back from the caption stage, the "Yes" button is not selected. How do you think this should work?

Yes, confirming that for this single add image task, the behaviour in the prototypes you described is how I think this should work.

@Tgr -- I want to point out that a few of the specifications changed here:

  • It went from being an overlay to a dialog (like "add a link" has), which alters the buttons and actions.
  • We would like to selectively remove images from the queue based on the rejection reasons. Let us know if this substantially increases scope.
MMiller_WMF renamed this task from Add an image: rejection dialog (PLACEHOLDER) to Add an image: rejection dialog.Oct 5 2021, 10:23 PM

Moving accordingly. I think those are both easy changes.

Change 730678 had a related patch set uploaded (by Gergő Tisza; author: Gergő Tisza):

[mediawiki/extensions/GrowthExperiments@master] Add Image: Do not discard recommendation for some rejection reasons

https://gerrit.wikimedia.org/r/730678

Change 730687 had a related patch set uploaded (by Gergő Tisza; author: Gergő Tisza):

[mediawiki/extensions/GrowthExperiments@master] Add Image: Change rejection dialog style

https://gerrit.wikimedia.org/r/730687

Change 730687 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add Image: Change rejection dialog style

https://gerrit.wikimedia.org/r/730687

Change 730678 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add Image: Do not discard recommendation for some rejection reasons

https://gerrit.wikimedia.org/r/730678

For @RHo review
(1) minor

  • It has a "Cancel" button, which returns the user to the image inspector with neither the "Yes" or "No" button selected.

After a user clicks on "Cancel" - the button "No" is still displayed as selected - the button has a blue outline.

Screen Shot 2021-11-04 at 5.21.28 PM.png (1×758 px, 295 KB)

(2)

  • The user may select the "Submit" button whether or not they choose a response. The "Submit" button is the only way to proceed beyond this step after the user has selected "No". It takes them to the post-edit dialog. See T290789: Add an image: post-edit dialog.

The current workflow now is as follows:

  • a user clicks "No"
  • "Why is this image not right..." is displayed
  • a user doesn't select any reason and clicks on "Submit"
  • "Save your changes" overlay is displayed

Screen Shot 2021-11-04 at 5.24.14 PM.png (1×822 px, 98 KB)

Questions:

  • Does "Save your changes" is a correct header here?
  • The "x" button looks confusing - it looks like the image could be removed from the Summary.

Note: I'll be doing more testing on images being removed from the pool.

RHo updated the task description. (Show Details)

Thanks @Etonkovidova - I've moved back to fix the minor issue (1) mentioned, as well as since the copy has since been finalised and updated on this task.

For @RHo review
(1) minor

  • It has a "Cancel" button, which returns the user to the image inspector with neither the "Yes" or "No" button selected.

After a user clicks on "Cancel" - the button "No" is still displayed as selected - the button has a blue outline.

Screen Shot 2021-11-04 at 5.21.28 PM.png (1×758 px, 295 KB)

Good catch, the blue outline should be removed on the "No" button.

(2)

  • The user may select the "Submit" button whether or not they choose a response. The "Submit" button is the only way to proceed beyond this step after the user has selected "No". It takes them to the post-edit dialog. See T290789: Add an image: post-edit dialog.

The current workflow now is as follows:

  • a user clicks "No"
  • "Why is this image not right..." is displayed
  • a user doesn't select any reason and clicks on "Submit"
  • "Save your changes" overlay is displayed

Screen Shot 2021-11-04 at 5.24.14 PM.png (1×822 px, 98 KB)

This is correct for Iteration 1 (reject will take users to the review summary screen first) and I've updated the task description accordingly to reflect that taken users to Post-edit dialog is for a future iteration.

Questions:

  • Does "Save your changes" is a correct header here?
  • The "x" button looks confusing - it looks like the image could be removed from the Summary.

I would refer to specs on T290784 for review but the button in the header is definitely off. the "x" and image icons should be a lighter base20 colour which should help with making them look informational rather than actionable.

Note: I'll be doing more testing on images being removed from the pool.

Change 737784 had a related patch set uploaded (by MewOphaswongse; author: MewOphaswongse):

[mediawiki/extensions/GrowthExperiments@master] Add an image: update copy & QQQs for image inspector, rejection dialog, edit summary, caption UI

https://gerrit.wikimedia.org/r/737784

Change 738051 had a related patch set uploaded (by Gergő Tisza; author: Gergő Tisza):

[mediawiki/extensions/GrowthExperiments@master] Add Image: Save dialog icon color

https://gerrit.wikimedia.org/r/738051

Good catch, the blue outline should be removed on the "No" button.

Note that the outline does not mean "selected" or "pressed", it means "focused" (ie. it signifies where we are in tab navigation, although I guess that's not very significant on mobile). We can move the focus elsewhere if needed, though.

Change 738054 had a related patch set uploaded (by Gergő Tisza; author: Gergő Tisza):

[mediawiki/extensions/GrowthExperiments@master] Add Image: Suppress outline when canceling rejection dialog

https://gerrit.wikimedia.org/r/738054

Change 738051 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add Image: Save dialog icon color

https://gerrit.wikimedia.org/r/738051

Change 738054 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add Image: Suppress outline when canceling rejection dialog

https://gerrit.wikimedia.org/r/738054

Change 737784 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add an image: update copy & QQQs for image inspector, rejection dialog, edit summary, caption UI

https://gerrit.wikimedia.org/r/737784

Etonkovidova updated the task description. (Show Details)