{"id":33414,"date":"2021-08-18T16:37:09","date_gmt":"2021-08-18T20:37:09","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=33414"},"modified":"2021-09-08T11:40:06","modified_gmt":"2021-09-08T15:40:06","slug":"safari-15-changes-in-beta-6","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2021\/08\/18\/safari-15-changes-in-beta-6\/","title":{"rendered":"Safari 15 Changes in Beta 6"},"content":{"rendered":"

Juli Clover<\/a> (tweet<\/a>):<\/p>\n

Throughout the beta testing period, Apple has been tweaking the design of the Safari browser on the iPhone and in beta 6, there are further refinements. The bottom tab bar has been redesigned to appear below page content, and Apple has also added a toggle to show the address bar at the top of the iPhone rather than the bottom.<\/p>

[…]<\/p>

With the bottom view option toggled on, Safari offers a dedicated toolbar with buttons at the bottom of the interface, which is also an improvement over the prior floating design.<\/p>

Apple has also introduced new setting options to remove the website tinting and to enable a Tab Bar while in landscape mode. There was previously a “Show Color in Tab Bar” accessibility setting, which appears to be the same as the new “Allow Website Tinting” toggle.<\/p><\/blockquote>\n\n

Federico Viticci<\/a>:<\/p>\n

\n

It takes 5 seconds to see that this new Safari design is much better. Instantly clicked with me.<\/p>\n

Bringing back a toolbar allows easier access to controls. More views are using the half-sheet style. Putting the URL bar at the top reverts to the old Safari. All of this is great.<\/p>\n<\/blockquote>\n\n

Joe Cieplinski<\/a>:<\/p>\n

\n

Wow. That…looks like crap.<\/p>\n

Either do a new feature or don’t. I feel like this option to leave everything the way it was is more confusing.<\/p>\n<\/blockquote>\n\n

Ryan Jones<\/a>:<\/p>\n

I’ve been trying to tell y’all that fast tab switching is clearly a design requirement for iOS 15 Safari!<\/p>\n

I like this design – looks at home and works well.<\/p><\/blockquote>\n\n

Matthew Panzarino<\/a>:<\/p>\n

Very strong “fine, whatever” vibes from the new ‘below’ mode. And the new ‘option’ is basically “ i’m sorry I’m sorry I’m trying to remove it”<\/p>\n

I think the way to read this is ‘intermediate step to where we want to go eventually and we’ll see you in iOS 16’. My bet is that the ‘url bar at top’ option stays for years though.<\/p>\n

Hopefully the one lesson learned that sticks though is not to bury high traffic actions under additional layers for very little win aside from aesthetics.<\/p><\/blockquote>\n\n

Nick Heer<\/a>:<\/p>\n

These are incremental changes to a big redesign, and I think they create the most successful iteration yet. Bringing the toolbar to the bottom is undeniably a muscle memory breaker<\/a>, but I think it is worth the cost because it keeps a user’s hands in the same position more often. You can go from scrolling through a webpage to entering a URL without once shuffling the device in your hands.<\/p>\n\n

This new version still has some rough edges. The huge drop shadow around the address bar is a nonstandard effect that confuses me. I guess it is supposed to indicate that the element is floating and interactive, but it creates a kind of blurry grey mess. The drop shadow also visually disconnects the address bar from the page or tab it represents.<\/p>\n<\/blockquote>\n\n

Curtis Herbert<\/a>:<\/p>\n

\n

You can tell this is the mostly final Safari design for iOS because the animations are all polished AF.<\/p>\n<\/blockquote>\n\n

Juli Clover<\/a>:<\/p>\n

Safari Technology Preview release 130 includes bug fixes and performance improvements for Web Inspector, CSS, JavaScript, Media, Web API, and IndexedDB.<\/p><\/blockquote>\n\n

Previously:<\/p>\n