Page MenuHomePhabricator

Update Inspection mode experiment to utilize a interstitial card (like the other two experiments) vs. hover state
Closed, DuplicatePublic

Assigned To
None
Authored By
cmadeo
Oct 23 2020, 4:25 PM
Referenced Files
F33942148: Inspect model - 01.png
Dec 10 2020, 8:00 PM
F33942150: Inspect model - 02.png
Dec 10 2020, 8:00 PM
F33942141: Inspect Drawer - 01.png
Dec 10 2020, 8:00 PM
F33942142: Inspect Drawer - 02.png
Dec 10 2020, 8:00 PM
F33942143: Inspect Drawer - 03.png
Dec 10 2020, 8:00 PM
Subscribers

Description

Why are we doing this?

Currently all but one of the experiments (the inspection mode) utilize an interstitial card to alert readers to the feature. We would like to bring this experiment in line with the other experiments, so that we can have fewer variables that are not related to content present.

Potential design solutions

👉 Figma Project: https://www.figma.com/file/nLWhQ6wvIDau3LYwI06gee/?node-id=0%3A3543

Below are two different potential design solutions, both will require that we pre-select a sentence from within the article and both use the same highlight and interaction to trigger the inspection mode. The preferred interacting utilizes a drawer, the back-up design utilizes a model.

Preferred: Inspect drawer
Inspect Drawer - 01.png (667×375 px, 71 KB)
Inspect Drawer - 02.png (667×375 px, 71 KB)
Inspect Drawer - 03.png (1×375 px, 91 KB)
Back-up: Inspect model
Inspect model - 01.png (667×375 px, 71 KB)
Inspect model - 02.png (1×375 px, 84 KB)

Event Timeline

LGoto triaged this task as Medium priority.Oct 26 2020, 6:36 PM
LGoto moved this task from Needs Triage to Product Backlog on the Wikipedia-iOS-App-Backlog board.
cmadeo updated the task description. (Show Details)

Update the parent doc with this ticket and then merge it into the parent ticket