Page MenuHomePhabricator

Windows Phone 7.5 Search UX Issues
Closed, ResolvedPublic

Assigned To
Authored By
dr0ptp4kt
Jul 15 2016, 7:00 PM
Referenced Files
F7514025: 2017-04-12 16.05.55.jpg
Apr 12 2017, 11:09 PM
F7514022: 2017-04-12 16.05.47.jpg
Apr 12 2017, 11:09 PM
F7493959: Win8Sim-Search.png
Apr 11 2017, 7:58 PM
F7493955: Win8Sim-Home.png
Apr 11 2017, 7:58 PM
F7493966: bs_winphone_Mobile_Nokia Lumia 520-8.1-480x800 (2).jpg
Apr 11 2017, 7:58 PM
F7493976: bs_winphone_Mobile_Nokia Lumia 520-8.1-480x800 (1).jpg
Apr 11 2017, 7:58 PM
F4877866: 2016-11-28 12.04.30.jpg
Nov 28 2016, 8:11 PM
F4877858: 2016-11-28 12.04.42.jpg
Nov 28 2016, 8:11 PM

Description

Windows Phone 7.5 has a number of search related problems.

In-Scope:

Changing to basic search

Out-of-scope:

Trying to fix the squished icon.

Detail, for future selves:

As mentioned in T140051#2466572, when observed 15-July-2016 on en.m.wikipedia.beta.wmflabs.org the search magnifying glass is squished (n.b., on 15-July-2016).

winphone75-insearch.JPG (2×3 px, 1 MB)

The squishing is present both when in the search modal and before any entry to the search bar. This was observed in en.m.wikipedia.beta.wmflabs.org on 15-July-2016 (not en.m.wikipedia.org, where no search magnifying glass was showing on 15-July-2016).

Additionally, the search bar doesn't fit neatly inside the bounds of the viewport on an HTC Trophy ("7 Trophy") in portrait mode or landscape mode. It just gets cut off abruptly at a white part of the search bar on the righthand side. This has been observed on both en.m.wikipedia.beta.wmflabs.org and en.m.wikipedia.org on 15-July-2016.

winphone75-beforesearch.JPG (2×3 px, 2 MB)

Finally, and it's not clear what's going on here, but often when one taps on the search bar while reading an article, no soft keyboard is displayed. This sometimes happens on updated Android-Chrome and iOS-Safari, too, so I don't know if it's a known issue, but it's sort of tricky to figure out what one should do next in this case (perhaps users understand they should tap in the search field again to get the keyboard to slide up). This has been observed on both en.m.wikipedia.beta.wmflabs.org and en.m.wikipedia.org on 15-July-2016.

winphone75-whatnext.JPG (2×3 px, 2 MB)

Event Timeline

dr0ptp4kt triaged this task as Medium priority.Jul 15 2016, 7:00 PM

What % of traffic is Windows Phone 7.5?

It's pretty measly. One day of traffic suggested IE Mobile on Windows 7 Phone is about about 0.0031% of total mobile web traffic for ar.m.wikipedia.org by pageviews by os+osver+browser+browserver tuple. Contrast this with IE Mobile 10 on Windows Phone 8, which is 0.6905% along the same lines. Of course there is a very long tail of browsers.

It seems to me like the question here is whether we ought to put it on the ResourceLoader blacklist and be guaranteed somewhat predictable UX through Special:Search, as opposed to confusion via the ResourceLoader invoked search. @Jdlrobson, @Nirzar, what do you think?

Query used:

select * from (
select
user_agent_map['os_family'],
user_agent_map['os_major'],
user_agent_map['browser_family'],
user_agent_map['browser_major'],
sum(view_count) c
from pageview_hourly
where year = 2016
and month = 7
and day = 17
and access_method = 'mobile web'
and project = 'ar.wikipedia'
and agent_type = 'user'
group by
user_agent_map['os_family'],
user_agent_map['os_major'],
user_agent_map['browser_family'],
user_agent_map['browser_major']
) order by c desc;

Given Windows Phone 7.5 runs IE9 and we support it we shouldn't add it to ResourceLoader.

We should aim to fix it but given the low usage, the fact the bugs are not severe enough (e.g. they don't prevent reading/interaction) and the fact it will be one of the next that MediaWiki does not support I would say this is a much lower priority than most of our other bugs.

For Android 2 we degrade the search ui. Let's do this for this phone too given other functionality works fine:

	if ( browser.isAndroid2() ) {
		$( 'body' ).addClass( 'client-use-basic-search' );
  • There are HTTPS certificate issues on the test device which make connecting/searching impossible but you can hit enter and search.

2016-11-28 12.04.42.jpg (3×2 px, 1 MB)

  • The soft keyboard issue is a known upstream bug that you cannot programmatically trigger a focus event in this browser.
  • I can replicate the viewport issue, but this seems to be due to the search input in the header chrome having width 100% and a browser specific bug. I don't think there's any value in trying to work around it.

2016-11-28 12.04.30.jpg (3×2 px, 2 MB)

I'm not sure there is anything actionable about this task.
I'd suggest declinin this task given search is mostly usable and this is not a "grade A experience browser" so issues like this are to be expected.

Jdlrobson added a subscriber: phuedx.

Given support has been dropped for non-ES5 browsers I think this would include this browser @phuedx ?
If so I think we can decline this.

Given support has been dropped for non-ES5 browsers I think this would include this browser @phuedx ?
If so I think we can decline this.

The rendering engine is based on IE9, so yes, it's likely that we can decline this issue. We should do so after making sure that the Windows Phone 7 browser does indeed get the Grade C experience.

Jdlrobson changed the task status from Open to Stalled.Mar 21 2017, 6:42 PM

Stalled until we can verify the new experience when ES3 support is dropped.

Jdforrester-WMF changed the task status from Stalled to Open.Apr 4 2017, 9:17 PM
Jdforrester-WMF subscribed.

ES3 support is now dropped in master.

Jdlrobson added a subscriber: ABorbaWMF.

I don't have a Windows 7.5 phone. @ABorbaWMF do you think you could look into this? All we need to verify is that the search works (ie. type search term -> hit search button -> see results).

Unfortunately, the emulators we use do not cover Windows 7.5. The closest I could get was a Windows Phone 8 simulator with IE 10 and a Lumia 520 with Windows 8.1. These were available on crossbrowsertesting and browserstack respectively.

Mostly it worked fine, but I was able to reproduce the missing keyboard on the Windows Phone 8 simulator.

Windows Phone 8 Simulator
En MainSearch
Win8Sim-Home.png (768×1 px, 124 KB)
Win8Sim-Search.png (768×1 px, 36 KB)
Lumia 520 Windows 8.1
bs_winphone_Mobile_Nokia Lumia 520-8.1-480x800 (2).jpg (458×610 px, 54 KB)
bs_winphone_Mobile_Nokia Lumia 520-8.1-480x800 (1).jpg (458×610 px, 41 KB)
Jdlrobson claimed this task.

Good news! I found a real device in the office.
I can confirm the search experience now falls back to the non-js experience.

I should note a label appears over the search icon, but the site is usable which I think is good enough.

2017-04-12 16.05.47.jpg (4×2 px, 3 MB)

2017-04-12 16.05.55.jpg (4×2 px, 3 MB)