4 comments

  • Peter MainPeter Main, over 4 years ago

    Applaud the effort, but your own page has a hamburger/kebab in it, so not really sure what you're trying to fix? Nav bars?

    0 points
    • Daniel Winter, over 4 years ago

      I honestly wouldn't call that a hamburger:

      The main thing I'm trying to fix is that we need some mobile navigation that still keeps the most important links always ready to be clicked, while making less important links still reachable, though hidden behind an overflow.

      Most Websites these days have 3-5 very important pages (Take DN as an example, Stories, Jobs, My Profile), If you all hide them behind a usual hamburger you can't see this navigation at all unless you click that awkward icon. So even if you know what the icon stands for, you might not click it just to see subpages > higher bounce rate.

      With Paradeiser however the users already see a few links of the navigation, therefore making it clear for them that this is a navigation. The "more" button makes so much more sense for people that don't know what the hamburger is. And sometime you just need to pack less important links somewhere, like Terms of Service, Shipping Costs etc.

      0 points
  • Jacob Kelley, over 4 years ago

    I understand what you're doing, but all you're actually providing is html and css styles... Those are almost always going to be changed, so why use your solution to begin with?

    Also, what is so special about your solution that you think it will be another ubiquitous alternative to the hamburger menu? There is still hamburger menu smells in your work with the "More" link as well.

    0 points
    • Daniel Winter, over 4 years ago

      changing is fine, and as the scss files are provided as well almost all changes will be quite efficient. You may want to use it as a fast start as it provides you some solid flexbox structure that works out of the box. Improvements like a dedicated desktop version will follow soon as well.

      It is a simple to use menu that also allows you to provide for example 4 links as a quick access, for most pages this is enough to navigate the major points. If you want to provide all links like terms of service and contact forms etc you may put them into the more section.

      This is where this concept started: I had the problem that I have a small e-commerce site of a local company, but as the web shop is not the primary focus I had to put it within one point of the old hamburger menu. As it has 7 main sub-pages I just couldn't fit everything on screen, which led to the decision of a hamburger.

      Looking at the analytics and trends I saw that quite exactly no one went to the shop or the cart, as these points were hidden behind the burger. Now the main points are available at each point of the site without being covered by anything.

      So in my opinion it combines the compact feeling of the hamburger while still providing more points available at all times.

      Another nice read about the ever ongoing discussion: http://deep.design/the-hamburger-menu/

      0 points