13

Currently you have to click the gear or the View menu bar item to see if a site/tab is in compatibility mode. It would be nice if you didn't have to click something to know this.

Three ideas for such an indicator:

  • Gear icon changes (a small circle bade with letter C in it is added? )
  • Address bar styling changes (a C icon in the address bar, like the Aa for reader?)
  • Tab styling changes (not sure...)
  • Vlad replied to this.

    Vlad I think a subtle changes to the Website Settings icon.

    A small badge or styling change (similar to the Privacy icon style change when something is blocked) could indicate that this website has some non-default setting applied.

    If the appearance changed in response to any setting being non-default, then you'd also want to be able to see which settings are non-default at a glance when you click the button.

    Or, far simpler and easier in terms of UI, is to have a button that resets the Website Settings back to default.

    • Vlad replied to this.

      Cannabat The two other buttons that have a notification are downloads and privacy. They both have a small number. Would you expect to have a number here too (number of non-default settings?)

        Vlad A badge with a number is calling your attention to something - “there are X items that need your attention”. Don’t think this is appropriate.

        Isn’t Privacy icon a change in color and not a numbered badge?

        • Vlad replied to this.

          Cannabat It does both (you can right click to enable show notification)

          There is an area to paint with that icon and it is not clear what to do with the gear icon?

            Vlad Oh - I never noticed you could enable a badge for the Privacy icon.

            It makes sense for Downloads and Privacy because you can click those icons and see a number of blocked items or list of downloads. So a number makes sense.

            Yes, I see, the gear icon doesn't have an area to paint so just changing its colour doesn't do much.

            The gear icon could have a numbered badge, number = # of non-default settings, as you suggested. Then in the popup when you click the gear, each setting which is non-default has an indicator - perhaps a small dot that has the same colour as the badge.

            Is there anything in Apple's design language stuff for indicating that a setting is changed or non-default? I think macOS doesn't tell you at all, and most preference panels do not have a "reset to default" button either.

              Cannabat I am not aware of anything in the design language to mark a non-default setting which makes second part difficult to implement. If we did that, we would also probably need to implement it on entire Preferences for consistency. Amazing how things quickly escalate 🙂

              So still waiting for ideas here.

                Vlad Keeping it simple is good. I'll pass on this ticket for now and maybe others will chime in.

                  I can quickly think of 2 options to call out custom / divergent settings for the current site:

                  1. Based on a numbered Website Settings button badge
                  Separate the custom / divergent settings into "Default" and "This site" (or domain?) headers, but this could be problematic in how much moving around and/or duplication of items (i.e. Extension permissions) would need to exist in both sections.

                  2. Borrow OmniWeb's solution
                  Add a small cancel/reset icon to each setting that deviates from default, such that clicking each allows you to selectively rest to default… and add a master "Reset" button to the Websites panel to return all to default at once.

                  (1) is more immediately obvious, but might be confusing with options moving around (and have UI implementation issues, e.g. should switching between the sections be animated etc)

                  (2) is a little less obvious, but you could add tooltips and it's presumably much easier to implement.

                  In both approaches the numbered badge on the Gear icon gives context to what users see when they open the Website Settings panel, and in particular could help explain the subtler (2) approach.

                  • Vlad replied to this.

                    transeunt (2) is very nice UI, thanks for suggesting it. (we still have so much to learn from old school browsers like OmniWeb)

                    Do you imagine this UI would be implemented in General preferences too?

                      Vlad for now I’d think it best to restrict this just to the Website Settings feature — allowing individual reset of all preferences to default would probably take this too far, proliferating preferences with close buttons, and just end up feeling “too much”.

                      …assuming I understood what you meant! 😄

                      • Vlad replied to this.

                        Vlad oh BTW turning on notifications for Privacy is a bit hidden — didn’t find it myself, I only learned from this thread.

                        IMHO just turning purple is too subtle for one of Orion’s marquee features (max privacy) so I’d suggest defaulting notifications on, and instead adding a checkbox inside the Privacy panel to let users disable if they find it too much.

                          transeunt How would you explain the inconsistency? One set of settings having a reset button and the other set of settings not having it?

                            Vlad

                            How would you explain the inconsistency? One set of settings having a reset button and the other set of settings not having it?

                            In this case I'd argue Website Settings are conditional over-rides of the General Settings I otherwise want to apply more broadly. So, I'm resetting over-rides back to the General Settings, which are the "standard" that I've set.

                            If I'm resetting those standards I've set (General Settings) what state are they reset to? The state the app shipped in?

                            • Vlad replied to this.

                              Vlad

                              Yes, to the default settings.

                              IMHO, I don't think resetting to the browser's default/shipping features is necessary — but I guess I could understand if your perspective is that the ("your" 😄) defaults are carefully chosen to give the best UX.

                              In that case I could see a simple, singular "Reset" button per Preference pane might be a less "busy" option that appending the (x) 'reset' button next to each divergent setting.

                              …but, ultimately I guess in practice the (x) per divergent General Setting wouldn't be that bad, or overwhelming, as it's unlikely to be many individual settings, for anyone but the most committed 'configure-er'! 😄

                              So, "yeah" in the end, could see it extending to all settings, which would be consistent across the app, and also give more clue/training to users, for when they first notice the reset on on Website Settings. 👍

                                a year later

                                Currently, i believe the only visible change is that extension icons get greyed out. I think an indicator, a la the download counter would help.

                                I'm not sure what would be a good fit though.

                                  Something as simple as a red slash through the shield/privacy report icon might be enough to indicate when compatibility mode is enabled at a glance.