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.

Filter by
Sorted by
Tagged with
1 vote
2 answers
33 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?
user avatar
  • 1,062
0 votes
1 answer
44 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 ...
user avatar
0 votes
1 answer
42 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 ...
user avatar
  • 13
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 ...
user avatar
  • 193
0 votes
1 answer
27 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 ...
user avatar
  • 8,769
0 votes
3 answers
99 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 ...
user avatar
0 votes
0 answers
30 views

A good UX for optionally overriding settings

I have an application where the user is able to configure different settings when holding a key down, as opposed to when clicking on that key. My current UI is as follows: As you can see, the ...
user avatar
1 vote
3 answers
72 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: ...
user avatar
0 votes
2 answers
52 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 ...
user avatar
1 vote
4 answers
142 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, ...
user avatar
0 votes
2 answers
72 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, ...
user avatar
  • 8,769
1 vote
1 answer
171 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 ...
user avatar
  • 1,062
23 votes
7 answers
5k 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 ...
user avatar
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 ...
user avatar
4 votes
2 answers
202 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 ...
user avatar
  • 10.5k
3 votes
1 answer
515 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 ...
user avatar
2 votes
1 answer
158 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 ...
user avatar
2 votes
1 answer
70 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 ...
user avatar
  • 494
1 vote
1 answer
58 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 ...
user avatar
  • 113
3 votes
1 answer
87 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 ...
user avatar
2 votes
1 answer
113 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 ...
user avatar
3 votes
1 answer
176 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. ...
user avatar
0 votes
0 answers
42 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 ...
user avatar
  • 1,000
0 votes
0 answers
44 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 ...
user avatar
2 votes
3 answers
364 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 ...
user avatar
  • 175
1 vote
1 answer
564 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 ...
user avatar
5 votes
3 answers
227 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 ...
user avatar
  • 25.3k
2 votes
1 answer
51 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 ...
user avatar
  • 43
4 votes
2 answers
657 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 ...
user avatar
0 votes
1 answer
165 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 ...
user avatar
  • 75
2 votes
1 answer
40 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. ...
user avatar
  • 123
3 votes
1 answer
260 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 ...
user avatar
  • 31
3 votes
2 answers
678 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 ...
user avatar
2 votes
1 answer
89 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 ...
user avatar
3 votes
4 answers
127 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 ...
user avatar
  • 1,326
5 votes
2 answers
229 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 ...
user avatar
1 vote
3 answers
270 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 ...
user avatar
  • 21
0 votes
1 answer
100 views

Can two tabs have different CTAs?

we have this case where we have two tabs and under one , we have option to show save and cancel and not in other. If I use save cancel for second tab too, then view number 3 looks absurd with two ctas ...
user avatar
3 votes
2 answers
287 views

Any alternative to Carousal Tabs for mobile?

I am designing a mobile application for enterprise , so for desktop view we are using tabs as you can see in the image below. I want to design the same for mobile, so if we use carousal tab navigation ...
user avatar
1 vote
1 answer
74 views

Comparison table for subelements

Can you please help me determine which comparison design is better for UX? I have documents with elements. Every element has 5 attributes. I need to compare those attributes across 3 to 5 documents. ...
user avatar
0 votes
2 answers
296 views

Two tabs on the same page?

In a page we're designing, we have an issue of there being two tabs (closely positioned) and I wanted some suggestions for alternatives. Essentially in this page, we have a main tab that serves the ...
user avatar
1 vote
1 answer
187 views

Multi-Tabs - how to handle invalid fields on non active tab with save for all tabs?

I have a page with tabs. The Save Data will save data for all tabs. It is possible that some tabs will have input fields that will be invalid when they hit save. How would I go about handling ...
user avatar
  • 255
0 votes
3 answers
147 views

Tab content is only a single link

One page of my website has several different related tabs. One of those tabs, however, only will contain a single link to an external site, which makes the page seem very empty when that tab is active....
user avatar
  • 425
0 votes
1 answer
673 views

Why does Tinder/Bumble put navigation at the top? [closed]

I noticed on the two most popular dating apps, Tinder and Bumble, they made the decision to put tab-like navigation at the top of the screen. Admittedly this is a stretch to reach, and I've always ...
user avatar
  • 223
2 votes
2 answers
116 views

2 selection buttons 1 preferred but with different input types

I have 2 login forms in the same page: login with username&password, login with emailaddress&password. I separated forms with tabs but 1 of the login forms is always selected as default ...
user avatar
  • 121
-1 votes
2 answers
2k views

How to display multi level multiple tab or options in UI?

For my project, i am having the following need. We have folder tree kind of options in Left side ( say it as folder ) Each folder has its own multiple options ( say it as 'opt1,2 etc' ) Each opt1,2,...
user avatar
1 vote
2 answers
232 views

Use tabs or just present all the content out in an accordion?

For a design project, we are deciding whether using a tab within the accordion or just lay out the data with subtitles within the accordion will best help categorize the content for the user. What do ...
user avatar
  • 339
1 vote
3 answers
469 views

Using a select for navigation instead of tabs?

Is a select box appropriate to control navigation on a page? For user profiles, I'm considering putting a select box in the header to change views, so a user can select from 'About', 'Calendar', '...
user avatar
1 vote
2 answers
207 views

Filled tabs design in Android

I need to make a tab section in my app, it will only have two tabs. Exploring several solutions from other applications, I came with this (among others): However, it seems to be more of an iOS design,...
user avatar
0 votes
0 answers
442 views

Improving CRUD operations on list UI

Thus far, our pages for operations to be done on a collection of things (tasks, pricing groups, permission groups, ...) have this general structure: If the things getting modified in bulk have "only ...
user avatar

1
2 3 4 5
7