43
Merged 1 post from Compact tabs.
    8 days later

    I like the compact tabs design with the colored background, and will try getting used to it.

    Nevertheless, I still think Safari's implementation of these features is superior for many of the reasons mentioned before. In addition, I find it very confusing that pinned tabs are to the left of the address bar instead of within the other tabs. This creates sort of a weird layout (tabs|omnibar|tabs) in which all elements look somewhat similar but have different uses. If Safari's cleaner approach was adopted, this would make much more sense layout-wise (tabs).

    Latest RC release, with #8095 makes the address bar slightly more contrasted from other tabs, by using a border instead of a fill.

    a month later

    I think making the active tab the same style as as the address bar might be good, the active tab can be hard to distinguish especially with Show website color enabled.

      2 months later

      Hey @Vlad,

      You all are doing amazing work, so keep it up.

      Just curious if we have any insights into the future changes here or the direction you and the team are thinking of moving in?

        The consensus in this thread and others on this issue makes it clear what the users of Orion, specifically those who care enough to provide feedback, want for the Compact Tab Layout.

        @Vlad, I appreciate you and your teams' work and dedication to design principles, but it warrants repeating that those principles are intended to provide what users want. I would add that the Safari team must have done their research and arrived at their design for a good reason, especially if it contradicts their design principles.

        In this case, you have months of feedback from many of Orion's most caring users, who ask for the same solution: the Compact Tab Layout should function like Safari's. At this point, I think it is fair to ask you to yield to your product's users and make this change.

          Ok so I have been using Orion for a few months at this point, and I made the switch from Safari quite early on. In the beginning, I too found Orion's way of having a separate address bar in compact tabs mode unintuitive. However, it seems that was just a result of me being used to the Safari way, and now I have become accustomed to Orion's implementation and have no issues with it. In fact, the address bar not moving around is much better. Therefore I believe there is no need for Orion to try to adapt Safari's style of compact tabs when its own implementation is superior.

            laptudirm Yes for many users it is a question of habit, not realizing that Orion's imlpementation follows Apples own HIG while Safari's doesn't. URL bar is the most important piece of UI in the browser and as such should not change position which it does in Safari's implementaiton of compact tabs. This was our design goal from step one.

              @Vlad I'm here to voice out the same sentiments as @MrFrank just to make it clear that his opinion on this matter is not singular - both his appreciation for you and your team's dedication, but also his views on the compact tab layout.

              Why not give users a choice between Orion's way and Safari's implementation? That was another feedback mentioned earlier in the thread. This would also give you a concrete metric on what layout users prefer.

                albertcsanjuan Quoting Vlad from another post:

                Making features opt-in is the worst thing we can do from a development standpoint. It take more time to build (you are now doing 2x, 3x... work),it produces more bugs and and it makes it harder to maintain (Orion works on macOS 10.14!). This is why we are looking for reasonable defaults and options only if we have to.

                To put things in perspective:

                Arc - built on top of Chromium so got the browser app framework for free. Only option for the user is vertical tabs. That's it, if you do not like you are out of luck. Team size >100.

                Orion - building with WebKit, browser app needs to built from scratch (no Chromiuim equivalent for WebKit). Orion supports Horizontal tabs, Vertical tabs, Compact Tabs... Multiple other customizations avaialble. Built as fully native Mac app. Team size 5.

                Let's not ask us to add more options, but find ways to remove existing options instead and have good constructive discussions that will produce sane defaults. Thank you 🙏

                I would also like to note that both the vertical tabs and standard tabs layouts have a separate address bar, so that would make the compact tabs layout the only one that doesn't have one.

                albertcsanjuan

                Why not give users a choice between Orion's way and Safari's implementation?

                Simply put, choices are expensive to give. Why doesn't Chrome have native vertical tabs? Or Safari? Trillion dollar companies are not able to produce and maintain a choice yet it is expected from a team of five, financed by about 1000 Orion+ subscriptions.

                And despite that, Orion has more choices than almost every other browser. We are truly doing our best here. We appreciate your support 🙏

                  5 days later

                  Vlad

                  MrFrank I appreciate you and your teams' work and dedication to design principles, but it warrants repeating that those principles are intended to provide what users want. I would add that the Safari team must have done their research and arrived at their design for a good reason, especially if it contradicts their design principles.

                  I would like to know what you think of the quote above from my post. Why is it more important to follow Apple's HIG design principles than to provide what your most supportive users want?

                    albertcsanjuan Why not give users a choice between Orion's way and Safari's implementation? That was another feedback mentioned earlier in the thread. This would also give you a concrete metric on what layout users prefer.

                    @Vlad , I understand your argument against this, and I generally agree with you. However, we have good examples of divisive design decisions ending in user choice.

                    I think this feature request thread alone shows that this design decision warrants such a choice. Then, we can all have the compact tab bar we want, and this can be put to bed!

                      Kudos on implementing one of the most requested feature.

                      However, I have certain issues with the present implementation like - current tab is repeated twice, not sharp visual distinction between all tabs, when only 1 tab it is shown on left, etc.

                      Moreover, I’ve used safari’s implementation for a considerable time and so I am more used to it. Also I find it more intuitive and easy to understand. Implementing it would also make transition from safari to Orion less cumbersome for others.

                      If Orion plans to keep both, it can done via flag in developer tools (like pdf.js).

                        joystmp

                        current tab is repeated twice, not sharp visual distinction between all tabs, when only 1 tab it is shown on left, etc.

                        Can you explain each in more detail with a screenshot. Current tab is certainly not repeated twice so it seems some kind of misunderstanding.

                          joystmp

                          Tabs are not repated twice. In every tabs mode whether horizontal tabs or vertical tabs there is the tab and the address bar. We are being consistent. Address bar is the most important element in the browser and it should not jump around, shoud be visible at all times and should have resonable width to be able to host all the UI elements

                            8 months later
                            Merged 5 posts from Safari style compact tabs.
                              2 months later

                              I know this thread is kinda old, but this is the most struggling thing I'm trying switching to the Orion browser. The elevation between the tabs and the URL bar is too similar, so I often mistake the URL bar for a tab. Additionally, since the active website tab and the current website URL are displayed on the same row, it usually draws my attention away.
                              Safari solves this problem by combining the URL bar and the tab into one element, which I think is great. Another benefit of Safari’s design is that the URL bar doesn’t take up static space. When you have many tabs open and scroll, the URL bar minimizes, allowing you to see more tabs at the same time. When users are scrolling and looking for a tab, they usually don’t access the URL bar. Because they're looking for tabs. so minimize the URL bar doesn't really affect user experience.
                              When users want to access the URL bar, they usually want to edit the URL or search for something, so they naturally look at the URL bar. I guess HIG made this rule because users can rely on muscle memory to access the element. But in this case, they always put their eye on it.

                              If the static URL bar couldn't be changed. I think adding more contrast and elevation could still improve current tab design significantly.

                                a month later

                                ISSUE

                                • horizontal tabs are VERY confusing by having input and active tab separate
                                • active tab is barely recognizable visually from the non active

                                SOLUTION?
                                why not copy the Safari design pattern (tab + input field merged)? that would fix both of the issues

                                safari compact tabs design pattern

                                Version 0.99.130.2-beta (WebKit 621.1.2.111.4)

                                Sequoia (15)