Why are we doing this?
The intention is to make talk pages less overwhelming, informative, and more timely (help contributors identify recent discussions). Each topic is broken down into a cell that shows information like the title, an overview of the first comment, the timestamp, and how many people are participating in the discussion. This type of summary page for talk pages can be reutilized for user talk pages.
Audience story
As a contributor/reader, I want to be sure what kind of talk page I land on.
Relevant information
Topics page
(Figma slide 4 )
- Each topic is shown as a separate cell that will always have the same height, and it includes:
- Subscribe icon and button (only visible to those who are logged in)
- 2 line-height title, after that it truncates
- Timestamp
- 3 line-height preview of the first comment, after that it truncates
- Avatar icon & the number of contributors; speech bubble icon & the number of comments
- Tapping anywhere on the cell triggers the cell to open and reveal the whole thread.
| Logged out | Logged in | |
Notices & alerts (coffee roll) on top of article talk pages
- Sometimes article talk pages have extra information about the content located above the topics called the coffee roll. This coffee roll often includes notices, alerts, and instructions.
- The information will be displayed right under the header.
- The coffee roll content will be displayed in a yellow card.
- The text will be truncated after 2 lines.
- There will be a ‘Read more’ button for people to see all of the coffee roll content.
- Once they tap on 'Read more' all of the content will be displayed in a separate page.
| Coffee roll on web article talk | On iOS topics page | Tapping 'Read more' takes you to the full content page | |
Extra information above topics in user talk pages
- Sometimes user talk pages have extra information located above the topics.
- The information will be displayed right under the header.
- The content will be displayed in a white card.
- The text will be truncated after 2 lines.
- There will be a ‘Read more’ button for people to tap to see all of the content.
- Tapping on ‘Read more’ will show all of the content in a separate page.
| User talk topics page | Tapping 'Read more' for full page of additional info. | |
Empty state on article talk
(Figma slide 3 )
If the article talk page is empty, show the empty state underneath the article talk page header.
- Copy: Title: ‘The conversation starts here‘
- Next: ‘Talk pages are where people discuss how to make content on Wikipedia the best that it can be. Start by adding a new discussion topic to connect and collaborate with a community of Wikipedians.’
- Next: Button ‘Add a new topic’
| Empty state | |
Empty state on user talk
- Illustration: same as the one found on article talk empty state
- Copy
- Title: ‘Start a discussion with [username]’
- Next: Talk pages are where people discuss how to make content on Wikipedia the best that it can be. Start a new discussion to connect and collaborate with Elmo. What you say here will be public for others to see.
- Next: Button: ‘Start a discussion'
| Empty state |
Entry points
(Figma slide 2 )
Article talk pages can be accessed through:
- Notification center
- The contributor will tap on a new talk page message, and then tap on ‘View comment’ from the detail page view.
- Once ‘View comment’ is tapped, the topic inside of which the new comment is located will uncollapse. The contributor will be taken to the correct part of the thread where the comment is located to prevent them from scrolling to find the comment.
- Article page
- Accessed by tapping on the ‘View talk page’ at the bottom of any article.
Relevant tickets
Subscribe/unsubscribe to topic
Audience story
As someone who is interested in a specific topic on a talk page, I want to be able to get notifications when other people comment on it.
Relevant information
- Subscription is only available to logged-in contributors. So subscribe icon and button are revealed for logged-in contributors next to the down/up arrow.
- The feature ‘enables you to elect to receive a notification via Echo when someone posts a new comment in any conversation you have decided to "subscribe" to’.
- This feature is borrowed from the editing team's work.
Activation
- Tapping on the icon & button subscribes the contributor to the topic
Toasts
- A toast appears at the bottom of the page after subscribing
- Copy: Filled bell icon
- Next: ‘You have subscribed! You will receive notifications about new comments in this topic.’
- A toast appears at the bottom of the page after unsubscribing
- Copy: Filled bell slash icon
- Next: ‘You have unsubscribed. You will no longer receive notifications about new comments in this topic.’
| Subscribed | Unsubscribed | Logged out - topic page | Logged out - thread |
See more information about the UI in the - Figma file ‘Talk pages screens & specs'