Page MenuHomePhabricator

Make "About This Article" a larger heading and move Talk Pages in to overflow menu
Closed, ResolvedPublicBUG REPORT

Description

**UPDATED decision: keep About This Article in the TOC and increase font size to same size as external links, add Edit History and Talk Pages to overflow menu, add icons also. Keep them in the "About this article" section as well.

Make the order of the overflow menu

  • Share Link
  • Add to Watchlist
  • Talk
  • Edit History
  • New Tab
  • Explore

Steps to Reproduce:

  1. Open Wikipedia article in Alpha or Beta Android app
  2. Access "Contents" in the toolbar
  3. Slide the indicator until it scrolls you to the bottom of the Table of Contents (TOC) where it reads "About this article"

Actual Results:

  • Font size of About this article is smaller than other headings
  • TalkPages doesn't appear

Expected Results:

  • About this Article the same font size of References
  • Add TalkPages in the TOC

Comparison of Android and iOS
Android:

Screenshot_20210128-213211.png (2×1 px, 407 KB)

iOS:

Image from iOS.png (2×1 px, 552 KB)

Event Timeline

Great observation @JTannerWMF and thanks for creating the task. I think this could be an straightforward optimization:

  • Increase the font size for About this article to the same size as e.g. References
  • Add Talk page title item in the same size as References

I’m aware that Talk page and About this article scroll to the same area — but this is about surfacing the native Talk page more prominently. What’s hidden won’t be discovered by users.

By this logic, isn't the Talk Page a "subsection" of the "About this article" section? (and should therefore be a smaller text size?)

LGoto triaged this task as Medium priority.Feb 1 2021, 5:17 PM
LGoto moved this task from Needs Triage to Product Backlog on the Wikipedia-Android-App-Backlog board.
LGoto renamed this task from Make "About This Article" a larger heading and expose Talk Pages in Contents Scroll to Make "About This Article" a larger heading and move Talk Pages in to overflow menu.Feb 9 2021, 5:37 PM
LGoto updated the task description. (Show Details)
LGoto updated the task description. (Show Details)

Overflow menu order: [to be completed by Jazmin]

JTannerWMF updated the task description. (Show Details)

@schoenbaechler could I please get an icon for talk page option in the overflow menu?

@Sharvaniharan, here you go:

So sorry 😖 I need an icon for 'Edit history', not talk..

@Sharvaniharan, here you go:

So sorry 😖 I need an icon for 'Edit history', not talk..

You need one for the talk as well I guess? The one we currently use in the Mobile HTML footer is not harmonized in regards to canvas size.


Here you go:

https://zpl.io/29pQ87y

Thank you @schoenbaechler ... I have used a fresh one from material design for talk... lmk if that doesnt work, then will change that too..

@Sharvaniharan

Thank you @schoenbaechler ... I have used a fresh one from material design for talk... lmk if that doesnt work, then will change that too..

Please use the one provided in T273260#6819389, thanks!

Looks good!

I propose the following label changes to make it A) more clear to users and B) consistent with iOS (see screenshot below):

View talk page instead of Talk
View edit history instead of Edit history

ios.jpeg (2×1 px, 472 KB)

@JTannerWMF @Sharvaniharan

Hey @Sharvaniharan — this looks good to me. Quickly wanted to double check as the external link icon looks slightly off. 👇

Are we using the open_in_new Material icon for it or something custom (OOUI or so) ? If we’d use something custom, please use the Material one.

Thanks!

@schoenbaechler This is the same svg we are using for More->Donate option and Edits->Learn more link. Lmk if I need to make changes. Thank you!

@schoenbaechler This is the same svg we are using for More->Donate option and Edits->Learn more link. Lmk if I need to make changes. Thank you!

I see, thanks! If it’s not the Material Design icon 👇

Are we using the open_in_new Material icon for it or something custom (OOUI or so) ?

... please update it! Thanks!


→ Feel free to move it to QA signoff once done!