Compact tabs

maanthapa

Compact Tab layout of Safari browser will be nice to have in Orion's appearance as well.

sshiva

I would love to see this layout as well. It's one of my primary reasons for preferring Safari -- the experience feels a lot more fluid on account of it. I'm just curious: is this feature expected to show up in the beta?

Vlad

sshiva Yes, everything on this site that is marked as planned is expected to show up at some point.

pvinis

one suggestion, it would be nice to be able to have "compact mode" enabled, so the toolbar is short, but keep the tabs a bit taller. right now in compact mode, the tabs are smaller than the toolbars, and that feels weird, since the tabs are the main thing, not the toolbar.

bgr95

Cristian Yes immersive was the word I was looking for, even though there are far better browsers than safari I keep going back to it only for this thing. The compact tab thingy is simply the best design in browser market.

MarioMastr

I know some people might find this obnoxious, but this genuinely one of my favourite design elements of new Safari, and it would be incredible to see this in Orion.

js2a

https://orionfeedback.org/d/92-compact-tabs

phy

scarfacedeb Judging from Vlad's mockup's above, it will be better than Safari's implementation. I assume that this would be an alternatvie option to classic tabs so people won't be forced to use it...

sid350

I love compact tabs in Safari, and will be happy to see it in Orion.

mazil

Using version 0.99.123.1-beta now; I would say the compact design on Orion is my favorite design, it is great in terms of usability, it is low-profile and no-bs! Please keep it! Much more superior than safari compact design!!!

sannidhyaroy

I like how the Safari team did this for the compact tabs as well and it's one of my favourite design elements of Safari. Would like to see this in Orion!

Longely

So i read this a while back, and have been thinking about it. It seems like theres 2 problems people have.

some wants an address bar that doesnt move around
some people dont like the tabs arent "real" tabs

Personally i dont have a such a big problem with the address bar not staying in the same location. but if I have a problem with Orion teams suggested solution:
It is that, if the tabs also arent address bars you can type in. its not intuative that they look identical.
In Safari they look identical because they are identical. they are both a tab and an adress bar.

So i tried to think about how to solve to keep address bar in 1 place while having tabs that are "real" and doesnt look like adress bars you can type in.

Anyway this is what i came up with. maybe it can work as inspiration

Ultra compact with many tabs:

Less compact, more similar to Safari compact and Orion standard size with the open tab being the furthest to the right:

I think I would prefer a solution similar to this, if the tabs arent also adress bars that i can type in.
Obviously you can scale the adress bar as wide as you please, remove buttons etc.. this is just a quick sketch trying to keep the exact same functionality and spacing as none compact

Vlad

Longely I really like these ideas, thank you for taking time to share this!

What would this look like if somewhere in the middle?

And can you add sketch what would it look like if they are many tabs open (so reduced to minimum size/ just icons)

And a variation all these where the toolbar UI is merged with the page UI a'la your last proposal.

bgr95

Longely I personally find apple's design of integrating the address with the tab to be perfect and extremely intuitive. But I believe orion design team prefers to keep the address bar fixed

Longely

you can also do it this way:

Instead of this:

so would look like this in context:

not sure its better tho

ForumNinja404

Longely I love this implementation and your mockups. I think this is how compact tabs should be implemented.

Longely

Heres an example of how it could potentially look if you adobt Safari thing where they merge the browser with the page, by adobting the color of the header and remove the seperation line:

Longely

Vlad

If what exactly was in the middle?

Sure heres a sketch of mininum size:

The whole idea is that the whatever space there is to utilise on the right side of the adress bar is used for tabs.
meaning you can still add whatever buttons or extentions icons you want.

But in this case of standard layout, within the space that is avalible:

The tab behavior is the exact same as in none compact mode. meaning tabs scale expand and get compressed the same as the user is used to in none compact. making it IMO super intuative. So if you want to imagine how somethng specific would look. you can just look at none compact.

Another reason why i prefer this aproach over the previous suggested or Safaris method is. that since you are on the same horionzontal line, every inch counts. and this way there are no "dead" space between the tabs:

Regarding Safaris coloring and UI merge. i think its a seperate issue and dont think it actually belongs in the same issue as this.

Since it could also be implemented in none compact mode and doesnt change any functionality, its a purely aesthetic thing. meaning you could like Safaris coloring thing without liking there compact tabs, and other way around

But sure i can try to make one. they are a bit harder to make a sketch of tho

Longely

Here is another example of it with the Safari UI merge/color adoption:

But again. i think this is a completly seperat issue from "compact tabs" as compact tabs are about increasing website space, and this adds nothing. it looks nice sure.. but its a different issue, wich i think clouds the conversation a bit to bring in. obviously its important that whatever compact tab solution you choose can work with it, would you take that step next to add color, but i think most can

Also the reason why mock ups are hard to make is because Apple is doing alot of magic trickery with text color, to increase contrast depending on whatever color the icon/text are displayed on

« Previous Page Next Page »