Hey @SNowick_WMF based on the details of the task above, is there any new instrumentation needed?

As a reminder, once these treatments are released the metrics we will check against is (T294971):
The Android team is working to enhance the messaging interface. The OKRs we originally established are as follows:
Objective: _target users have a more intuitive and enhanced communication interface to reduce barriers for productively collaborating with other Wikipedians to increase confidence while improving wikiprojects
Key results (Overall increase in Talkpage edits): Talk Namespace edits made through Android app and not reverted within 48 hours increases by 10% 30 days after release of interventions
Key results( Penetration Increase amongst active editors): Of the people who publish an edit to a wiki, across namespaces, in a month, we see an 10% increase in the percentage of people who publish an edit to a talk page that is not reverted within 48 hours.
Key Result: 2% Decrease in abandonment rate amongst _target users on talk pages

The questions we will also monitor is:

Do we see a change in time spent/session length
Are there improvements throughout the funnel and are there differences when compared to Mobile Web
Have our changes impacted user talk pages vs article talk pages in different ways?

Processing design review feedback from Feb 24 about threading for Android talk pages.

Thanks @iamjessklein @RHo @OTichonova @KieranMcCann @cmadeo for all the great feedback.

Below you’ll find a summary of what’s been updated, and here’s the latest design prototype.

The plan is to build a working (coded) version in the upcoming weeks to experiment further with the threading behavior.

Preference for variant A, B or C?

• JK: I don’t think that the twitter version is intuitive - i lean towards the threading within minimized replying version (A)
• RH: Preference: version A (toggle)
• CLM: My preference is for the ‘YouTube’ version, version A
• OT: I think the last one is a little bit unclear in my opinion I like the the first prototype.
• SG: In variant C, I found it confusing how to enter to replies as tap wasn’t a natural gesture I thought.

RS: We decided to move forward with your preference (variant A with the toggle), which was also our preference! 🚀

Not enough visibility for the thread line

• RH: I do like the line as literal thread, wonder if there is a way to make it a little bit more visible though
• OT: Really exciting to see the variations! You mentioned it but the contrast of the line & background is super low, especially if it’s the only indicator which reply is a response to what text. It is easy to miss atm. (+1, CLM)

RS: The line’s contrast ratio and thickness has been increased. Check out the updates in the prototype.

More threading and toggle behavior

• RH: Optimize Show/Hide replies behavior (toggle version A)
• RH: I think an option where the control “show replies ៴” moves to the end of the thread when selected (and changes to “hide replies ៱”) would make it clearer when the thread starts and ends.
• RH: Second and first level replies are hard to distinguish - it would be good to explore a visual treatment that helps “anchor” the start of a thread more (+1, CLM)
• RH: Another consideration to show the start of a reply that I think Edit team is using is adding a literal indent character “ㄴ” to the start of the reply header. Would explore this as an added affordance to clearly show when it is a reply
• CLM: Curious about the clarity of the levels of threading a bit, slight difference from web around highlighting how to reply to the main/original thread (like the use of color blue on web to separate, maybe that could be used here too?)
• OT: Also how would it look with super crazy text in the replies? I am copying over some more difficult threads from the web now, I can share these with you next week.

RS: I made some updates to the designs based on your comments:

• Added a horizontal rule element (line) to indicate the start and end of a thread better.
• Added animation to guide users and convey what is happening after tapping the 'Show replies ▶' toggle. We are going to experiment with the animation and where to position 'Hide replies ▼' in the actual implementation.
• Added additional affordance to indicate who replied to whom more clearly (e.g. 'ItsJazTanner to Hobomok'. Tapping the second username takes users to the initial message. Discussed the usage of using the word 'to' instead of the literal indent character 'ㄴ' with Kieran and we think it’s a clean approach. When this is hard to translate or otherwise problematic, we’d also see the reply icon as a possible alternative.

Other

• CLM: Curious how search will work with multiple layers of disclosure stacked inside of each thread?

RS: We are likely going to expand all threads when searching and highlight the results, similar to how we’re doing it for 'Find in article' and notifications — like this.

Hi @scblr

By checking the design and the API that we are going to use, looks like there does not have an API that can show the list of archived talk topics. Is it possible to remove tabs from the talk page design since it is not feasible?

Hi @scblr

Should we have the same "watch/unwatch" behavior as we have on the article page? e.g. icon changes, snackbar, undo...etc.

By checking the design and the API that we are going to use, looks like there does not have an API that can show the list of archived talk topics. Is it possible to remove tabs from the talk page design since it is not feasible?

✅ Done: https://www.figma.com/file/Ky1oBd1bNezM0ovToBzDxB/Talk-pages-visual-distinction-T297617?node-id=423%3A18072

Should we have the same "watch/unwatch" behavior as we have on the article page? e.g. icon changes, snackbar, undo...etc.

Great observation, yes please!

Hi @scblr

The APK is ready for review, please download the latest APK from the link in the ticket description.

Wow, this is great so far @cooltey 👏

Here are a few things that I spotted 👇

01) Username should not be displayed on article talk pages, it’s part of the “visual distinction” concept:

Design vs Implemention

02) Can we use a more hi-res image? The image looks blurry in a lot of articles. At least when there’s good internet connection speed.

03) Increase the image’s height to 86dp (if that’s not the case already)

04) Change to Search topics (not messages)

05) Please update the search bar component to these specs:

Height: 36dp (6dp top and bottom margin to match 48dp tap area)
Font-size: 14dp (if that is not the case already)

06) Reduce space below the search field (see specs on Figma)

Design vs Implemention

07) Watching / unwatching from a talk page does not work correctly yet, see this video:

https://www.dropbox.com/s/cx15yy7j038u20a/screen-20220509-120839.mp4?dl=0

There are issues with:

• State changes
• Updating the label in the overflow menu
• Detecting if a talk page’s already on the list

08) Make sure to change all messages to de-emphasized state when they’re read:

Design vs Implementation

09) Hide the reply icon and label completely when there are no replies yet

10. Can we show the active usernames in this conversation like this: Scblr, Scblrdev, Heydimpz + 2. The maximum horizontal space should be 1 line though. The username that has posted the latest reply comes first (and in font-weight: bold), then the others (chronologically sorted, in font-weight: normal)

11. Sometimes we are showing an ellipsis, even though there is a message. Can this be optimized?

Link to talk page subject

12. Remove User: from these strings:

Hi @scblr

Can we show the active usernames in this conversation like this: Scblr, Scblrdev, Heydimpz + 2. The maximum horizontal space should be 1 line though. The username that has posted the latest reply comes first (and in font-weight: bold), then the others (chronologically sorted, in font-weight: normal)

The is slightly tricky to achieve the behavior since not every username has a similar length. Would it be possible to keep one username (from the latest comment) and with the numbers?

In T297617#7915958, @cooltey wrote:

Hi @scblr

Can we show the active usernames in this conversation like this: Scblr, Scblrdev, Heydimpz + 2. The maximum horizontal space should be 1 line though. The username that has posted the latest reply comes first (and in font-weight: bold), then the others (chronologically sorted, in font-weight: normal)

The is slightly tricky to achieve the behavior since not every username has a similar length. Would it be possible to keep one username (from the latest comment) and with the numbers?

Sure thing 👍

Hi @scblr:

! In T297617#7913326, @scblr wrote:

01) Username should not be displayed on article talk pages, it’s part of the “visual distinction” concept:

Done

02) Can we use a more hi-res image? The image looks blurry in a lot of articles. At least when there’s good internet connection speed.

Done

03) Increase the image’s height to 86dp (if that’s not the case already)

It is 86dp, please let me know if you need to increase the height.

04) Change to Search topics (not messages)

Done

05) Please update the search bar component to these specs:

Height: 36dp (6dp top and bottom margin to match 48dp tap area)
Font-size: 14dp (if that is not the case already)

If we change the height to 36dp, the button (filter/sort icon) will need to be smaller but at the same time, the touchable area should be the same (48dp), which is conflicting with each other.

06) Reduce space below the search field (see specs on Figma)

Done

07) Watching / unwatching from a talk page does not work correctly yet, see this video:

Done

08) Make sure to change all messages to de-emphasized state when they’re read:

Done

09) Hide the reply icon and label completely when there are no replies yet

Done

10. Can we show the active usernames in this conversation like this: Scblr, Scblrdev, Heydimpz + 2. The maximum horizontal space should be 1 line though. The username that has posted the latest reply comes first (and in font-weight: bold), then the others (chronologically sorted, in font-weight: normal)

Done

11. Sometimes we are showing an ellipsis, even though there is a message. Can this be optimized?

Done. I replace \n to

12. Remove User: from these strings:

Done.

Thanks, @cooltey — almost good to go, a few things to optimize:

02) Can we use a more hi-res image? The image looks blurry in a lot of articles. At least when there’s good internet connection speed.

Done

❌ It still is pretty low res — what options do we have here?

03) Increase the image’s height to 86dp (if that’s not the case already)

It is 86dp, please let me know if you need to increase the height.

✅ Ok, looks good to me

05) Please update the search bar component to these specs:

Height: 36dp (6dp top and bottom margin to match 48dp tap area)
Font-size: 14dp (if that is not the case already)

If we change the height to 36dp, the button (filter/sort icon) will need to be smaller but at the same time, the touchable area should be the same (48dp), which is conflicting with each other.

✅ Ok, so let’s keep it as is, then

07) Watching / unwatching from a talk page does not work correctly yet, see this video:

Done

❌ Looks good, but can we move the snackbar above the FAB?

See Material Guidelines

09) Hide the reply icon and label completely when there are no replies yet

Done

❌ Can you remove the gap completely when there are no replies? (display: none instead of visibility: hidden)

Hi @scblr

In T297617#7934454, @scblr wrote:

❌ It still is pretty low res — what options do we have here?

Done

❌ Looks good, but can we move the snackbar above the FAB?

Done

❌ Can you remove the gap completely when there are no replies? (display: none instead of visibility: hidden)

Done

Thanks @cooltey

01) To me it’s a bit unclear why certain topics are displayed when performing a search, see the example below where the search term toc is likely part of a reply in subjects listed as a search result:

To make this more clear: Can we highlight the term on the subject page after users tapped an item, e.g. with 'Find in page' enabled that you are building in T307378?

02) Can we add the talk page title/subject, to the view after tapping + NEW TOPIC and REPLY for context?

New topic:	Add talk page name

Reply	Add talk page subject

03) It’s subtle but I noticed that when marking an item as read/unread → the top border flashes (changes color) on the corresponding item. Can we remove that?

https://www.dropbox.com/s/7skhmswqlfom6kc/screen-20220520-152745.mp4?dl=0

In T297617#7944696, @scblr wrote:

Thanks @cooltey

01) To me it’s a bit unclear why certain topics are displayed when performing a search, see the example below where the search term toc is likely part of a reply in subjects listed as a search result:

To make this more clear: Can we highlight the term on the subject page after users tapped an item, e.g. with 'Find in page' enabled that you are building in T307378?

Per my Slack message, would it be possible to move this request to the T307378 since they are related?

02) Can we add the talk page title/subject, to the view after tapping + NEW TOPIC and REPLY for context?

Done

03) It’s subtle but I noticed that when marking an item as read/unread → the top border flashes (changes color) on the corresponding item. Can we remove that?

Done but this will remove the "return to position" animation after swiping the item, not sure which one you prefer.

thanks @cooltey

02) Can we add the talk page title/subject, to the view after tapping + NEW TOPIC and REPLY for context?

New topic:	Add talk page name

Reply	Add talk page subject

• ✅ Talk page name when tapping + NEW TOPIC looks good to me
• ❌ But please add the talk page subject to the header when tapping REPLY

03) It’s subtle but I noticed that when marking an item as read/unread → the top border flashes (changes color) on the corresponding item. Can we remove that?

Done but this will remove the "return to position" animation after swiping the item, not sure which one you prefer.

Not sure what you mean by remove the “return to position” animation but looks good to me now.

Hi @scblr

But please add the talk page subject to the header when tapping REPLY

Done!

Per @Sharvaniharan's comment here: https://github.com/wikimedia/apps-android-wikipedia/pull/3267#issuecomment-1132134370

Could you please help to confirm that the color in dark mode is correct? Thanks!

All looks good to me now @cooltey — thanks!

There are issues here that we should fix.

• There is inconsistency on the direction of the back button for RTL languages
  
  
  
• There are topics that are greyed out but clickable, and when you click them it doesn't take you to the correct destination. See the example for the article of couscous on EN or Alex's User Talk Page
  
  
• The overflow menu should read: Edit History, Read Article, Watch and then Share. Additionally the icon for Read Article should be consistent with the coloring of the other icons
  
  .
• When there is only one active thread, there is a huge amount of space at the bottom. When there is <TBD by Robin> number of threads the about this article should be appended to the bottom with no scroll OR there should be some other solution to address the massive chunk of space at the bottom of the screen.
  
  @scblr

In T297617#7991442, @JTannerWMF wrote:

• There is inconsistency on the direction of the back button for RTL languages

[done]

• There are topics that are greyed out but clickable, and when you click them it doesn't take you to the correct destination.

[done]

• The overflow menu should read: Edit History, Read Article, Watch and then Share. Additionally the icon for Read Article should be consistent with the coloring of the other icons

[done]

Looks good to me on 2.7.50404-r-2022-06-07

Note - I did find one issue: I noticed that on article talk page entries that have no subject (topic title), the 3-dot menu does not work. It's the one that would show 'subscribe', 'mark as read', and 'share'. I found a few articles, but maybe the easiest is the Matthew Mcconaughy article, I just went to the article talk page and there's a "(no subject)" entry and I was tapping the 3-dot menu https://en.m.wikipedia.org/wiki/Talk:Matthew_McConaughey

Hi @ABorbaWMF

Thanks for the feedback. Looks like the discussion API updates now will show the coffee-roll (template) text in the API response, and @Dbrant created a PR of making it display correctly.

We will make another beta release next week and the issue will be resolved in the upcoming beta.