Page MenuHomePhabricator

Support iPad specific interface
Closed, ResolvedPublic

Assigned To
Authored By
JMinor
Feb 28 2017, 11:03 PM
Referenced Files
F8212585: T159290 Search presentation.PNG
May 29 2017, 11:31 PM
F8212587: T159290 List presentation.PNG
May 29 2017, 11:31 PM
F8212586: T159290 List expanded.PNG
May 29 2017, 11:31 PM
F6603660: places-dot-outine-medium.pdf
Mar 15 2017, 8:53 PM
F6603662: places-dot-small.pdf
Mar 15 2017, 8:53 PM
F6603658: places-dot-medium-opaque.pdf
Mar 15 2017, 8:53 PM
F6603661: places-dot-large-opaque.pdf
Mar 15 2017, 8:53 PM
F6603663: places-dot-cluster.pdf
Mar 15 2017, 8:53 PM

Description

List view presentation tweak

Currently the list view on the iPad has some spacing issues.
Below are two potential design solutions:

Modal presentation
A short term fix could be to present the list view as more of a modal:

Floating list / search area
A more iPad specific fix would be to present the list of articles and search on the same screen as the map.

Place iPad - B 01.png (1×768 px, 1 MB)
Place iPad - B 02.png (1×768 px, 1011 KB)
Place iPad  - B 03.png (1×768 px, 1 MB)
List presentationList expandedSearch presentation
https://zpl.io/1jdRDFhttps://zpl.io/2iu7qYhttps://zpl.io/ZOSwGi

Floating list resizing
Users can resize the floating area by pulling up or down on the bottom of the floating list.
The list will snap to three sizes:

  • Just search bar
  • Search bar and three articles (default)
  • Full height

Thumbnail pin presentation tweak

We should show image pins at a higher zoom levels (that is we can show the image based pins even "zoomed out" since there is more space for them. Right now I have to zoom quite a bit to get them to show on the big iPad screen.

Event Timeline

JMinor updated the task description. (Show Details)

@JoeWalsh, here are the updated pin assets:

JMinor renamed this task from iPad places tweaks to Support iPad specific interface.Mar 16 2017, 9:22 PM

@JoeWalsh, everything looks good, would it be possible to move the filter dropdown text to be centered between the top of the cell and the search box? it looks maybe 5px too high currently

Device: iPad mini 2 (iOS 10.3.1)
Wikipedia app: Version 5.5.0 (1141)

This seems to be working good, according to the screencaps below the Floating list / search area is displayed as expected.
I'll leave it up to the QA staff to decide whether to close this.

T159290 List presentation.PNG (2×1 px, 1 MB)
T159290 List expanded.PNG (2×1 px, 1 MB)
T159290 Search presentation.PNG (2×1 px, 757 KB)

ABorbaWMF subscribed.

Tested on iPad Mini 2 Retina - 10.2.1 on App version 5.5.0 (1141)

Looks good.