== Generative Research
>**FINDING 20: People are increasingly getting information online, then consuming or sharing it offline. **[1]
Based on research, the following user story is focused on
==User Story
As a user, I want the ability to save a soft copy of an article from my mobile phone that I can read/share offline
== Problem statement
Currently, when I print>pdf an article on mobilefrontend, the pdf is not unusable.
- Text is unreadable without zooming in
- Missing elements like article title, images etc
- No branding or indication the content came from wikipedia
- Bad typography
Here's how the pdf looks relatively on a big phone
{F5368590}
Here's the actual print>pdf
{F5368483}
== Workflow
User uses print option to export pdf of an article. We will focus on android platform level implementation of print>pdf. The research also suggests android has significantly larger penetration in the areas we are focusing [1]
{F5368486}
1. User selects to print page from their browser
2. User selects to save page as PDF
3. System saves PDF to user’s download folder
4. PDF displays with updated print styles
==Acceptance criteria
**Each printed article must contain the following:**
- Title
- Wiki wordmark
- Images
-- If an image has not yet been loaded due to lazy loading - no GAP must appear where the image is expected to be
- All formulas and symbols available in the original article
-- Formulas and symbols must NOT be lazily loaded
- Page number
- Link to original article
- Last edited date
- Licensing
- All tables in a readable format (readable as determined by Nirzar in the mockups)
- Link to desktop version of print
- Be in legal size format
**Articles must not contain:**
- Disambiguation notes (ex: This article is about 2-dimensional Euclidean space. For the general theory of 2D objects, see Surface (mathematics))
- Article notes (ex: main article, see also, further information, redirects, etc - these are currently stripped from the desktop print version)
- Links to other articles appearing in black, styled as normal text
- Every template currently stripped in desktop printing should be stripped for the mobile version
**Style must be available (and tested on) for phones and tables on (at least) the following browsers:**
- Chrome (iOS and Android)
- Android browser
- Safari
- Firefox (iOS and Android)
- IE Mobile
- Microsoft Edge
- Opera Mobile
- Opera Mini
- UC Browser
== Design
here's a design spec for print styles.
Note: what to look for
1. font sizes
2. line heights
3. padding around the pages
4. treatment to images
5. infobox treatment
**first page **
https://zpl.io/Z1M6nG7
**Common text page **
https://zpl.io/1WDMEY
**H2 Section start **
https://zpl.io/Z1iJp7X
**Infobox **
https://zpl.io/1WDMFF 1 of 2
https://zpl.io/Z1vTAR6 2 of 2
**Image treatment **
https://zpl.io/Z1M6nFj
**Footer **
https://zpl.io/26hKCD
Still WIP
**H3, H4, H5 **
**Quotation**
**References**
**Image groups**
**Large tables**
== Goals
[] Improve readability of print>pdf on mobile
[] Improve typography
[] Include wikipedia branding
[] Fix bug for lazy loading images not showing up in Print
[] Fix bug for article title not showing up in Print
What's next?
**H3, H4, H5 **
**Quotation**
**References**
**Image groups**
**Large tables**
== Notes
1. there will be no user interface change to mediawiki for this project. the first set of tasks is around fixing the browser-level print>pdf
2. The base assumption of doing this change is that users print>pdf to read later and not to actually print from their phones