== 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
== 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
== Problem statement==Acceptance criteria
Currently, when I**Each print>pdf aned article on mobilefrontend,must contain the pdf is not unusable.
- Text is unreadable without zooming infollowing:**
- Title
- Missing elements like article title, images etc - Wiki wordmark
- No branding or indication the content came from wikipedia - Images
- Bad typography -- 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:**
Here's how the pdf looks relatively on a big phone - 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
{F5368590}**Style must be available (and tested on) for phones and tables on (at least) the following browsers:**
Here's the actual print>pdf
{F5368483}
== Goals - Chrome (iOS and Android)
[] Improve readability of print>pdf on mobile
[] Improve typography - Android browser
[] Include wikipedia branding - Safari
[] Fix bug for lazy loading images not showing up in Print - Firefox (iOS and Android)
[] Fix bug for article title not showing up in Print - 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
== 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}
== 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
==Acceptance criteria
Create PDF style for easy mobile reading offline
Allow print styles to work for both printing from browser and a separate print button
[1] https://upload.wikimedia.org/wikipedia/commons/6/6a/Wikimedia_Foundation_and_Reboot_New_Readers_Research_-_Nigeria_&_India_Highlights_-_July_2016.pdf