Finalize new nav bar order

[daniellex0]

Overview

We need to redesign the top nav bar in order to improve the site's ease of navigation, make all pages accessible from the homepage, and have a structure in which to add new pages such as the Join and About pages once they are ready

Action Items

• Redesign top-nav bar to meet above stated needs

Resources/Instructions

About page
Join page

Current nav bar:

[akibrhast]

@ExperimentsInHonesty What is the plan in regards to the new navbar order?

[akibrhast]

Based on the following Figma Design Specification and conversations with @ExperimentsInHonesty and @daniellex0

The new navbar order is going to be as follows

• Remove Press and replace with [ About Us or About ]
• Remove Connect and replace with [ Join Us or Join ]

[ExperimentsInHonesty]

@daniellex0 I had said to Akib that when we were originally discussing making it Join, it sounded a little membership like, whereas Join Us sounded more friendly and open. I am fine with About being a single word menu item however I am not sure about the Join Us and would like to have it tested to find out what people think would be behind that link. Or if the whole UX team thinks I am making this into too big a deal, I am ok for it to get changed to join. Just saying it needs some thought.

[kristine-eudey]

Progress: We are currently finalizing both the homepage redesign and the expanded footer redesign, which should both inform the site hierarchy as shown to users by top nav.

In moving forward with this issue and considering a change to the top nav, I have identified a larger issue which needs to be considered: as we add new pages to the site that do not fit into the current top nav, the current solution seems to be adding additional sections to the top nav which link to individual pages. I think we instead need to reconsider how the top nav functions since this is not a scalable strategy as the # of pages increase, and (maybe even more importantly) doesn't provide users with a clear understanding of the content the site offers and give a quick/comprehensive view of how to navigate it when they come to the page. I believe we are at a point where it's important to reconsider how we're using the top nav and if it currently reflects the site's main content categories and hierarchy of information.

Blockers: None, though continued work on the homepage and footer will provide helpful context to move this forward.
Availability: At least 5 hours per week
ETA: TBD. First step is an audit of current sitemap (as description of current information architecture) and then the creation of an alternate possible sitemap based on the categories ideated in this new footer design, which takes a different approach to the site's IA focused on increasing user-friendliness and scalability. I can have this step completed by Sunday 9/5/21

[github-actions]

@kristine-eudey

Please add update using this template (even if you have a pull request)

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures: "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either: 1) ask for help at your next meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Tuesday, August 31, 2021 at 12:02 AM PST.}

[kristine-eudey]

Design is ready for discussion and review. Figma - New Nav Bar

In order to make our entire site accessible through the top level navigation and create an effective hierarchy of information, I organized the pages into logical buckets (mirroring those in the new footer design).

The goal of this new structure is to make the site easier and more intuitive for users to navigate (both via browsing and searching), alongside making the site more easily scalable as we add new pages.

[kristine-eudey]

Design portion of this issue will be finished by Tuesday, 10/26.

[kristine-eudey]

New top-nav design is completed, approved, and can be found here: Figma - Top Nav Redesign

[ExperimentsInHonesty]

Thanks! looks amazing