4
votes
Long Horizontal submenu
The solution is a well-designed mega menu with subitems:
Source designmodo.com/create-css3-mega-menu
A real example is the Mailchimp > Resources megamenu with more than 20 submenus:
2
votes
Is it a good practice to display only one tab
Using a single tab is considered very bad practice. It's basically the same as using a single radio button, or a pre-selected disabled dropdown. If there's no choice to be made, don't use a selection ...
2
votes
Segmented control vs toggle switch
Carbon Design System lists this logic for choosing between Toggles and Content Switchers:
For binary actions or choices, such as “yes/no” or “on/off” use a toggle instead of a content switcher. A ...
1
vote
How to display the action button for each tab separately?
The totals on the tabs are important and useful, I think, because they indicate to the user whether there is something to be seen on the tab at all.
Whether you repeat the totals on the table header ...
1
vote
How to display the action button for each tab separately?
There different options, but it is not possible to determine which option is going to be the best for the user without more information and context.
Based on the interface design shown, you can also ...
1
vote
Seeking Help with a UI Pattern for Segment Selection in Analytical System
I would say something like the "UI of Django Admin permissions section" be modified to suit your need would perfectly fit your use case.
Instead of "available permissions" for ...
1
vote
Long Horizontal submenu
This problem may appear even with fewer tabs but in smaller viewports. I think one option which you've shared is a good one. But instead of a dropdown, you can add scroll arrows that may appear on ...
1
vote
Multiple nested tabs alternative?
I've noted that when you have such deep nested hierarchies, most designs switch to a horizontal column system (let's call it that for now).
Something like that.
You can also see this in Google ...
1
vote
Multiple nested tabs alternative?
Interactivity with tabs offers many possibilities, including swapping the labels for titles (and subtitles) when they are active, suppressing the rest of the tabs plus a return icon in each state when ...
1
vote
Accepted
Navigating between steps in a wizard
In the overall I guess would be nice to have validation to occur at three stages: initial validation, after-typing validation, and on-navigation validation so to actually avoid many back and forth.
...
1
vote
Navigating between steps in a wizard
If you expect your user to jump back and forth a bunch, you probably want to always save the input and also validate without blocking.
In other words, if something is missing or incorrect, you can say ...
1
vote
Is it a good practice to display only one tab
This feels like it could obliquely refer to the rule of hiding vs. disabling - if there's a chance something could become active, you show it (disabled), but if there will never be a chance of ...
1
vote
Tabs that can fall back to another tab when the first tab is empty?
I think the lists split up into rows would work. I'm guessing your tabs have names yes, so then the horizontal lists can also reuse those names. Here's an example using google playstores:
1
vote
Quick navigation between courses in an LMS
Solution for desktop. You have a lot of empty space on the right side of the interface. Place your courses in a collapsible container, highlight active (selected) course.
1
vote
Too many tabs - different ui layout?
I see a conceptual problem in the design of the application that, in the case of being a user, I would also be confused about.
First of all, the order of the titles in relation to the content is ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
tabs × 360navigation × 71
usability × 38
gui-design × 33
android × 31
mobile × 27
website-design × 19
forms × 17
ios × 16
buttons × 14
web-app × 14
material-design × 14
accordion × 14
menu × 13
information-architecture × 13
browser × 13
user-expectation × 12
filter × 11
layout × 10
lists × 10
desktop-application × 10
user-behavior × 9
design-patterns × 9
iphone × 9
tables × 8