Page MenuHomePhabricator
Create Task
Maniphest T132974

Show a toast message to let user know if the page is not available in other languages
Closed, ResolvedPublic2 Estimated Story Points
Actions

Description

Usability fix:
Currently, there is no communication for the user that clearly states why the Language button is faded out.

Let's show a simple toast message tapping on the faded button which describes why the button is faded.

disabled.png (572×331 px, 178 KB)

Acceptance Criteria

  • When the page isn't available in other languages and the user clicks the languages button, then they should see a toast explaining so
  • There exists an acceptance test exercising this behaviour

Suggested testbed, portrait and landscape, LTR & RTL:

  • Android 2.3 Browser phone form factor
  • Android 4.x/5.x/6.x Chrome phone form factor
  • Android 4.x/5.x/6.x Chrome tablet form factor
  • iOS 9.3 iPhone
  • iOS 9.3 iPad
  • Opera mobile (not mini) Android 4+ phone form factor
  • UC browser (not mini) Android 4+ phone form factor
  • Windows 7.5 Phone IE
  • Desktop Firefox
  • Desktop Chrome
  • Desktop Safari
  • Internet Explorer 11

Note that iOS 8.4 is out of scope while device / testing service available, but iOS 9.3 is pretty close to iOS 8.4 for layout.

Details

Related Changes in Gerrit:
SubjectRepoBranchLines +/-
Show a toast message when the page is not available in other languagesmediawiki/extensions/MobileFrontendmaster+15 -0
Customize query in gerrit

Related Objects
Search...

Event Timeline

• Nirzar created this task.Apr 18 2016, 10:14 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptApr 18 2016, 10:14 PM
• Nirzar removed a project: Reading-UX-Research.Apr 18 2016, 10:38 PM
Peachey88 added a project: Mobile-Apps.Apr 19 2016, 1:28 AM
• Nirzar edited projects, added Web-Team-Backlog-Archived; removed Mobile-Apps.May 12 2016, 2:15 AM
• Nirzar added a project: Reading-Web-Sprint-73-One-day-we'll-finish-the-EventLogging-card.May 16 2016, 4:11 PM
dr0ptp4kt moved this task from Incoming to 2016-17 Q2 on the Web-Team-Backlog-Archived board.May 20 2016, 11:53 AM
dr0ptp4kt edited projects, added Reading-Web-Sprint-74-Page-views-page-views-PAGE-VIEWS; removed Reading-Web-Sprint-73-One-day-we'll-finish-the-EventLogging-card.May 23 2016, 7:34 PM
• Jhernandez triaged this task as Medium priority.May 25 2016, 4:37 PM
• Jhernandez added a project: Design.
dr0ptp4kt removed a project: Reading-Web-Sprint-74-Page-views-page-views-PAGE-VIEWS.May 25 2016, 10:46 PM
dr0ptp4kt moved this task from 2016-17 Q2 to Triaged but Future on the Web-Team-Backlog-Archived board.
• JKatzWMF added a parent task: T137932: [EPIC] Mobile language switching improvement work II.Jun 15 2016, 10:53 PM
dr0ptp4kt added a project: Reading-Web-Sprint-76-Retrosprekfast.Jun 27 2016, 4:07 PM
dr0ptp4kt subscribed.Jun 27 2016, 4:32 PM

@Nirzar, what behavior do you want for non-JavaScript users?

Jdlrobson moved this task from Needs Analysis to To Do on the Reading-Web-Sprint-76-Retrosprekfast board.Jun 27 2016, 4:34 PM
dr0ptp4kt set the point value for this task to 2.Jun 27 2016, 4:34 PM
phuedx updated the task description. (Show Details)Jun 27 2016, 4:40 PM
dr0ptp4kt updated the task description. (Show Details)Jun 29 2016, 6:07 PM
• Nirzar added a comment.Jun 30 2016, 6:40 AM

@dr0ptp4kt what is our usual fallback for toast messages?

dr0ptp4kt added a comment.Jun 30 2016, 12:09 PM

@Nirzar, not sure.

I think the character of this particular affordance is unique and I'm not aware of a toast like this in the existing experience. It seems like the two options are:

(1) Do nothing (the current behavior just doesn't do anything when the user taps on it)

or

(2) Send the user to Special:MobileLanguages for the page where the user sees a message saying the page isn't available in other languages. See, for example, https://en.m.wikipedia.org/wiki/Special:MobileLanguages/COMTEL_Project.

If (2), should the language be mirrored from the mock in the case there are no other langs?

dr0ptp4kt moved this task from Triaged but Future to 2016-17 Q2 on the Web-Team-Backlog-Archived board.Jun 30 2016, 3:27 PM
dr0ptp4kt updated the task description. (Show Details)Jun 30 2016, 3:43 PM
dr0ptp4kt added a comment.Jun 30 2016, 3:56 PM

@Nirzar, also, what's the fade out / hide behavior for the toast?

• Jhernandez subscribed.Jun 30 2016, 4:14 PM

Covered in the standard Toast

dr0ptp4kt added a comment.Jun 30 2016, 4:14 PM

To follow up on this, we'll use the existing toast behavior, which looks like this.

• Nirzar added a comment.Jul 1 2016, 6:37 AM

we don't need to invent new toast. it should just use existing toast and existing logic for non-js toast? if we have one? if not, im okay with no toast all together.

@dr0ptp4kt one quick question for the future decisions, can we pull up the % of readers on non-js browsers? if they are high, specially in areas where language switching is important then we need a solution like you proposed.

dr0ptp4kt raised the priority of this task from Medium to High.Jul 1 2016, 5:50 PM
dr0ptp4kt added a comment.Jul 2 2016, 6:13 AM

Let's go with no toast for non-ReaourceLoader for now.

For the follow on, Non-JS is a significant percentage in some markets, but we'll need to dig up some data. For a separate task, though, and not to block this JS task.

dr0ptp4kt removed • Nirzar as the assignee of this task.Jul 2 2016, 6:14 AM
MBinder_WMF moved this task from 2016-17 Q2 to 2015-16 Q4 on the Web-Team-Backlog-Archived board.Jul 5 2016, 4:42 PM
• bmansurov claimed this task.Jul 6 2016, 10:50 AM
• bmansurov moved this task from To Do to Doing on the Reading-Web-Sprint-76-Retrosprekfast board.
gerritbot subscribed.Jul 6 2016, 11:59 AM

Change 297580 had a related patch set uploaded (by Bmansurov):
Show a toast message when the page is not avaialbe in other languages

https://gerrit.wikimedia.org/r/297580

gerritbot added a project: Patch-For-Review.Jul 6 2016, 11:59 AM
• bmansurov moved this task from Doing to Code Review on the Reading-Web-Sprint-76-Retrosprekfast board.Jul 6 2016, 12:03 PM
Jdlrobson moved this task from Code Review to Ready for Signoff on the Reading-Web-Sprint-76-Retrosprekfast board.Jul 6 2016, 6:58 PM
gerritbot added a comment.Jul 6 2016, 7:05 PM

Change 297580 merged by jenkins-bot:
Show a toast message when the page is not available in other languages

https://gerrit.wikimedia.org/r/297580

ReleaseTaggerBot added a project: MW-1.28-release (WMF-deploy-2016-07-12_(1.28.0-wmf.10)).Jul 6 2016, 8:00 PM
• bmansurov closed this task as Resolved.Jul 7 2016, 2:18 AM
• bmansurov removed • bmansurov as the assignee of this task.
• bmansurov subscribed.

To test visit http://en.m.wikipedia.beta.wmflabs.org/wiki/Nolang?mobileaction=beta and click on the language button. Compare it with http://en.m.wikipedia.beta.wmflabs.org/wiki/Lang?mobileaction=beta when languages are available.

• Nirzar added a comment.Jul 7 2016, 9:45 AM

looks great... but we need to fix our toast system not to trigger multiple instances when one toast is showing. right now if you keep clicking on it it triggers multiple toasts. but that's a minor followup task for toast messages and not language stuff. just a note.

MBinder_WMF moved this task from 2015-16 Q4 to 2016-17 Q1 on the Web-Team-Backlog-Archived board.Jul 7 2016, 8:11 PM
• bmansurov removed a project: Patch-For-Review.Jul 12 2016, 5:49 AM
Jdlrobson mentioned this in T204839: How to handle pages with no translations?.Sep 19 2018, 4:06 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits