Page MenuHomePhabricator

Add an image: task type info in suggested edits module
Open, HighPublic

Description

For this task type in the suggested edits module, here are the details on how it should be listed.

  • Unlike other task types, cards for this task should not display the lead image preview for the article (in Iteration 1, none of the articles will have lead images, but that might not be true for future iterations). Instead, we will display a specific "add image" graphic instead (illustration TBC). See T289824: Add an image: mobile preview card
  • Title: "Add images to articles"
  • Subtitle: "Decide whether to add a suggested image to the article."
  • Difficulty level is MEDIUM
  • Robot icon precedes the word MEDIUM
  • Estimated time is "3-5 minutes"
  • Tooltip from the "i" icon: "Images can help readers understand a subject. [paragraph break] Images are suggested by machine, and you will decide whether to add them to the article. You'll also write a caption for them."

Mockup:

image.png (1×1 px, 485 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=3002%3A8962

Event Timeline

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

[mediawiki/extensions/GrowthExperiments@master] Add Image: Fill in placeholder messages

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

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

[mediawiki/extensions/GrowthExperiments@master] Add Image: do not load page image for addimage tasks

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

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

[mediawiki/extensions/GrowthExperiments@master] Add Image: Add tasktype-specific CSS class to task cards

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

The icon is the standard "no image" icon for now. Will be updated once @RHo is back (or once someone else can figure out SVG exports from Figma - I ended up with zero-byte files).

Hi @Tgr I was unable to export from Figma either, but here is the SVG from the prototype.

Change 719394 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add Image: Fill in placeholder messages

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

Hi @Tgr I was unable to export from Figma either, but here is the SVG from the prototype.

Thanks! Updated the patch.

Change 719398 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add Image: do not load page image for addimage tasks

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

Title: "Add images to articles"
Tooltip from the "i" icon: "Images can help readers understand a subject. [paragraph break] Images are suggested by machine, and you will decide whether to add them to the article. You'll also write a caption for them."

@RHo @MMiller_WMF these messages both use the plural for image but per T290045: Add an image: image inspector we're just showing a single image. Are we using the plural in case in the future we rework the feature to allow the user to decide between multiple images?

Title: "Add images to articles"

As a suggestion, maybe something like "Match an image with an article", might better express to the user what they'll be doing.

The placeholder image is tracked in T289824: Add an image: mobile preview card so I'm moving this to QA.

@kostajh -- the reason it's plural is because we're referring to the many images the user will encounter as they hopefully do many of the tasks. Since our flow keeps feeding them tasks via the post-edit dialog, the idea is that this one explanation of the task will apply to a whole series that they'll encounter.

As a suggestion, maybe something like "Match an image with an article", might better express to the user what they'll be doing.

@RHo and I were talking about this today, and playing with the phrase "choose images". Rita, do you like "Match" any better than "Add"?

I just updated with the latest mockup and Figma link. There were no visual or specifications changes.

Change 719399 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add Image: Don't show thumbnails on task cards

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