Desktop Navigation Bar

An expanded menu in the website header to improve navigation.

Last Updated: 19/03/2024 - This feature is now live for everyone 🎉

You can find the original feature proposal below, and if you have ideas for improvements please do leave a comment.




Background


The DEAL Community Platform was designed with a mobile-first perspective in mind, partly based on the expectation that most users would accessing the site on a mobile device (as is becoming increasingly common across many websites).

However, the majority of people (around 60%), visit this site on a high-resolution desktop or laptop. In light of this, certain design decisions may warrant revisiting or expanding. Notably the collapsible menu which is hidden until a user clicks on the "hamburger" icon (three horizontal lines).

Furthermore, the current header bar is mostly empty (containing only the DEAL logo, profile picture and "hamburger" menu icon) doesn't provide a lot of value in return for the screen space that it takes up.

What is the essence of this suggestion/idea?


Create a new navigation bar / menu for high resolution displays that replaces the current header at the top of the page. This would list high-level categories that could then be clicked on to expand and show relevant links.

Here is an example mock-up (also integrating the feature proposals for a Global Search bar and Notification System icon):


The collapsible "hamburger" menu would remain in place for mobile and other lower resolution devices that cannot display the full menu. There could also be partial versions at "middle" resolutions where, e.g. the search bar is removed to make room for the menu items.

What are the potential benefits of this suggestion/idea?


A new navigation bar could help to visually show how the site is structured at a glance, which should improve discoverability and clarify which content is available and where it can be found.

Who would benefit from this suggestion/idea?


The majority of users who visit the site using a laptop or desktop computer, especially new users looking to discover different parts of the site.

Open Questions

  • What should the high-level categories on the menu be?
  • Are there any parts of the site that could do with additional exposure?
  • On smaller devices, which elements (menu items, search bar, notifications, profile icon) should take priority?
6 comments
Don Dwiggins over 2 years ago

Maybe allow "user's choice" for some menu items (or some kinds of items). For example, Brazilians may be more interested in South American-specific items; they might appreciate having the relevant "links" handy.

0 1
Karn Bianco over 2 years ago

Good idea, thanks for the suggestion. A location filter is something we have considered for the new Activity Feed feature (https://doughnuteconomics.org/activity) so that members could view stories and events based in their country/area.

Perhaps we could revisit that and, in either case, make sure the Activity Feed is more easily accessible in any new menu, as it's a little bit hidden in the current navigation menu?

0 0
Rob Shorter about 3 years ago

Just a thought on this one, but might the high percentage of desktop use be due to lockdown? And might people start using the platform more on their mobile when they're no longer in lockdown and more out and about, and on the move? (not that this has an implication for this feature necessarily)

0 1
Karn Bianco about 3 years ago

Good point - could be! In either case, we'll certainly want to make sure that any changes related to this one (such as a global search bar and notification icon) work really well on mobile as well, if we do add them.

0 0

Join the DEAL Community!

Get inspired, connect with others and become part of the movement. No matter how big or small your contribution is, you’re welcome to join!