**Problem**
Preview on 3D touch is slow to load. This is because we are using a web view.
**Proposed solution**
Make a special view for previews that we can load quickly.
**Design**
The preview adapts the card format we already use nowuse for the featured article of the dayBecause you read in the feed.
This both maintains design consistency and allows for reusing/adapting already existing components.
There are 2 slightly different treatments shown in**Initial 3D touch brings up the mocks [[ https://phabricator.wikimedia.org/M185 | M185 ]]
**1.article preview card, Immediately show preview card withfollowed by swipe to show actions**
Actions are also shown with icons here as well so users can more easily discern actions available.| Lead image, 1 line title, 1 line Wikidata | Image, 2 line title, 2 line Wikidata | No image, 2 line title, 2 line Wikidata | No image, 1 line title, 2 line Wikidata
{F4426837}| {F9513066 width=250} | {F9513065 width=250} | {F9513064 width=250} | {F9513063 width=250}
This is the preferred treatment as it allows more immediate user action.
**2. Initial 3D touch brings up the article preview card, followed by swipe to show actions**| Zeplin: https://zpl.io/ag8GjQA | Zeplin: https://zpl.io/aRMNexp | Zeplin: https://zpl.io/bAmGL7o | Zeplin: https://zpl.io/VQ0Wkvk
**Design details**
- Title and Wikidata descriptions utilize the same truncation (2 lines for each) as on the Because you read feed card
- Gray background increases in height to accommodate longer title / description strings (up to 2 lines each)
- Image is capped at 150px (same as Because you read card)
| {F4426831} | {F4426835} |- If no image is available, no image is shown
This is fallback treatment if the ability to trigger actions immediate is not feasible without custom work (though this is the behavior when 3D touch on places in Apple Maps).
Note this relates to task {T116944}- Text is truncated at first paragraph or 135px in height