Page MenuHomePhabricator

View articles in Modal windows
Closed, DeclinedPublic

Description

Change the flow for how we view articles.

After tapping on the article from Home, Recent, Search (etc) the article will open in a new modal window covering the whole app. thus creating it's own horizontal stack of articles.

Here's a video of the interaction
Please ignore the visual styling. Here's visual design mockup for Article view

Event Timeline

Nirzar raised the priority of this task from to Needs Triage.
Nirzar updated the task description. (Show Details)
JMinor triaged this task as Medium priority.Oct 2 2015, 3:12 AM
JMinor added a project: iOS-app-v5-alpha.
JMinor updated the task description. (Show Details)

This is on hold pending user testing of several alternative implementations:

  • standard iOS horizontal push navigation with back menu in upper left
  • standard iOS modal pop animation with swipe down to dismiss
  • standard iOS modal pop animation with down arrow in left corner of toolbar
  • standard iOS modal pop animation with down arrow in left corner of title bar

update after check-ins. we're back to testing from home/feed. which means...

  • we're back to the 4 nav options
  • please build out as many elements of the proposed home/discovery screen feed page as possible
  • please remove and/or fix blue highlighting issues (see iOS 5 protocol gdoc)
  • please allow for scrolling on complete article pages (ideally), and as many clickable links as possible

the purpose of testing is to discover whether article viewer registers with users and whether it's helpful (and its corresponding zoom back to home option)

Thanks @dchen.

There are limitations to the prototyping tool being used for this test - there are about 30 pages to navigate around through, but in the interest of keeping the prototype light, a fake page is used for some of the links.

Note that the regular prototype I am also working on will be calling from the Wikipedia API so the issue of links/pages will not exist.

Other limitations:

  • Screens cannot scroll all the way down (Flinto limits the height of screens)
  • Links cannot be embedded in the parts of screens that are below the fold

So you can scroll a bit, but not completely, and links clicked in areas below the fold don't work properly.

I don't think these are blockers to the test we're running.

@dchen spoke to @pizzzacat in person. I think we are going to hold off on the W based version for the test. I set up a meeting tomorrow to coordinate everyone and we can talk then about the "W" option.

Per our meeting:

  • Add tab bar to home screen
  • Add bookmark icon to bottom of feed cards

Prototypes complete, next step: user test feedback!

@dchen please reassign to me when your analysis is complete, thanks!

Results of a guerrilla user test of navigation options:
https://www.mediawiki.org/wiki/Design/Research/Guerrilla_Testing_iOS_5_Navigation

Any changes based on these findings will be filed as new tickets.

Essentially we need to choose between two competing intuitions:
In the article reader we hide the main tab bar, replacing it with a toolbar. Normally that would be done modally and be dismissed at any time to get back to the "main" screen (one of the tabs). But we also think of picking an item off a list or collection as the start of a stack, which is pushed and popped, with no shortcut to the list from within the stack.

JMinor changed the task status from Open to Stalled.Nov 18 2015, 10:55 PM

We will be releasing with only the navigation stack for article viewing for beta testing. We need real user feedback to make a call and invest the time to change it.

JMinor changed the task status from Stalled to Open.EditedFeb 3 2016, 8:55 PM

After a 2+ hour in person discussion at all hands (@MBinder_WMF has photographic evidence) we had 6 variations of this to potentially prototype and test. After further discussion the next day over a big sandwich, the team trimmed that to two main variations which will be implemented and evaluated:
a) T124376 is to provide a "shortcut" back to the main navigation tabs (ie. closing the reader "modal") via the "W" logo on the nav bar
b) T124802 is to provide a more full modal experience as envisioned in @Nirzar's original proposal.

(a) was implemented and is in public beta build 665
(b) is in development

design research will then use observational studies of a handful of users, and a final decision will be made from there.

@JMinor isn't this a duplicate and the original is resolved?

This is the original. I'm leaving open until we come to a decision.

JMinor changed the task status from Open to Stalled.Feb 9 2016, 7:52 PM
JMinor changed the task status from Stalled to Open.Feb 10 2016, 9:25 PM
JMinor reassigned this task from JMinor to pizzzacat.

Unstalled!

Currently awaiting Design Research feedback. Assigning to @pizzzacat, since I think she's the owner of getting research results back to us.