正在加载视频...

视频加载失败

A new design pattern that's popping up: tab + dropdown Navigational tabs mixed with complex dropdown behaviour, mimicking a mega menu! Our apps are getting so complex that we're bending traditional simplicity rules Alternatives may include: DropTab PillDrop MegaTab PopTab

58,444 次观看 • 3 个月前 •via X (Twitter)

35 条评论

Thomas 的头像
Thomas3 个月前

are we rediscovering context menus now

luis. 的头像
luis.3 个月前

It’s a whole new world out there

luis. 的头像
luis.3 个月前

Is that also a tab?

Kshitij 的头像
Kshitij3 个月前

so good its now featured on aiverse

luis. 的头像
luis.3 个月前

Could you credit the videos?

Kshitij 的头像
Kshitij3 个月前

oh yeah we always do. missed out on adding your handle. done!

Luke 的头像
Luke3 个月前

💪 MEGATAB™ 💪

luis. 的头像
luis.3 个月前

What I'm really looking for is a dialog inside a tab

Clayo 的头像
Clayo3 个月前

Brother.. it's a menu

Karl 的头像
Karl3 个月前

Just don’t DropPills

Raghav Agrawal 的头像
Raghav Agrawal3 个月前

A better interface pattern is using command pallete inline calls like in vscode to turn the prompt box into an IDE

Deckard 的头像
Deckard3 个月前

Yeah, this is smooooth

Munawar Shah 的头像
Munawar Shah3 个月前

This is why google won. None of that, no possibility of "holding it wrong", "you didn't do a deep research", "you didnt prompt it right". No way to mess up a google search

TheMiddleMan1980s 的头像
TheMiddleMan1980s3 个月前

This what happens where devs think they can do UX and design.

akhil 的头像
akhil3 个月前

@bradkowalk @magicX_ai

Vinícius 的头像
Vinícius3 个月前

How it used to be

Stefanos 的头像
Stefanos3 个月前

It will stay for 3mo and go away or redesigned once the usage data come in and show what’s mostly used.

Taylor 的头像
Taylor3 个月前

At first glance it looks like the dropdown would benefit from a larger tappable area for mobile screens.

Abhishek Agarwal 🎨🖱️ 的头像
Abhishek Agarwal 🎨🖱️3 个月前

I completely changed the approached by putting the conversation on a horizontal scroll where each column is a prompt/response pair and that meaningfully gives the prompt box a whole column to properly lay out all sorts of elements like plugins, bots, files, etc. DM for access!

Nick Punt 📚 的头像
Nick Punt 📚3 个月前

Nice, these go well together

Chetan Ankola 的头像
Chetan Ankola3 个月前

interesting love it

Sebastian Buzdugan 的头像
Sebastian Buzdugan3 个月前

seen keyboard navigation break first when tab state and menu state disagree

LottieFiles 的头像
LottieFiles3 个月前

True, this pattern's been everywhere lately. Curious, do you think this pattern holds up on mobile too?

luis. 的头像
luis.3 个月前

It feels like a lot of taps 🤔

AkinAyo | UI/UX Designer 的头像
AkinAyo | UI/UX Designer3 个月前

Love this

Vinícius 的头像
Vinícius3 个月前

The attention to detail regarding the "Computer" drop-down menu is fantastic

edwin 的头像
edwin3 个月前

I think these are technically popovers but I’m team MEGATAB

Yash Solanki 的头像
Yash Solanki3 个月前

that seem very useful but also it's confusing to use it this way, not used to it yet

hārmañ 的头像
hārmañ3 个月前

This pattern already existed few years back, I saw one in a japanese dashboard around 2022.

Dhruv Kumar 的头像
Dhruv Kumar3 个月前

PillDrop and MegaTab sound like frontend packages that will be abandoned by next Tuesday.

Drew 的头像
Drew3 个月前

I've always called that a split button.

Timmytimtim 的头像
Timmytimtim3 个月前

I design many of the complicated menus for workday, especially with keyboard accessibility in mind. Hit me up if you want to talk ☺️

luis. 的头像
luis.3 个月前

As in Workday, Workday?

Henry Daggett 的头像
Henry Daggett3 个月前

Poptart?

Kushi Subrahmanya 的头像
Kushi Subrahmanya3 个月前

I love this idea. Its so organized and compact.

相关视频