Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    Grouping Items in menu vs A-Z list

    Scheduled Pinned Locked Moved Development
    menuwebguiguiusability
    4 Posts 3 Posters 2.0k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Sergei_ShablovskyS
      Sergei_Shablovsky
      last edited by Sergei_Shablovsky

      Dear pfSense Gurus!

      pfSense menu now in 2022 looks like “hey, we are from Atari time and we stay on that forever! because nobody care, we all love CLI! f***k the GUI”:

      1F2B2ABD-E329-4293-8DD4-70308FEDC9B5.jpeg E8063028-0F7C-4D40-94F9-09A44FFE03E7.png

      Did a You remember how many YEARS between this two screenshots of pfSense webGUI ?

      Looks like nobody from pfSense Dev Team knows about Steve Krug's Do not make me think (from 2000) or Apple Human Interface Guidelines (updated as PDF yearly or once at 2-3 years)

      1. The items logically need to be grouped - are in A-Z list.
        Hm, dear Devs, You are grouping functions in separate menus on top level, so why logically not to combine it in a groups? Like here for example:

      1480719F-C1D3-45D8-9FBB-1D63D0E57D4D.png

      And compare with this LOOONG list

      D36F192A-1A82-4FD8-A9C0-0221CDB5DB32.png DF4C1602-B474-4FA7-86F1-4F3574E5EE98.jpeg

      1. The groups in 2-nd level menu need to be visually divided:
        Like this: If You seeking for something around to updates/tuning system, its there: System Preferences or separate apps, If You thinking about general stopping/restart system, there are place together
        587A7635-5ADC-4882-8F3B-BB7E495ED777.png
        No patent volatile here, no MS, nor Apple, nobody have rights to restrict You by Yourself by placing System Restart in Diagnostics!!!!???
        And Logout just between the much used Package Manager and High Avail. Sync ? Really ?
        What is difference and why is Routes both in System and Diagnostics ? Is this different functionality ?
        Backup in Diagnostics are for diagnosing purpose or really working?
        Why States and States Summary, NDP, ARP, SOCKETS and other are not in Status (that mean current state of Firewall) and sit in Diagnostics?
        And more, and more....

      96BD61AE-FB24-4FFB-A63C-5845B4D1BC85.png

      And why NAT are in Firewall, but Routing not in Firewall but in System? Because of coder logic on entry stage of creating product? ;)

      I know that You have a lot of docs made 10+ years ago, but is this really reason to make so khm... bad designed menu that **break all possible rules of creating visual interfaces?”.
      Anyway, the one day come that Dev Team PUSHED to make this changes, so what the reason to multiplexing more hard work (and also mistyping/errors in Docs update, because we all are humans, and Docs of pfSense would be made by humans....)?

      P.S.
      I even not told about what the reason not to making FLASH PORT'S LED button in Interface section, to make a little help for thousands of newcomers or Hard SysEngeneer (who have madness with jacks&cables&patches each day 8+h) quickly find port that need to be connected to patch&cable ?
      This is just TWO commands and a PHP-code for button!

      Thank You for attention!

      P.S. Many of us thinking about this but one time this must be changed. Also sorry for may be much emotions. Bu really so outdated, like web from early '80, or just after usenet/FIDO era (Yes, I hate 256 colors, I was 2:646/72 node, if I remember all things right...

      —
      CLOSE SKY FOR UKRAINE https://youtu.be/_tU1i8VAdCo !
      Help Ukraine to resist, save civilians people’s lives !
      (Take an active part in public protests, push on Your country’s politics, congressmans, mass media, leaders of opinion.)

      bingo600B 1 Reply Last reply Reply Quote 0
      • bingo600B
        bingo600 @Sergei_Shablovsky
        last edited by

        @sergei_shablovsky
        I'm sure the pfSense team would consider your contribution, when you have made the suggested UI changes, and submitted a pull request. 😊

        But who knows ...
        Maybe pfSense+ subscriptions will, generate enough income to enable them to do GUI enhancements too.

        I for one would rather have a working API.

        /Bingo

        If you find my answer useful - Please give the post a 👍 - "thumbs up"

        pfSense+ 23.05.1 (ZFS)

        QOTOM-Q355G4 Quad Lan.
        CPU  : Core i5 5250U, Ram : 8GB Kingston DDR3LV 1600
        LAN  : 4 x Intel 211, Disk  : 240G SAMSUNG MZ7L3240HCHQ SSD

        Sergei_ShablovskyS 1 Reply Last reply Reply Quote 0
        • Sergei_ShablovskyS
          Sergei_Shablovsky @bingo600
          last edited by

          @bingo600 said in Grouping Items in menu vs A-Z list:

          @sergei_shablovsky
          I'm sure the pfSense team would consider your contribution, when you have made the suggested UI changes, and submitted a pull request. 😊

          It may be a little bit hard if You hearing public signal for possible bombing attack each 2-3 h each day 24/7 or take an active part in war against Russia invasion and occupation, fighting each day for freedom of own country (now I am in Ukraine, close to my parents).

          But I try...

          But who knows ...
          Maybe pfSense+ subscriptions will, generate enough income to enable them to do GUI enhancements too.

          Worshipping for that :)

          I for one would rather have a working API.

          Also great Idea.

          —
          CLOSE SKY FOR UKRAINE https://youtu.be/_tU1i8VAdCo !
          Help Ukraine to resist, save civilians people’s lives !
          (Take an active part in public protests, push on Your country’s politics, congressmans, mass media, leaders of opinion.)

          JeGrJ 1 Reply Last reply Reply Quote 1
          • JeGrJ
            JeGr LAYER 8 Moderator @Sergei_Shablovsky
            last edited by

            @sergei_shablovsky So whats the problem with the horizontal menu exactly? Many things use it. And yes it's got a bit crowded over the time.

            I'd appreciate a bit of redesign or submenu'ism myself, as we run a prod setup with VERY large amounts of VLANs and the interface menu is longer then my monitor height - you have to scroll. That's not nice, yes. But besides that working better in a more left-side-style menu, where's the problem?

            And why NAT are in Firewall, but Routing not in Firewall but in System? Because of coder logic on entry stage of creating product? ;)

            Simply: logic! Alias, NAT, Rules and Schedules ALL relate to underlying paket filter "pf" and manipulate its ruleset. So it makes absolute sense, that everything firewall/filter related is in there. That's why pfBlockerNG is there after being installed, too, as it fetches IP lists and creates aliases. OK one might argue it also does DNS blocklists and that is more unbound related but hell - can't put it in both menus trees.

            @sergei_shablovsky said in Grouping Items in menu vs A-Z list:

            I know that You have a lot of docs made 10+ years ago, but is this really reason to make so khm... bad designed menu that **break all possible rules of creating visual interfaces?”.

            nothing "bad menu design" about that IMHO.

            @sergei_shablovsky said in Grouping Items in menu vs A-Z list:

            Bu really so outdated, like web from early '80, or just after usenet/FIDO

            Sure about that? The UI uses bootstrap - I've seen lots and lots of UIs/UXs that utilize bootstrap and use a horizontal layout. Nothing "old" about that if you can use it easily.

            Why States and States Summary, NDP, ARP, SOCKETS and other are not in Status (that mean current state of Firewall) and sit in Diagnostics?

            Because that are things you don't normally check all the time. States? State tables? ARP? You check that as a "status" all the time? I'm working with a multitude of customers and from my perspective the only time we have to take a look at state details, ARP or NDPs is - exactly - if we're doing debugging with the client to find out why something is not right or working as intended. So I'd say from our perspective those entries are exactly where I'd put them. Normal customer often has no clue what states really are and what they are needed for so to find that in "Status" they'd be more irritated then helped.

            @sergei_shablovsky said in Grouping Items in menu vs A-Z list:

            What is difference and why is Routes both in System and Diagnostics ? Is this different functionality ?

            Of course - they are even called differently. So the argument is a bit void ;)
            System/Routing(!) is about Gateways, GW Groups and manually adding static routes to those gateways. Diagnostics/Routes(!) is the system routing table. Nothing crazy about it.

            @sergei_shablovsky said in Grouping Items in menu vs A-Z list:

            And Logout just between the much used Package Manager and High Avail. Sync ? Really ?

            THAT I agree on. As the function is already available via the icon in the upper right, I'd perhaps make it optionally show a text beside it (so people can see it easier) and remove the logout from the system menu.

            Backup in Diagnostics are for diagnosing purpose or really working?

            I agree, that would perhaps be better suited in "System" rather then Diagnostics and should perhaps read "Backup & Audit" as many forget, that there's a additional tab in Backup&Restore with the config audit and the ability to rollback configuration (although that would perhaps be better suited in Diagnostics as it's more of a tool you'd use in debugging sessions).

            @sergei_shablovsky said in Grouping Items in menu vs A-Z list:

            The groups in 2-nd level menu need to be visually divided:

            I'm there on that one. I'd like to see the menus a bit cleaned up or divided into submenus - or even better the ability to switch to a left-hand/right-hand side menu. But the broad categorization is fine with our day to day usage or support tasks with debugging users.

            As the comparison with OPNsense often pops up: The left-hand menu there is nice for things like huge VLAN deployments etc. as theres no endless top-to-bottom menu that way but them re-ordering every single freakin' item from Diagnostics to the "best matching" service or system function is incredibly tedious! Every time I'm out to debug one of those systems I'm forced to open up dozens of tabs as the navigation between the various diagnostic or logging menu items is simply nervewrecking. Switching from System General to Firewall logs to OpenVPN logs as you try to track down a connection problem? 3 clicks in the System/System Logs view. With their UI you're constantly navigating to 3-4 levels of submenus that aren't visible, but you have to click to open up. It's insane.

            So compared to that pfSense is far more "debuggung-friendly" as all things you're looking for are in one place and not tossed around in various locations all hidden behind clicks and more clicks of submenus. And yeah, sure you can say "just do it via console then" but we are talking UI/UX only here :)

            @sergei_shablovsky said in Grouping Items in menu vs A-Z list:

            Apple Human Interface Guidelines

            But seriously I've never seen webdevs or WebUX people being hold to desktop application standards. IMHO that comparison is a bit far fetched?
            Not everything needs to be designed like an Apple or Desktop App, but I agree, a few points could profit from a bit of sorting and regrouping. And an option to switch to a side-style menu for those with loooooong list of Interfaces or installed services would surely agree that's more comfortable to navigate.

            Cheers :)
            \jens

            Don't forget to upvote 👍 those who kindly offered their time and brainpower to help you!

            If you're interested, I'm available to discuss details of German-speaking paid support (for companies) if needed.

            1 Reply Last reply Reply Quote 1
            • First post
              Last post
            Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.