Page MenuHomePhabricator

Move search bar on wikipedia.org to the right side
Closed, DeclinedPublic

Description

Originaly reported at: https://ticket.wikimedia.org/otrs/index.pl?Action=AgentTicketZoom;TicketID=9102368

The user requests to have the search bar on the wikipedia.org home page to be moved to the right side of the language links, especially on mobile/tablet devices to use as much space as available without the need to scroll. He attached an example:

NewHomePage-2.jpg (469×750 px, 163 KB)

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Hi!

The wikipedia.org portal site is responsive to mobile devices and promotes the search box to a higher position on the page, so that the user doesn't have to scroll. Please see attached image.

If there is a specific browser size on a tablet or mobile device that this behavior is not working, please let me know. Otherwise, I'll close this ticket.

Thanks!

Deb

Screen Shot 2016-04-13 at 3.29.24 PM.png (488×479 px, 76 KB)

If there is a specific browser size on a tablet or mobile device that this behavior is not working, please let me know. Otherwise, I'll close this ticket.

@Florian: ^ ?

Erm, the title says about the left side and the description about the right side. So which side it shall be? :)

@Aklapper & @debt: Sorry for not responding, it seems I marked the thread in my gmail inbox as read without responding :(

So, the problem was spotted on an iOS device (I assume an iPad in landscape, at least from what I see on the image, if you want, I can ask the user about specific device details). I can reproduce the problem with Chrome emulation on windows.

@Base: The search bar currently is "under" the wikipedia logo and the user requests to move it to another position, to the right of the logo for example. Thanks for pointing out the inconsistency, I'll edit the title :)

Florian renamed this task from Move search bar on wikipedia.org to the left side to Move search bar on wikipedia.org to the right side.Apr 30 2016, 8:42 PM

At first I thought the concern was that the search box was not visible without scrolling on tablet devices.

A quick run through the default tablet sizes using quirktools.com shows that doesn't appear to be the case.

http://quirktools.com/screenfly/#u=http%3A//wikipedia.org&w=853&h=533&a=24

However, the completion suggester results do get cut off when searching on a tablet.

IMG_0548.PNG (1×2 px, 431 KB)

Even after a quick CSS hack to put the search next to the globe, the keyboard of the particular tablet obscures the results.

IMG_0547.PNG (1×2 px, 479 KB)

The same is true, even more so, in portrait orientation.

Thanks for the input. We've got a couple upcoming A/B tests that should alleviate these issues. I'll keep this ticket in the backlog until we've tested the new layouts.

Closing this task as declined. We ran an A/B test to collapse the language links by article count and it was well received: T134011 This new design will remove the need to re-arrange the search box into a different position.