Page MenuHomePhabricator

Personalized praise: new mentor dashboard module
Closed, ResolvedPublic

Assigned To
Authored By
KStoller-WMF
Nov 4 2022, 9:33 PM
Referenced Files
F37144882: Screenshot 2023-07-20 at 3.10.15 PM.png
Jul 20 2023, 10:13 PM
F37144875: Screen Shot 2023-07-20 at 2.55.06 PM.png
Jul 20 2023, 9:59 PM
F37144879: Screen Shot 2023-07-20 at 2.54.46 PM.png
Jul 20 2023, 9:59 PM
F35862109: Popup widget content.png
Dec 13 2022, 10:38 PM
F35848101: personalised-praise-empty-state-illustration.svg
Dec 9 2022, 5:26 PM
F35847491: personalised-praise-empty-state-illustration.svg
Dec 9 2022, 9:44 AM
F35847196: Empty state module.png
Dec 8 2022, 11:42 PM
F35847198: Send appreciation to mentees module.png
Dec 8 2022, 11:42 PM

Description

This is the task to cover the frontend work needed for the new "Personalized Praise" Mentor dashboard module.
The task that covers the backend work needed for the new module is: T322444

User Story:

As a mentor,
I want to offer feedback and encouragement to newcomers,
Because then they are more likely to continue contributing.

Background:

Research shows that praise and encouragement from other users increases newcomer retention.
Growth documentation:

Mediawiki overview of Positive Reinforcement project.

Designs

Send appreciation / encouragement to your mentees module:
This is shown if a Mentor has Mentees that meets the criteria outlined in the Mentor's settings.

Send appreciation to mentees module.png (433×448 px, 35 KB)

Elements:

  • Module title
  • Settings icon
  • Short description of the module
  • More info icon
  • Appreciation-worthy set metric
  • Avatar, username and activity status
  • Score cards
  • Total edit count
  • Thanks count
  • Longest streak
  • Send appreciation CTA
  • Previous and next movement icon
  • 1 out of ... mentees count

Empty state:

This is shown when no mentee has met the set metric set by the mentor.

Empty state module.png (428×444 px, 22 KB)

Elements

  • Module title
  • Settings icon
  • Module description
  • Info icon
  • Illustration
  • Footer text

Information popup:

Popup widget content.png (228×320 px, 17 KB)

Acceptance Criteria:

Given I'm a Mentor and I visit my Mentor Dashboard,
When I don't have any "praise worthy" mentees,
Then I see the empty state design

Given I'm a Mentor and I visit my Mentor Dashboard,
When I do have "praise worthy" mentees,
Then I see a "Send appreciation to your mentees" module

Completion checklist

Functionality

  • The patches have been code reviewed and merged
  • The task passes its acceptance criteria

Engineering

  • There are existing and passing unit/integration tests
  • Tests for every involved patch should pass
  • Coverage for every involved project should have improved or stayed the same

Design & QA

  • If the task is UX/Design related: it must be reviewed and approved by the UX/Design team
  • Must be reviewed and approved by Quality Assurance.

Documentation

  • Related and updated documentation done where necessary

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes

@KStoller-WMF Here’s the SVG of the empty state illustration.

@Urbanecm_WMF are you planning to develop this module in Vue? Maybe we can reuse some of the components in the user impact module ext.growthExperiments.NewImpact for this.

@Urbanecm_WMF are you planning to develop this module in Vue? Maybe we can reuse some of the components in the user impact module ext.growthExperiments.NewImpact for this.

Indeed I plan on doing that, as the end goal to be 100% Vue anyway, and I don't want to bring additional work. I'll review the NewImpact components, and I'll definitely ask questions in case anything's unclear for me.

Change 889642 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@master] WIP: Frontend for Personalized praise module

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

Change 891727 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@master] [experiment] Use ScoreCards in Personalized praise

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

Change 891726 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@master] [Vue] Standardize the location of icons.json

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

Change 891726 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] [Vue] Standardize the location of icons.json

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

Change 893738 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@master] Generalize ScoreCard(s) Vue components

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

Change 891727 abandoned by Urbanecm:

[mediawiki/extensions/GrowthExperiments@master] [experiment] Use ScoreCards in Personalized praise

Reason:

superseded by I0ba03ce7b3dffcfd2c17e58753f026e057803492 and Ia79944d66de8bd44ebd8500b20d547afb3dc6200

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

Change 893738 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Generalize ScoreCard(s) Vue components

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

Change 901588 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[operations/mediawiki-config@master] Growth: Disable GEPersonalizedPraiseEnabled everywhere

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

Change 901588 merged by jenkins-bot:

[operations/mediawiki-config@master] Growth: Disable GEPersonalizedPraiseEnabled everywhere

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

Mentioned in SAL (#wikimedia-operations) [2023-03-21T14:02:53Z] <urbanecm@deploy2002> Started scap: Backport for [[gerrit:901588|Growth: Disable GEPersonalizedPraiseEnabled everywhere (T322443)]]

Mentioned in SAL (#wikimedia-operations) [2023-03-21T14:10:46Z] <urbanecm@deploy2002> Finished scap: Backport for [[gerrit:901588|Growth: Disable GEPersonalizedPraiseEnabled everywhere (T322443)]] (duration: 07m 53s)

Test wiki created on Patch demo by Martin Urbanec (WMF) using patch(es) linked to this task:
https://patchdemo.wmflabs.org/wikis/2abf1605fe/w

Test wiki created on Patch demo by Martin Urbanec (WMF) using patch(es) linked to this task:
https://patchdemo.wmflabs.org/wikis/6411b44c82/w

Change 889642 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Frontend for Personalized praise module

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

Change 906765 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@master] Personalized praise: Move metrics row to Vue

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

Test wiki on Patch demo by Martin Urbanec (WMF) using patch(es) linked to this task was deleted:

https://patchdemo.wmflabs.org/wikis/6411b44c82/w/

Test wiki on Patch demo by Martin Urbanec (WMF) using patch(es) linked to this task was deleted:

https://patchdemo.wmflabs.org/wikis/2abf1605fe/w/

Change 906765 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Personalized praise: Frontend improvements

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

Change 914368 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@master] Personalized praise: Run convertNumber() before displaying numbers

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

Change 914368 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Personalized praise: Run convertNumber() before displaying numbers

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

Change 914435 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@wmf/1.41.0-wmf.7] Personalized praise: Run convertNumber() before displaying numbers

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

Change 914436 had a related patch set uploaded (by Urbanecm; author: Urbanecm):

[mediawiki/extensions/GrowthExperiments@wmf/1.41.0-wmf.6] Personalized praise: Run convertNumber() before displaying numbers

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

Change 914436 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@wmf/1.41.0-wmf.6] Personalized praise: Run convertNumber() before displaying numbers

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

Change 914435 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@wmf/1.41.0-wmf.7] Personalized praise: Run convertNumber() before displaying numbers

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

Mentioned in SAL (#wikimedia-operations) [2023-05-03T09:42:40Z] <urbanecm@deploy1002> Started scap: Backport for [[gerrit:914436|Personalized praise: Run convertNumber() before displaying numbers (T322443)]], [[gerrit:914435|Personalized praise: Run convertNumber() before displaying numbers (T322443)]]

Mentioned in SAL (#wikimedia-operations) [2023-05-03T09:49:34Z] <urbanecm@deploy1002> Finished scap: Backport for [[gerrit:914436|Personalized praise: Run convertNumber() before displaying numbers (T322443)]], [[gerrit:914435|Personalized praise: Run convertNumber() before displaying numbers (T322443)]] (duration: 06m 53s)

Urbanecm_WMF changed the task status from In Progress to Open.Jul 12 2023, 10:33 AM
Urbanecm_WMF moved this task from In Progress to QA on the Growth-Team (Sprint 0 (Growth Team)) board.

@KStoller-WMF, @RHo - currently there is no info icon. Should it be added in a separate ticket?

current implementationmockup
Screen Shot 2023-07-20 at 2.54.46 PM.png (854×1 px, 108 KB)
Screen Shot 2023-07-20 at 2.55.06 PM.png (1×1 px, 116 KB)

Oh, thanks for noticing! Yes, can you please add a separate ticket for that?

Design for info pop-up.

Screenshot 2023-07-20 at 3.10.15 PM.png (942×1 px, 123 KB)

Oh, thanks for noticing! Yes, can you please add a separate ticket for that?

Design for info pop-up.

Screenshot 2023-07-20 at 3.10.15 PM.png (942×1 px, 123 KB)

Done - filed T342453: Personalized praise: Add info button