Questions tagged [tabs]
a tab widget presents one out of a number of same sized panels to interact with. Which panel is presented is chosen from a list along one edge.
360
questions
1
vote
2
answers
57
views
How to display the action button for each tab separately?
I have tabs where I separate data and where it is possible to create a new entity.
For example, I have three tabs: Items, Users and Attachments. User can create new item, user and add a new attachment....
2
votes
1
answer
56
views
Seeking Help with a UI Pattern for Segment Selection in Analytical System
My team and I are currently working on developing an analytical system that employs a segment-based filtering mechanism. In essence, this system shares similarities with Google Analytics, where ...
2
votes
2
answers
1k
views
Long Horizontal submenu
So there is a challenge, lets say we have a selection and sub-selection, when few items in sub-selection menu it looks great(image 1), but problem occurs when many ( image 2 )
I drafted solution in ...
0
votes
1
answer
100
views
Segmented control vs toggle switch
We have a dashboard that allows a user to see all jobs belonging to their firm. These jobs are split into two tabs:
Upcoming jobs
Requested jobs (but haven't been yet been confirmed by us. Once it's ...
0
votes
1
answer
105
views
Tabs with status
I have this kind of Tabs in my design, however I have to integrate count of the items (which I did with just a circle and number inside), and I need Status like thing since one of those tabs (in my ...
0
votes
2
answers
191
views
Multiple nested tabs alternative?
I am working on a web app for ipad and the app has nested architecture. As you see in the image we have like 3 levels of nested tab. The level 1 header has items on right side which I haven't shown ...
0
votes
3
answers
130
views
Navigating between steps in a wizard
I have searched for what feels like hours for an answer to this, or research to support a direction.
We are using a wizard for customer creation. Currently the user can navigate between steps using '...
1
vote
3
answers
135
views
Is it a good practice to display only one tab
Working on an experience where there are multiple tabs that have forms in them, but they show up only if a user has selected to fill them. There is one form and thus tab by default. Is it a good ...
0
votes
1
answer
38
views
Tabs that can fall back to another tab when the first tab is empty?
Conceptually, I have 2 tabs that act as filters for an infinitely scrollable list. There's a local tab and a global tab. The local tab can be empty pretty often. I'd like to fall back to the global ...
0
votes
3
answers
298
views
How to display a lots of tabs in an webpage?
I'm working for an enterprise application for the screen to create invoice from Delivery Notes. Users can add a few or a lot of Delivery Notes in the invoice form. Each delivery note add a tab in the ...
0
votes
2
answers
67
views
Quick navigation between courses in an LMS
I have a webapp LMS whose workflow, for students and teachers alike, goes like this:
the home page has a list of cards representing the courses available, with a button to enter the course. When ...
1
vote
1
answer
412
views
Too many tabs - different ui layout?
I'm designing a website and I have a problem with too many tabs. The website has information on 18 different box diets (each has its own price list). On the price list subpage, I want to show a price ...
0
votes
1
answer
54
views
msedge - get feedback for horizontal tab groups
Vertical tabs in browser edge
Currently microsoft-edge has vertical tabs
Proposal for horizontal tabs
I would love to have the groups as normal horizontal tabs. Each Group would render one tab. ...
0
votes
1
answer
211
views
Best practice for tab contents in a web application
I am designing a web application that one of its interfaces includes a two tabs interface, if the first tab is selected then one input (a div containing tags) are shown above the tabs and if the ...
1
vote
2
answers
108
views
Should a tab selection persist after refresh?
We're currently using MUI tabs.
If a user selects ITEM TWO in this example, is the expectation to persist this tab after the user refreshes the page? Or should it default back to ITEM ONE?
0
votes
1
answer
69
views
How do I design a state machine?
I am trying to design a data catalogue page that shows the state of the data (draft, pending publish, published, pending archive, archived).
When users add their data to the catalogue via a form, they ...
0
votes
1
answer
128
views
How is the first 'page' of a tabbed layout represented on a sitemap?
I understand that tabbed navigation is a lateral pattern, but I'm unclear on how this is represented on a sitemap? Is the first tab visualized as a parent screen to the adjacent tabs because it is ...
8
votes
5
answers
4k
views
How to make important unhighlighted tab more visible without conflicting with current layout and color scheme?
An email is sent out to users informing that the reviewers' comments for talk proposals are now available. The top of the page (with identifiable information blocked out) is shown below.
Next to the ...
1
vote
1
answer
43
views
Should a CRUD table mix user tasks?
Let's suppose our user has two primary tasks. Task 1 is to review all of today's apples, and task 2 is to turn the apples into applesauce.
She is used to using an Apple Review Queue to review each of ...
0
votes
3
answers
1k
views
Navigational alternative to tabs
In our very specific use case for a certain audience, users can set settings though interactive graphs. These graphs have a set name and a number. There could be as many as 10 graphs. For reasons ...
2
votes
3
answers
459
views
Expand details of a table in accordion or a new tab?
I have a table with a list of companies (only the most important properties):
There is more data for each company, including another list of Licenses.
To expand that company details, should I use:
...
0
votes
2
answers
82
views
Combining a variable size scrollable list, a fixed size scrollable form and a small fixed size non-scrollable form
I'm trying to design a desktop app and I have an Entity that has three "sections" for its settings/parameters:
a short section of 5 fields (text fields, checkboxes...) - probably doesn't ...
1
vote
4
answers
553
views
Modal with horizontal tabs, each tab has different content size
I have a modal, which has horizontal tabs at the top of it.
Below the tabs is the tab content.
Each content has different height.
Without properly handling it - the modal size will have to change, ...
0
votes
2
answers
207
views
Required fields on tabs
Scenario: There are four tabs on a webpage. Each tab contains a webform. Some of the fields are required.
If a user doesn't complete a required field on tab two, and clicks tab four without saving, ...
2
votes
1
answer
407
views
Collapsible sidebar vs horizontal tabs
Our application is currently using tabs for its sub-navigation. The problem is, on some pages, there are more than 6 tabs; some of its labels are long, so we have had to shorten them.
One idea I have ...
23
votes
7
answers
7k
views
Should my webapp's tabs use browser tabs or an in-page tab?
I'm currently working on a web application where the pages will open in different tabs. And I'm curious which UX is better:
A) tabs that open directly on the application page
B) tabs that open as ...
27
votes
4
answers
5k
views
Mandatory tabs-an unusual pattern?
Sorry if this sounds silly, but have you all ever faced a scenario where one of the tabs needed to be mandatory (picture below), and the user can't submit the form without addressing that particular ...
4
votes
2
answers
813
views
Do horizontally scrolling tabs on mobile have issues with long labels
Designing tab navigation for a mobile app feature, and some of the labels are going to be quite lengthy. I'm curious if this would cause usability issues for users who might not know that you can ...
3
votes
1
answer
1k
views
Progress Steppers (Progress Bars) vs Tabs
I'm currently designing an intranet application for my client.
About the application:
Users are required to fill in large amount of data (about 20-30 fields, depending). For example, creating a new ...
2
votes
1
answer
271
views
How can I simplify this highly nested data structure?
I have this data structure
Category 1
Sub Category 1
Medium 1
Language 1
Language 2
Medium 2
Language 1
Language ...
2
votes
1
answer
91
views
Existence of filter bar, if data is not filterable
There is a page, displaying various information referring to one product. Information is divided into tabs - and within the tabs, user can filter data - but not always. Some tabs contain information ...
1
vote
1
answer
63
views
Pattern for infrequently used UI in desktop application
I have a desktop application where the user will paste some text into a textbox located within the tab that is initially displayed to the user.
The CONVERT button will become enabled when text is ...
3
votes
1
answer
89
views
Stuck on handling common scroll gestures
I have a screen where users can switch between tabs via swiping back and forth. In each tab, it has a list of items. Recently I implemented a gesture handler for that list (so list can have more ...
2
votes
1
answer
152
views
Mobile UX: Open full page overlay by clicking on a tab
I am creating a mobile UX in which the user presses on a tab in order to capture a 3D view of an object. Clicking on the tab opens an image capture overlay straightaway. The other 2 tabs as shown in ...
3
votes
1
answer
325
views
Should we animate tab switching?
I opened up a feature request for Windows Terminal to talk about adding some form of animation when doing tab switching between fields. The most common pattern is to make the transition instant.
...
0
votes
0
answers
60
views
Clickable KPI tabs that update the filters
In a system, I am working on I want to create a KPI which is also a tab, like in the image from google analytics and I want it to affect the filters as well:
Do you know any reference that behaves ...
0
votes
0
answers
83
views
Desktop Application Multiple Level Navigations on the page!
I am having 2 options as mock-ups wherein i am here to collect your opinion on the same.
The user will be clicking the global menu and he will land on the listing page. If the user needs to check the ...
3
votes
3
answers
697
views
Multiple tabs vs multiple menu items
I am in the process of designing a new settings part for a section of our Saas. With my non-ux team, we are discussing wheter we should change the overall navigation of this section by removing the ...
1
vote
1
answer
880
views
Vertical tabs to horizontal tabs [closed]
Is there any comment or best practice to use the below case
I have a vertical tab of material design used in desktop version of a website portal. It is a Resposive web and when the viewport size is ...
5
votes
3
answers
284
views
Live/interactive elements in browser tab bars
I saw another interesting example of an interactive/live UI element in browser tab bars recently, this time it is a %scrolled value for a page.
A very popular and common example I have seen ...
2
votes
1
answer
73
views
Best possible way to display 6 tabs with first 3 as mandatory steps and rest activated after completion of first 3?
We are revamping the attached page.We are using Angular Material framework.Requirement are as follows :
1. User needs to fill form in first three tab as mandate like a wizard or stepper. (Expected ...
4
votes
2
answers
699
views
UX improvements for tabs with access control
Let's say a tab menu like the example below was used.
https://www.w3schools.com/howto/howto_js_tab_header.asp
Each tab has access control. Some users can see all the tabs, some users can only see ...
0
votes
2
answers
528
views
Sticky tab menu that actually scrolls the page vertically?
Not sure if the title is clear enough but i'm looking for examples and thoughts on this type of components. I looked through some single page websites but couldn't find what I was looking for right ...
2
votes
1
answer
52
views
Strategies for temporary highlighting a tab
I was wondering what strategies can be used to temporarily highlight a tab. With temporarily I mean change its appearance for a week or month or so to notify that something on that tab has changed.
...
3
votes
1
answer
460
views
Mobile card carousel navigation
Background
We are currently using a standard mobile pattern to showcase 3 cards where users can compare different plans.
Problem
The cards are very text heavy and contain alot of content below the ...
4
votes
3
answers
1k
views
Place search above all tabs, or inside of tabs?
I've been working on a web app for the past four months. On the product page, a couple of the categories have tabs for pending, in-progress, and approved products.
There is a search bar, and my ...
2
votes
1
answer
100
views
Need feedback on displaying tabs with icons
We're building a GIS application for the Police Department.
I have a widget called "Camera" and in that widget, we've added multiple camera locations as per their geo-ids.
The camera widget ...
3
votes
4
answers
131
views
Best location for current file title
This is an enterprise web application. It has a workspace in which a file can have multiple tabs. The user opens the file, then creates as many tabs as they want (up to some reasonable limit) to ...
5
votes
2
answers
455
views
Mobile UX - Using tabs and bottom navigation
I am trying to find information regarding using tabs when combined with a bottom nav bar. The benefit of the bottom nav bar is that it allows the user to quickly switch between different sections of ...
1
vote
3
answers
337
views
What's an alternative to handle unknown number of tabs in a dashboard?
I have multiple tabs on a dashboard where it will navigate to different sections. Once it reaches the maximum number of tabs on a row it will come down to another row. The number of tabs is not ...