Decide whether we should update the image thumbnail for Add an image at an article-level vs. section-level
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	JFernandez-WMF
	Mar 28 2023, 12:00 AM

Description

Context

The Growth team is working on a new structured task aimed at adding suggested images to an article's section. This task takes some of its design logic from the existing Add an image task, but there are some things that may need to be updated so the user is able to differentiate both tasks.

One thing we have to decide if we want to update is the image thumbnail that is shown in the suggested edits module.

Image thumbnail for Add an image	Image thumbnail in-situ (desktop)	Image thumbnail in-situ (mobile)	Image thumbnail in-situ (mobile preview)

Acceptance criteria

Make a decision on whether we would like to update image thumbnails. We may want to create a new one for article-level that reflects that you're adding an image for the whole article / we can keep the one that we have for article-level but create a new one that is section-specific / etc...

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Resolved		KStoller-WMF	T321754 [EPIC] Section-Level Images (newcomer structured task)
		Resolved		JFernandez-WMF	T333252 Decide whether we should update the image thumbnail for Add an image at an article-level vs. section-level

Event Timeline

JFernandez-WMF created this task.Mar 28 2023, 12:00 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 28 2023, 12:00 AM

JFernandez-WMF updated the task description. (Show Details)Mar 28 2023, 12:00 AM

JFernandez-WMF added a subscriber: RHo.

@JFernandez-WMF: Assuming this task is about the Image-Suggestions code project, hence adding that project tag so other people who don't know or don't care about team tags can also find this task when searching via projects. Please set appropriate project tags when possible. Thanks! :)

RHo added projects: Growth-Team, Growth Design.Mar 28 2023, 9:36 PM

RHo moved this task from 📗Backlog (Current sprint) to 🔥To Do on the Growth Design board.

RHo edited projects, added Growth-Team (Sprint 0 (Growth Team)); removed Growth-Team.

RHo moved this task from Incoming to Needs Design/Design Doing on the Growth-Team (Sprint 0 (Growth Team)) board.

I have to admit my brain sometimes parses the current image thumbnail as a broken image icon, rather than a purposeful placeholder.

I wonder if using a more colorful placeholder like the onboarding image might be more appealing?

Screenshot 2023-04-26 at 4.11.49 PM.png (304×442 px, 22 KB)

Screenshot 2023-04-26 at 4.12.10 PM.png (306×576 px, 29 KB)

But perhaps those are two similar to really help differentiate?

I'm fine with whatever @JFernandez-WMF thinks is best here!

RHo updated the task description. (Show Details)Apr 27 2023, 11:28 AM

In T333252#8809361, @KStoller-WMF wrote:

I have to admit my brain sometimes parses the current image thumbnail as a broken image icon, rather than a purposeful placeholder.

I wonder if using a more colorful placeholder like the onboarding image might be more appealing?

But perhaps those are two similar to really help differentiate?

I'm fine with whatever @JFernandez-WMF thinks is best here!

Since this appears in smaller thumbnail size on mobile and in post-edit dialogs, I would recommend a simpler icon/graphic. But I agree we may wish to alter the colour styling to differentiate from the placeholder thumbnail for both Add an image and Section image.
Maybe something like:

Hi @RHo, Kirsten and I agreed that the thumbnails you proposed look very good! Do you mind sharing the file where you designed these so I can update them? Thank you for the suggestion and for your illustration/design powers :)

In T333252#8813565, @JFernandez-WMF wrote:

Hi @RHo, Kirsten and I agreed that the thumbnails you proposed look very good! Do you mind sharing the file where you designed these so I can update them? Thank you for the suggestion and for your illustration/design powers :)

Sure thing, it's on the Add image figma: https://www.figma.com/file/ULhJr1isDstRbGE5vjYDsr/Add-images-structured-task?node-id=5564-72228&t=0rT0VzNYKSqVBfRu-4

Thank you! I updated the specs for Add a suggested section image with the new thumbnail. Should I create a task for Engineers to update the Add an image thumbnail? cc @KStoller-WMF

@JFernandez-WMF Thanks! Can you add the designs and any further specs to this task? T335924: Section-level images: article-level and section-level image thumbnails for Suggested edits

KStoller-WMF assigned this task to JFernandez-WMF.May 3 2023, 9:39 PM

KStoller-WMF added a parent task: T321754: [EPIC] Section-Level Images (newcomer structured task) .

@KStoller-WMF done! I'll be bold and mark this task as resolved :) Feel free to re-open if you think I shouldn't have closed it.

	F36963940: Screenshot 2023-04-26 at 4.12.10 PM.png
	Apr 26 2023, 11:23 PM

	F36963938: Screenshot 2023-04-26 at 4.11.49 PM.png
	Apr 26 2023, 11:23 PM

	F36930468: Mobile-02i-SE module (1).png
	Mar 28 2023, 12:00 AM

	F36930464: Add an image graphic - img thumbnail.png
	Mar 28 2023, 12:00 AM

	F36964435: image.png
	Apr 27 2023, 11:44 AM

Decide whether we should update the image thumbnail for Add an image at an article-level vs. section-levelClosed, ResolvedPublicActions