Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🟡 As a visitor, I want to be able to print a pdf of the whole guide #281

Open
2 tasks
Tracked by #389 ...
jstrothman opened this issue Nov 19, 2020 · 2 comments
Open
2 tasks
Tracked by #389 ...
Assignees
Labels
enhancement New feature or request Guides Initiative 2 Tracks work for "Improving the Maintainability of the 18F Guides and Methods" UX Task related to the UX Guide and/or pulled from the old UX Guide repo.

Comments

@jstrothman
Copy link

Background
What should we consider when addressing this issue?

Acceptance criteria

  • [ ]
  • [ ]

Tasks

  • [ ]
  • [ ]

Definition of done

  • One of the POs has approved the change
  • Outreach approval (if needed)
@lauraponce lauraponce self-assigned this Feb 16, 2021
@lauraponce
Copy link
Member

Using the Method Cards and the CFA Research Guide as inspiration, here's a way that we could organize the pages when someone goes to print:

UX Guide - print view.pdf

The main things to highlight are:

  • Added the 18F logo and UX Guide title to each page for consistency
  • Added breadcrumbs at the top right that shows people where they are and left off from the previous page
  • Added a title page
  • Uses headings with h1 for the main section title (e.g. Research) and everything else from h2-4

I was picturing that it'd include everything starting from the Our approach page to the end (Research + Design) and would exclude the Overview page and subsections since a lot of that content includes links and won't be as useful for printing. Also, the links would be underlined but not blue.

This is all very first-draft and early thinking — any and all feedback and thoughts are welcome! We could also run a version of it by the design lab for input from a product designer.

@lauraponce
Copy link
Member

Following a similar pattern as the Methods, I think adding a link could work well in the nav. Right-aligning it separates it from the main content and it feels like it's noticeable enough.

Screen Shot 2021-02-18 at 1 28 42 PM

@bpdesigns bpdesigns added the enhancement New feature or request label Dec 6, 2022
@christophermather christophermather transferred this issue from 18F/ux-guide Dec 19, 2023
@christophermather christophermather added the UX Task related to the UX Guide and/or pulled from the old UX Guide repo. label Dec 20, 2023
@christophermather christophermather added Initiative 2 Tracks work for "Improving the Maintainability of the 18F Guides and Methods" Guides labels Dec 22, 2023
@juliaklindpaintner juliaklindpaintner changed the title As a visitor, I want to be able to print a pdf of the whole guide 🟡 As a visitor, I want to be able to print a pdf of the whole guide Feb 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request Guides Initiative 2 Tracks work for "Improving the Maintainability of the 18F Guides and Methods" UX Task related to the UX Guide and/or pulled from the old UX Guide repo.
Development

No branches or pull requests

4 participants