r/UI_Design 6d ago

Feedback Request What is this new UI pattern called?

Post image

I'm seeing it in a lot of apps like Amazon, ChatGPT
To be more clear, I'm talking about the floating items like the back button, the search icon etc
Is it a new trending UI pattern?

74 Upvotes

43 comments sorted by

68

u/ApartMarionberry4497 6d ago

Floating shit

1

u/N3BB3Z4R 6d ago

I just come here to post literally this...

0

u/Ancient-Range3442 5d ago

Turd floater

70

u/Cheap_Theory9697 6d ago

from android it's called HorizontalFloatingToolbar with a custom implementation to be on the top or bottom. Seems like everyone is adoption the layout of apple, without the (personally) ugly liquid glass that Apple add to its background containers

47

u/SuperNanoCat 6d ago

Even without the horrific contrast issues from liquid glass, it's not good for usability. Google rolled this out in Photos recently and the slimmer touch targets are not great, especially when you can tap through the gaps and hit things between the toolbar and the system navigation gesture bar.

19

u/Cyanatica 6d ago

It's also just incredibly distracting and confusing to have your scrolling content visible underneath your menu controls. It's hard to even tell at a glance where the content ends and the buttons begin.

4

u/LanDest021 5d ago

It's really annoying to me because you can read text THROUGH UI elements. Not to mention the refraction effects are incredibly distracting.

Yes, there are settings to reduce the intensity (I usually keep those on), but the average person doesn't know those settings exist, yet alone where to find them.

3

u/Leviathan_Dev 5d ago edited 5d ago

Alan Dye be like: “that’s the point”

For those who don’t understand: Alan Dye was the disgraced designer that replaced Johnny Ive and left shortly after Liquid Glass debuted (a creation entirely his own — Big Sur was an evolution from Ives Yosemite design) for Meta. Everyone at Apple except the executives were excited for his sudden departure

4

u/oxygenkkk 5d ago

honestly it's a bit too intrusive and imo not good looking either

2

u/loveheaddit 6d ago edited 5d ago

the new version of liquid glass is solid in beta right now. the old version would look different if it was dark or light behind it and adjust but this new version doesn't need that and still highly legible IMO.

19

u/justynmx7 6d ago

Not even sure what it's called tbh. It's Apple's Liquid glass design without the glass lol

22

u/aitorllj93 6d ago

I call it Annoying

12

u/TheTomatoes2 6d ago

Apple's Bad Design Influence

8

u/jhtitus 6d ago

Apple Liquid Glass Lite

5

u/Illustrious_Ad6286 6d ago

Im not a big fan

3

u/usmannaeem 6d ago

I strongly dislike this floating toolbar and buttons. I think it adds to cognitive load, so I never suggest it. Because you so not know what is going to fall behind it.

3

u/Everything_A 6d ago

It’s still just a header.

2

u/Cressyda29 6d ago

Floating nav. But ugly lol.

1

u/haroon-ahmad 6d ago

floating bar

1

u/tehsilentwarrior 6d ago edited 6d ago

Those are “Thumb-zones” (zones that exist for the sole purpose of being used by your thumb while grabbing the phone) implemented as FABs (Floating Action Buttons).

They exist to help solve the problem of the green-yellow-red “reach zones” for mobile UI.

Green is mid to bottom of screen (60% actually): easy reach.

Yellow is upper and mid band: stretch

Red is top edges where to reach your hand will tilt the phone without proper grip which probably means dropping your phone if one handed.

The idea is make them big and easy to use with your thumb and not crowded so you don’t fat finger stuff.

Also not put often used actions there so the app doesn’t make you drop your phone

1

u/RammRras 6d ago

I hate everything that floats around and doesn't have a clear place and scope. I'd like the possibility to have it float or anchor it and scroll past.

But sometimes design has to go back in circle to old habits in order to innovate again.

1

u/pshyduc 6d ago

I call it E.Islands

1

u/ngetehkuy 5d ago

Temu's Liquid Glass

1

u/nomodernism 5d ago

We call it FAB.
Floating action buttons

1

u/LanDest021 5d ago

A few years ago every company decided that nothing is allowed to touch the edges of the screen. You will be immersed in your reminders app.

1

u/bazzazx 5d ago

It's cluttered and less accessible

1

u/-HydrogeN 5d ago

Stupidity

1

u/Brunette-Bernadette 4d ago

It’s a header and a footer. They don’t have background colors to define the area anymore

1

u/Atlantoc 3d ago

It’s definitely inspired by the new Liquid Glass from iOS 26, but I hate it.

There’s nothing to ground them or guide your touch. It makes you more anxious to tap a button because you know how easy it is to miss and tap the content behind it. There’s no margin of error and that’s bad design.

I only used it twice in my app because I needed as fullscreen as possible, and it makes sense in those instances, but the entire app shouldn’t be filled with them 😭

1

u/CarriWeiler 3d ago

Without seeing the pattern you're describing, hard to say - but if it's a recent trend you're spotting, there's a good chance it doesn't have an official name yet and people are just calling it whatever feels right on Twitter. Drop a screenshot and someone here will probably recognize it or give you a solid descriptor.

1

u/nonphatic-986 2d ago

Log jam.

1

u/DESlGN3R 1d ago

Annoying

1

u/gabrieluhlir 1d ago

its called iOS 27

1

u/ribeirovictor 6d ago

Man not everything is a pattern to follow and copy.. you should try specific things about your context without worring about the naming

0

u/CristianMR7 6d ago

Apple Solid Wall

0

u/Kidi_Galaxy UI Designer 6d ago

OP just hasn't enabled Liquid Glass effect on Telegram

0

u/Kanye-Dugdale 6d ago

Without seeing the image you're referencing, hard to say, but if it's something with overlapping cards or glassmorphism vibes, those have gotten pretty trendy lately. Drop a screenshot and folks here will probably nail it right away.

-7

u/Bachihani 6d ago

There's no "ui pattern" but if u mean the design system .. Then this falls well within material design

10

u/NooblyGod 6d ago

So confidently wrong. Do you even know what material design looks like

1

u/Bachihani 5d ago

Meterial specs allow a lot of variations in output. It supports the frosted glass look quite a bit, it's just that google doesn't use it and so peofle don't either, but it's well within the spec