Page MenuHomePhabricator

TimedMediaHandler user experience is poor on mobile
Closed, DuplicatePublic

Description

I am on the page m.mediawiki.org/wiki/Phabricator/Help
I click "Lire le média".

This opens a new tab! The link is a horrible "opening link". This is the first time ever I encounter such an aggressive link on a wiki. On wikis, we expect normal links, we usually encounter only normal links.

Moreover, the new tab opened is useless. It gives me a dialog jumping at me and telling me that the file cannot be downloaded, and... that's it.

I cannot view the media. I cannot even view a description of the media. I cannot view the still image of the media at a readable size.

This gives bad user experience. This is a regression.

With the desktop version of the page, things are much nicer:

  1. No "opening link". I remain in my tab.
  2. No modal dialog jumping at me. The info is given in the page.
  3. I can see a description of the media.
  4. I can see the still image of the media in big size.

These 4 points are what I expect. They give good user experience.
But the site gave me the mobile version of the page, which fails for each of these 4 points.

It would be nice to correct and improve that.

Thank you.

I have Safari on iOS 8 on an iPad.

Nnemo

Event Timeline

Nnemo raised the priority of this task from to Needs Triage.
Nnemo updated the task description. (Show Details)
Nnemo subscribed.
Nnemo set Security to None.

I think this is a feature request, not a bug, so I'd like to take it through the regular Web-Team-Backlog process, which will require input from Design.

I'd also like to clarify the following points:

  • I don't believe that this is a regression (as I've said above)
  • the link is a direct link to the media file, the format of which Safari doesn't support, not to another part of the mobile site, so I'm fairly certain that the dialog is being shown by Safari
  • the same image (video still) and its summary text are displayed on the desktop and mobile versions of the site

That said, I don't disagree that we could better support in-page video playback on mobile where possible.

yeah, this is more a direct consequence of the terrible A/V media support we still have.

This is an issue with https://www.mediawiki.org/wiki/Extension:TimedMediaHandler
The link you are seeing is actually styled like so on desktop:

Screen Shot 2015-05-11 at 5.21.53 PM.png (86×98 px, 20 KB)

and the JavaScript that gets loaded when you click it is not being loaded.
Disable JS on desktop and you'll get the same behaviour.

Tgr renamed this task from The mobile page gives bad user experience for the media to TimedMediaHandler user experience is poor on mobile.Jun 19 2015, 9:44 PM
This comment was removed by Nnemo.

This is an issue with https://www.mediawiki.org/wiki/Extension:TimedMediaHandler
The link you are seeing is actually styled like so on desktop:

Screen Shot 2015-05-11 at 5.21.53 PM.png (86×98 px, 20 KB)

and the JavaScript that gets loaded when you click it is not being loaded.
Disable JS on desktop and you'll get the same behaviour.

I get a similar behaviour, but not the same, a little better.

— When I click the image, nothing happens. Only at the second or third click, I get the ugly new tab.
— There is the little link with the two rectangles. It gives me the normal page for the media, which is nice.

In the mobile version of the page, I don't have this little link. This is too bad for accessibility.

@phuedx,

Thank you for taking interest in the issue.

I don't believe that this is a regression (as I've said above)

Before, clicking gave the normal version of the page, which has the 4 points I listed.

Now, clicking gives the (new) mobile version of the page, which fails terribly.

This is what I call a regression.