Page MenuHomePhabricator

As a user I want to go from articles and article previews to a map view
Closed, InvalidPublic

Description

Links

Design doc: https://docs.google.com/a/wikimedia.org/document/d/1mcK712QyBrpauMJZ6mTglUyPWLdBHkmThlcMPWV6pOw/edit?usp=sharing
Prototype: https://wikimedia.invisionapp.com/share/DC9GVOJHA
Zeplin: https://zpl.io/Z21KiN7 | Tags: T118297 View article on a map, Maps

Summary of project

Create new entrance points for users to the Map tab to encourage use of the Map tab and provide increased value for users.

Why are we doing this?

To demonstrate additional use cases for the Map tab. To provide rich and novel information about Wikipedia articles to users.

User stories

Explore feed T155795
While I am looking through my explore feed I sometimes see articles with geographic locations, I'd like to be able to view these articles on a map. I'd like to be able to view the article on a map without having to type in the article name on the Nearby tab.

On article T155796
When reading an article with geographic coordinates or an article about a specific location I sometimes want to view these geographic locations or articles on a map. I'd like to be able to see any and all mentioned coordinates on a map at the same time.

Design constraints

Explore feed

  • Allow users to be able to interact (tap, force press) with location article cells in the same way they were able to before this feature (no overriding of previous interactions)
  • No cell design changes

Article

  • Utilize pre-existing icons
  • Fit into a pre-existing template

Questions

  • Should Maplinks and location based articles be counted for the Article view cell?
  • Is it possible to tell which linked articles have locations?
  • How should geographic coordinates not associated with articles be represented on the map?
  • Would it be possible in the future to represent the articles location on a map (graphically) near the top of the article?

Future goals / ideas

Explore feed
Swiping on a cell for an article with a location shows a swipe menu. The swipe menu has three options: View on a map (opens to map tab centered on pin for the article), Save for later (adds article to Saved article list), and Share (opens up Share action sheet)

Article view
For location based articles with a single geographic location the design team would like to find a way to represent the article’s location on a map (graphically) near the top of the article.

Design details

Explore feed

  • Force press / 3D touch of a cell for an article with a location shows an action menu under the article peek. The action menu has four options: Read now (opens article), Save for later (adds article to Saved article list), [NEW] View on map (opens to map tab centered on pin for the article), and Share (opens up Share action sheet).

Article footer

  • If an article has no geographic coordinates do not show the “View locations in article on a map” cell.
  • If the article has or more geographic coordinates show the “View locations in article on a map” cell with the number of coordinates as the subheader.
  • Clicking on the “View locations in article on a map” cell opens the map tab centered on the location pin associated with the article if there is only one location or zoomed out to show all pins associated with the article if there are multiple locations.
  • For coordinates that have an article associated with them, represent the coordinate with the featured article image for that article if available or with a default ‘W’ pin. Clicking on this pin will show more information about the article / lead the user to a path to view the article.
  • For coordinates that do not have a Wikipedia article associated with them will require a different treatment and click path, which is yet to be designed.

Quick fix is to use same long press as 4.x for "Open in Maps" button:

If 3d touch present show as option beneath peek.

Event Timeline

Mhurd created this task.Nov 10 2015, 6:14 PM
Mhurd raised the priority of this task from to Needs Triage.
Mhurd updated the task description. (Show Details)
Mhurd moved this task to Needs Triage on the Wikipedia-iOS-App-Backlog board.
Mhurd added a subscriber: Mhurd.
Restricted Application added subscribers: StudiesWorld, Aklapper. · View Herald TranscriptNov 10 2015, 6:14 PM
Mhurd renamed this task from As a user viewing a nearby entry, sometimes i want a map view. Quick fix is to use same long press as 4.x for "Open in Maps" button. If 3d touch present show as option beneath peek. to As a user viewing a nearby entry, sometimes i want a map view. .Nov 10 2015, 6:15 PM
Mhurd updated the task description. (Show Details)
Mhurd set Security to None.
JMinor triaged this task as Low priority.Nov 14 2015, 12:36 AM
JMinor added a project: iOS-app-v5-production.
Nirzar added a subscriber: Nirzar.Mar 24 2016, 9:36 PM

T130889: [EPIC] Improve user access and usage of "Nearby" articles this will solve the problem by having mapview of its own inside wikipedia app.

JMinor renamed this task from As a user viewing a nearby entry, sometimes i want a map view. to As a user viewing an article, sometimes i want a map view. .Nov 3 2016, 10:16 PM
cmadeo claimed this task.Nov 7 2016, 9:49 PM

Proposed design:
Peek from 3D touch on an article with a location
Includes an additional choice of to 'View on a map'

Questions

  • Should the peek expose a link to the native maps app or open the Explore tab?
  • Should there be a design for viewing an article on a map from the article page?

Prototype

https://wikimedia.invisionapp.com/share/WV9E3UL4H#/206347318_A_01

Zeplin

https://zpl.io/Z21KiN7
Tag: T118297 View article on a map

User stories

Explore feed
While I am looking through my explore feed I sometimes see articles with geographic locations, I'd like to be able to view these articles on a map. I'd like to be able to view the article on a map without having to type in the article name on the Nearby tab.

Article footer
When reading an article with geographic coordinates or an article about a specific location I sometimes want to view these geographic locations or articles on a map. I'd like to be able to see any and all mentioned coordinates on a map at the same time.

Design constraints

Explore feed

  • Allow users to be able to interact (tap, force press) with location article cells in the same way they were able to before this feature (no overriding of previous interactions)
  • No cell design changes

Article

  • Utilize pre-existing icons
  • Fit into a pre-existing template

Design details

Explore feed


3D touch on an article cell on the Explore feed for an article with a primary location exposes the peek menu with the added item of 'View on a map.' Clicking on 'View on a map' opens the Nearby tab map centered on the article's pin.


[This might be out of scope for MVP] Swiping on an article cell on the Explore feed for an article with a primary location exposes a swipe menu. Clicking on 'View on a map' opens the Nearby tab map centered on the article's pin.

Article view


Clicking on the "View locations in this article on a map" cell opens the Nearby tab with all of the coordinates mentioned in the article represented as pins on the map. The map should be zoomed out to fit all of the locations/pins. Geo-coordinates that are associated with Wikipedia articles should be represented with article pins.

Questions

  • For location articles or articles with a single geo-coordinate, would it be possible to include a map at the top of the article?
  • How should geo-coordinates that are not associated with an article be represented on the Nearby map?
cmadeo updated the task description. (Show Details)Nov 29 2016, 12:55 AM
This comment was removed by cmadeo.

Assuming this is an Epic? It's Epic sized :) If not I think we need to break this up.

JMinor renamed this task from As a user viewing an article, sometimes i want a map view. to As a user I want to go from articles and article previews to a map view.Jan 5 2017, 6:47 PM
JMinor claimed this task.Jan 5 2017, 6:49 PM
JMinor added a subscriber: cmadeo.
JMinor removed JMinor as the assignee of this task.Feb 23 2017, 5:39 PM
JMinor added a subscriber: JMinor.
JMinor closed this task as Invalid.Mar 2 2017, 5:35 PM

This has been broken down into subtasks (twice!), so I'm closing this "epic" as its causing confusion.