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
0
votes
0answers
46 views

Icons to use for events vs calendar vs tickets [closed]

Im in a but of a pickle. My mobile app works with events(as in dance festival, concert, etc), buying tickets for such events and also has a calendar functionality to save those. In the user profile, i ...
0
votes
2answers
48 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, ...
1
vote
1answer
91 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 ...
22
votes
7answers
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 ...
27
votes
4answers
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 ...
2
votes
2answers
54 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
1answer
216 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
1answer
108 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
1answer
59 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
1answer
55 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
1answer
81 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
1answer
90 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
1answer
113 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
0answers
36 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
0answers
42 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 ...
2
votes
3answers
226 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
1answer
430 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
3answers
201 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
1answer
48 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
2answers
644 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
1answer
59 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
1answer
38 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
1answer
173 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 ...
3
votes
2answers
430 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
1answer
85 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
4answers
126 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
2answers
193 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
3answers
253 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 ...
0
votes
1answer
79 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 ...
3
votes
2answers
152 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 ...
1
vote
1answer
68 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. ...
0
votes
2answers
191 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 ...
1
vote
1answer
150 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 ...
0
votes
3answers
122 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....
0
votes
1answer
591 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 ...
2
votes
2answers
112 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 ...
-1
votes
2answers
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,...
1
vote
2answers
191 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 ...
1
vote
3answers
352 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', '...
1
vote
2answers
182 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,...
0
votes
0answers
374 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 ...
4
votes
2answers
259 views

Screen with multiple list crud

I have a screen with CRUDs For example: I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...
3
votes
3answers
1k views

Grouping or visually linking multiple rows in tabular data - best practices

I need to help users interact with a (potentially very long) assignment list of healthcare procedures. The list is tabular data that users want to sort in various ways. Since this is healthcare a ...
1
vote
3answers
226 views

Wizard component - current state vs active state

The system is used for executing tests. Each test has to go through a number of stages that include user interaction with the system, meaning that each step also has a dedicated screen. We have in ...
1
vote
2answers
585 views

How to achieve quick navigation, for scrollable horizontal tabs on Android mobile devices

Problem Labels is quite a common feature, in note taking app, for categorizing notes. Most of the note taking app in the markets, will place labels selection in hamburger navigation bar. For ...
1
vote
1answer
161 views

How to improve discoverability of unclicked tab?

This is a two-part question. I'm a designer at a health tech company that helps post-op patients track their rehab progress, and we're currently redesigning the site's timeline, which displays the key ...
0
votes
1answer
1k views

Tabs VS Menu hierarchy . Material design VS informational architecture

There are two levels of menu. Tabs and usual sub menu. The problem is when tabs are under home/manage/analytics menu - it doesn't make sense because hierarchy is actually backwards. Because ...
0
votes
2answers
548 views

Segmented Control for big texts

Do you have an alternative for the segmented controls in iOS? We'll need 4 tabs, medium to big size words, no icons. You can see an example (not real words) in the image below. It's too tight we ...
1
vote
2answers
445 views

Tabs or toggle to switch between contact forms?

I have a 1-pager with the primary objective being to have the (somewhat-qualified) user initiate contact of some sort. IT is for a SUPER, super small business, so a direct phone call would be both ...
2
votes
3answers
1k views

Alternative to multiple rows of tabs

I'm looking for a clean expandable solution to have many tabs (that end up being in multiple rows), but UI is not necessarily my strong suit. I'm planning a rewrite of an old application that is ...

1
2 3 4 5
7