Page MenuHomePhabricator

WikiGames: enhanced sharing of game results
Closed, ResolvedPublic5 Estimated Story Points

Description

Why are we doing this

We hope to encourage users to share their scores as a way to encourage social sharing of the trivia game.

Requirements

Sharing a score should not give away answers from the day's game

This is to improve the sharing of results at the end of the current game.
In addition to the text being shared currently, we will also share an image (screenshot?) of the user's results.

(figma)

Event Timeline

Dbrant set the point value for this task to 5.Apr 24 2025, 5:19 PM

hi @cooltey, thanks for this!

a few notes:

  1. would it be possible to maintain the 24px padding beneath the last line of text in the score module on the results screen? it looks a bit larger than that right now:

Screenshot 2025-05-01 at 12.47.16 PM.png (2×936 px, 927 KB)

re: the score image card —

  1. can you please ensure that the line is is only between the score icons, and does not extend out past the first and last score icon? currently it does so:

Screenshot 2025-05-01 at 12.50.41 PM.png (1×964 px, 402 KB)

  1. the wikipedia logo in the score card looks a bit thicker than usual — is it somehow being distorted here?
  1. can we adjust so that we stick to the m3 type tokens to style the text beneath the score? it would help to visually align the styles with the way the articles are styled in the results screen:

— for "topics included" — M3/title/medium
— for article title — M3/body/large
— for article description — M3/body/medium

  1. would it be possible to prioritize articles with images to show in the score sheet, so that we don't have to default to the W logo for imageless articles?

Hi @SChekfa-WMF

Updated, please download the APK again to see the changes, thanks!
https://github.com/wikimedia/apps-android-wikipedia/pull/5497

hi @cooltey, thanks for this!

a few notes:

  1. would it be possible to maintain the 24px padding beneath the last line of text in the score module on the results screen? it looks a bit larger than that right now:

Screenshot 2025-05-01 at 12.47.16 PM.png (2×936 px, 927 KB)

Done.

re: the score image card —

  1. can you please ensure that the line is is only between the score icons, and does not extend out past the first and last score icon? currently it does so:

Screenshot 2025-05-01 at 12.50.41 PM.png (1×964 px, 402 KB)

Done.

  1. the wikipedia logo in the score card looks a bit thicker than usual — is it somehow being distorted here?

I am using the same logo on the Explore feed with height 24dp.

  1. can we adjust so that we stick to the m3 type tokens to style the text beneath the score? it would help to visually align the styles with the way the articles are styled in the results screen:

— for "topics included" — M3/title/medium
— for article title — M3/body/large
— for article description — M3/body/medium

Updated. Change the "topics included" to use M3/title/medium.

For the article title and description, they are having the correct tokens.

  1. would it be possible to prioritize articles with images to show in the score sheet, so that we don't have to default to the W logo for imageless articles?

Yes and done.

thanks Cooltey, this looks great!