Design: Revisit the early designs for inline display of Wikifunctions errors in Wikipedia articles
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	gengh
	Apr 4 2025, 3:22 PM

Project Tags

Referenced Files

	F59974903: image.png
	May 14 2025, 5:02 PM

	F59974899: image.png
	May 14 2025, 5:02 PM

	F59974908: image.png
	May 14 2025, 5:02 PM

	F58980821: context-popup.png
	Apr 4 2025, 3:22 PM

	F58980819: read-page.png
	Apr 4 2025, 3:22 PM

Subscribers

gengh

Jdforrester-WMF

Description

Discovery and definition

The work for T390554: Show read-mode errors from the Wikifunctions integration inline rather than in a box, so that editors can be less disrupted when something is wrong is planned based on some early inline error designs:

https://www.figma.com/design/sMOc0itmJIm6qthj8XKfMd/T363391-Design-prototype-for-WF-use-case-in-WP?node-id=474-11464&p=f&t=W4WxOtCskQltPlGr-0

Building on top of Q3 error-related work, we should finalize these designs, mostly with a couple of clarifications:

Function error block in read page: how to link to user page?
What's the final copy for the error message?

1. Read page: Link to the error documentation

The error designs don't clarify how the link to the error guide page is displayed to the user in the read pages: Is the whole inline box clickable? Should there be a link or clickable icon inside of the inline box?

2. Context popup error message

The error message in the context popup is an early take. Currently the copy reads:

The function can't display a result. Edit to fix missing or invalid values. Learn more.

This message seems to assume that every error can be fixed by editing the function call. However, errors might not be fixable through VE editing.

Additional info

Help:UsingWikifunctions - A detailed description of current state of errors in WP integration.
Q3 FY25 PRD - Wikifunctions in Wikipedia Live - Features for Wifunctions in Wikipedia integration, errors section.
Design in Figma
Error messages

Completion checklist
Before closing this task, review one by one the checklist available here: https://www.mediawiki.org/wiki/Abstract_Wikipedia_team/Definition_of_Done#Design_task_completion_checklist

Related Objects
Search...

Status	Assigned	Task
Resolved	Jdforrester-WMF	T390545 Improve features related to the Wikifunctions integration, so that wiki editors can use Wikifunctions in articles with more confidence.
Resolved	DSmit-WMF	T390554 Show read-mode errors from the Wikifunctions integration inline rather than in a box, so that editors can be less disrupted when something is wrong
Resolved	gonyeahialam	T391117 Design: Revisit the early designs for inline display of Wikifunctions errors in Wikipedia articles

Event Timeline

gengh created this task.Apr 4 2025, 3:22 PM

gengh added a parent task: T390554: Show read-mode errors from the Wikifunctions integration inline rather than in a box, so that editors can be less disrupted when something is wrong.

gengh moved this task from To Triage to 25Q4 (Apr–Jun) on the Abstract Wikipedia team board.Apr 4 2025, 3:25 PM

gengh edited projects, added: Abstract Wikipedia team (25Q4 (Apr–Jun)); removed: Abstract Wikipedia team.

gengh moved this task from Incoming to Needs Design on the Abstract Wikipedia team (25Q4 (Apr–Jun)) board.

gengh mentioned this in T390554: Show read-mode errors from the Wikifunctions integration inline rather than in a box, so that editors can be less disrupted when something is wrong.

DSantamaria triaged this task as Medium priority.Apr 9 2025, 4:59 PM

gonyeahialam changed the task status from Open to In Progress.Apr 23 2025, 2:00 PM

gonyeahialam claimed this task.

For the inline error we would use a small version of the button component which is being worked on T352201. We would use the quiet destructive button.

Read page	Visual editor (VE)	VE context pop-up
On the article page, all interaction is removed from the button	On VE the button is clickable	Clicking on the button shows the context pop-up with more details about the error and a link to learn more