search

ContextInstitute / bfcom

http://bfn.context.org
GNU General Public License v3.0
4 stars 1 forks source link

Attach duplicate of footer nav to logo in header #78

Open rgilman opened 5 years ago

rgilman commented 5 years ago

I know the convention is to have the logo link to the home page but our header has the home page link always available – even right next to the logo.

I'd like to innovate here by duplicating the links that are currently in the footer nav (except for Top) in a dropdown panel attached to the logo – similar to our treatment of the user image on the right side.

Those links are to About Contact Help Terms & Rules Privacy Policy so all organizational type stuff that fits with the logo.

Since the action of hovering over (desktop) or touching (mobile) the logo will just be to reveal the panel but not go to another page, it shouldn't be a big annoyance for users who were expecting a home page link.

I thought of this approach while testing on a phone and realizing that often the footer would be a really long scroll to the bottom.

iangilman commented 5 years ago

I could see this still being annoying, since clicking on the logo for home is such an ingrained habit. Why not have the logo still be home and remove "home" from the top nav instead? That would free up some nav space as well.

I don't see those footer items as being high enough traffic to deserve space up near the top (even if they are hidden at first), but if there are specific items you'd like to elevate, perhaps there is another way we could get to them more easily on mobile.

rgilman commented 5 years ago

I'd like to return to the idea of using the logo for a dropdown menu, symmetric with the dropdown connected with the user image. This may be too much of a violation of convention as Ian suggests but I'd still like to actually test it out.

The way I'm seeing this is that the home page is really about the user, not the organization, whereas the logo is about the organization, so it makes sense (at least to me) to put organizational links in the dropdown attached to the logo. We can also include Home as the top link, so it's still there, but we can add other links as well.

I'm seeing this as not just useful on mobile but at any screen size. I'm also no longer seeing this as needing to duplicate the footer menu. There may be some overlap but the two menus can have unique links as well.

I've made a start on this and created PR #103 for it.