Page MenuHomePhabricator

Talk pages empty state design
Closed, ResolvedPublic

Assigned To
Authored By
JTannerWMF
Nov 1 2022, 2:03 PM
Referenced Files
F35817730: Talk pages redesign.png
Nov 24 2022, 5:36 PM
F35817725: Screenshot_20221124-183215.png
Nov 24 2022, 5:36 PM
F35697121: talk-page-empty-state-illustration-dark+black.svg
Nov 2 2022, 3:16 PM
F35697123: Talk pages redesign-1.png
Nov 2 2022, 3:16 PM
F35697113: talk-page-empty-state-illustration-dark+black.svg
Nov 2 2022, 3:15 PM
F35697111: talk-page-empty-state-illustration-light+sepia.svg
Nov 2 2022, 3:15 PM
F35697099: Talk pages redesign-1.png
Nov 2 2022, 3:13 PM
F35697096: Talk pages redesign.png
Nov 2 2022, 3:13 PM
Tokens
"Yellow Medal" token, awarded by Dbrant.

Description

Feature summary (what you would like to be able to do and where):
See education about what talk pages are when there aren't active discussions and a talk page appears to be empty

Use case(s) (list the steps that you performed to discover that problem, and describe the actual underlying problem which you want to solve. Do not describe only a solution):
Go to ARY Wikipedia
Search Polar Night or ليلة قطبية
Go to talk page
You'll see:

image.png (2×1 px, 76 KB)

Benefits (why should this be implemented?):
Users that are not familiar with Talk pages will learn that they are supposed to discuss edits there and will become more inclined to start a discussion than if they reach an empty page and are not sure what the purpose of a talk page is for

Design inspired by iOS

If the article talk page is empty, show the empty state underneath the article talk page header.

Light + SepiaDark + Black
Talk pages redesign.png (1×720 px, 136 KB)
Talk pages redesign-1.png (1×720 px, 127 KB)
FigmaFigma

Title:
The conversation starts here

Description:
Talk pages are where people discuss how to make Wikipedia content the best it can be. Start by adding a new discussion topic to connect and collaborate with a community of Wikipedians.


APK: https://github.com/wikimedia/apps-android-wikipedia/pull/3676

Event Timeline

CC: @OTichonova + @cmadeo – I created a dark + black mode variant of the illustration for the Android designs:

Talk pages redesign-1.png (1×720 px, 127 KB)

Hi @scblr

Please download the APK in the description to test the update.

You may notice the "lead image" in the article talk page is not showing up if the talk page is empty, that's because the current logic will only enable the lead image if it has the content.

Do you want me to update that logic?

scblr renamed this task from As a Android App user that has not used talk pages, I want to be educated about what a talk page is, so that I can feel confident to start a thread to Talk pages empty state design.Nov 7 2022, 9:30 AM

@cooltey I think it’s fine without the header image. The vertical alignment of the text and illustration should be centered though:

ImplementationvsDesign
Screenshot_20221124-183215.png (2×1 px, 181 KB)
Talk pages redesign.png (1×720 px, 69 KB)

@cooltey I think it’s fine without the header image. The vertical alignment of the text and illustration should be centered though:

ImplementationvsDesign
Screenshot_20221124-183215.png (2×1 px, 181 KB)
Talk pages redesign.png (1×720 px, 69 KB)

Done @scblr, please download the latest APK to see the change.

It’s perfect now, thanks @cooltey 👏👨‍💻