Redesign navigation for audit submission guide

[Leighdiddy]

As a user who is following the submission guide instructions on fac.gov, I want to see the different sections of the guide so that I can review all steps and quickly navigate to the section that is relevant to me.

Our current audit submission guide uses a right hand navigation to the different sections of the guide:

We have learned from our users that this navigation is not visible on all screens. How can we design this guide so that the navigation is visible across different environments, and throughout the process? Is there a different way to show this information? Should it be "sticky" (follow the user down the page)?

Tasks

Tasks

Preview Give feedback

1. Redesign the right side navigation to be consistently visible across different screens
2. Implement, test in staging for both mac and PC visibility

[jperson1]

Here, I think we can use the Side navigation component, rather than the in-page nav. We also use this on the General Information page - but it's great for pages with a lot of content that we can break into a few sections. On desktop, it sticks to the top left. On mobile, it doesn't disappear and instead it collapses into a full-screen list that stays at the top of the page.

Perhaps we break it down like:

1. Starting a submission (Homepage -> Login -> Eligibility steps)
2. Completing your submission (General information through the workbooks)
3. Certification and submission

[rnovak338]

@jperson1 @Leighdiddy this is how the submission guide could look using that side navigation component. My biggest concern would be having a large number of nav links would take up real estate at the top of the page for smaller screens.

[Leighdiddy]

@rnovak338 good catch and I agree that the mobile view isn't ideal! But I think the benefit for folks using the site on a full size screen makes the trade off worth it for our users. We know our use on mobile devices is quite low, lets move forward with this fix but keep an ear out for any feedback re: the mobile screens.