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
7
votes
3answers
5k views

Best practices for Tabs

What are the maximum levels of tabs we can have in a web application..? I am working on financial application where i have display project information which will need atleast 3-5 levels of tabs to ...
7
votes
4answers
699 views

Having settings in edit mode across multiple tabs - confusing?

I'm trying to make an area where users view/edit the info for their customers less confusing. The current arrangement (which I've inherited) is below. The user clicks an "edit" button and the fields ...
7
votes
4answers
1k views

Should tab move through the contents of a tab container before moving between tabs?

I have a question about tabs (like containers, used to group information together) and tab ordering (used when pressing the tab key to move between elements on a page) in terms of accessibility and ...
7
votes
3answers
2k views

Porting an Iphone app to Android - what are the ActionBar considerations?

we have an iPhone app Design with an designed icon tab bar at the bottom. For adoption to Android I have a few questions: Is there a need to put the tabs to the top? Or is it okay to break with ...
7
votes
2answers
1k views

What is the best way to implement tabs for filtering on a responsive dashboard?

I am developing a web application that tracks Machinery performance in a Factory environment. There is a hierarchical structure to the customer's setup in the form of.... Factory 1 - Production ...
7
votes
2answers
403 views

Guidelines for making the active tab selectable?

I have not been able to find guidelines (let alone user studies backing up the guidelines) specifying best practice for this aspect of tab behavior: when (if ever) should the selected (active) tab be ...
7
votes
1answer
2k views

Responsive web app, bottom tabs for secondary navigation or primary actions?

I'm building a web app that I need to be fully functional for all devices, so I've built it from the ground-up as a mobile-first responsive web app. I already use a hamburger and left nav for main ...
6
votes
5answers
2k views

Best way to show tabs in UI

I'm working on UI where I need to add tabs. Currently I have added tabs all of same size but size of text inside each tab may be differ. Selected tab is shown by different color as shown below: but ...
6
votes
7answers
9k views

Should the middle mouse button close tabs?

Most modern web browsers now close tabs when the middle mouse button is clicked on them, is this an expected behavior for other applications where tabs cans can be opened, closed and changed whilst ...
6
votes
2answers
2k views

Tabbed “wizard”: next vs save?

I'm currently working on designing a setup flow where the user will create a study in 6 steps. I've decided to split the different steps into tabs based on what the user will have to do in them, i.e : ...
6
votes
3answers
473 views

How to make other tabs more noticeable?

We have a dialog that allows the user to choose the "type" of a shape: text, pop up and link. Changing the type also changes the modal's body. Our current design uses an underline to indicate the ...
6
votes
3answers
353 views

Select as title vs. Tabs

I'm trying to decide between using a custom css select as a title versus using tabs on a page I'm working on. The select version is a bit cleaner and it takes up less vertical space, but I'm afraid ...
6
votes
4answers
4k views

Double tab navigation - What are your thoughts on this experience?

UPDATE: I ended up getting rid of the double set of tabs to simplify the experience. You can see the result on the site. I have a UX issue I was hoping you could help with. I'm redesigning our nav ...
6
votes
4answers
809 views

When using a popup or a new page?

I have following situation at work (older Forms application): we have an order entry form, which consists of 3 main tabs: the order header, a confirmation tab and the order detail (lines). I have ...
6
votes
2answers
1k views

How Should Tabbed Content be Loaded?

There are several approaches to loading content inside tabs. For example, Load all content initially, then just manipulate the DOM to show/hide tabs Load only the content of the active tab initially, ...
6
votes
2answers
826 views

What are the requirements from a multi-row tab control in order that users will be able to intuitively tell which tab is active?

In the implementation in Visual Studio 2010's "Tab Well" (a feature of the "Power Tools" extension), pinned tabs can be multi-row, non pinned tabs are in one scrolling row. In Firefox's "Tab Mix Pro" ...
6
votes
6answers
604 views

Designing an expandable UI with plugins

I'm working on a game server, that will allow mods and plugins to be installed. I'm also working on a creation kit, or content management suite (CMS), to aid in the design of various aspects of the ...
6
votes
1answer
191 views

What should we do with external links on a Reddit-like social news site?

Basically, we are working on a site that is similar to Reddit (but not exactly a clone). Users are able to post images, links and text posts (what Reddit calls "self posts") and we believe links will ...
6
votes
2answers
2k views

Filter/Sorting best practice in Material Design?

I'm designing a web application using the Material Design spec. I need to allow users to filter the cards that appear on a tab. From what I understand of Material Design there are quite a few ...
6
votes
1answer
1k views

Android tab tap to top

I was wondering whether it is a habit of scrolling to the top of the list when a tab was tapped. I looked into the Android design guidelines and I couldn't find any information about this. However ...
5
votes
5answers
4k views

Which UI is more user-friendly and effective: Tabs or Collapsible Panels?

Not sure if the collapsible panels have a different name but I have seen them referred to as rollouts. I have used many applications that use one or the other or both, but I am wondering if there are ...
5
votes
3answers
723 views

Products in Tabs - Bad idea?

In a current project I'm trying to make an argument against a 'major feature' of the homepage of an e-commerce site. The so called feature would be the display of featured products with different tags ...
5
votes
3answers
173 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 ...
5
votes
4answers
163 views

How to indicate that an item has been moved to another tab?

We have an app that have 3 tabs: Pending, In Progress, Closed. Now one "issue" will go through all these 3 stages. First it's Pending, then it's it's in Progress, then it's Closed. However, we find ...
5
votes
4answers
789 views

how to make compact UI for lists

I'm making an app with 2 lists in the main screen, and the space allocated for the 2 lists are equal. So there will be only 5 items visible for each list. I'm thinking of an improvement on making ...
5
votes
3answers
354 views

Do 'page corners' work as an alternative to a 2 page tab-control

I need to hint to the user of a second 'page' for a control on an XML Editor. The conventional way to do this with a tabbed page. There are 3 problems with this: My graphics skills aren't up to ...
5
votes
1answer
254 views

Tabs, but no tab selected by default?

I am working on an view that allows you to define a list of matching criteria and then allows you to view various reports. This is what I have till now: Now, you would probably want to ask... if you ...
5
votes
2answers
10k views

Tabs or Accordion (collapsible / expandable) content sections [duplicate]

Possible Duplicate: accordions vs tabs What would the most user friendly experience be to display a the content of a long web page? Display it as collapsible and expandable content sections. Or ...
5
votes
2answers
299 views

Choice Box or Tabs for multiple contents in a view [duplicate]

I am going to display a small view in my application that contains contents to be picked. The contents are sorted in an undetermined quantity of categories. Would it be preferred to sort them in ...
5
votes
1answer
2k views

Alternative to Tabs, Sub Tabs List View with Details (Android)

I'm trying to create an android app with tabs, one of the tabs has a list view that leads to a detail view that has 3 different sections that I have separated with tabs. Application Action Bar Tab 1 ...
5
votes
1answer
325 views

Dynamic added Tabs vs Dynamic added collapsibles

We are creating dynamic multiple steps form where we have dynamically added form fields by the user and we'd like to group these fields under a common title in either tabs or collapsibles for example: ...
5
votes
2answers
267 views

Grouping unrelated settings

I'm setting up some options/settings pages for a wordpress theme. There are a lot of options and I think splitting them up will help navigating the different controls. I'm thinking of splitting the ...
5
votes
2answers
2k views

Nested tabs (vertical within horizontal) alternative

I am working on a component is part of a larger wizard. It is made up of nested tabs (only 2 levels deep). Here is a quick wireframe of the it: The system I am working on is a refresh of an existing ...
5
votes
1answer
266 views

What are the downsides of <input type=“radio”>-based tabs and carousels?

I have seen a lot of examples of usage of <input type="radio"> and <input type="checkbox"> along with some css like input:checked + div.tab-content {display:block;} div.tab-content {...
5
votes
1answer
664 views

What is the best way to display per-tab commands or actions?

I am working on a multiple document interface Windows application. We're using tabs to represent open documents for editing. I have three levels of possible commands: Global Per-tab Per-sub-tab ...
4
votes
4answers
1k views

Tabs at the top AND at the bottom of a page?

In case of several very long pages organized by tabs, is it better to repeat tabs at the bottom or to have a "Go to top" button? download bmml source – Wireframes created with Balsamiq Mockups
4
votes
2answers
3k views

What can be an alternative to tabs in an iphone or android application

What type of a design/design philosophy/gesture can be a good alternative to tabs in an iphone or an android application? Tabs are good and tell the user that there is another category/page/...
4
votes
2answers
598 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 ...
4
votes
3answers
2k views

Main Tabs & Sub tabs colour codes, best practice?

We are developing a webapplication and some of us has gotten into a small argument of how the main tabs and their corresponding sub tabs should be displayed. It's mainly a question of weather the ...
4
votes
2answers
449 views

Element transition between tabs

I'm building an app that in one of its screens has 2 tabs. In each tab there is a list of elements (cards), and i'm wondering : What type of transition between tabs should i use? Is there a ...
4
votes
3answers
939 views

What is a good design choice for two collapsible panels on the left?

Our company UI standards enforce the following overall design: Left hand side of the window contains a menu (what would have been navigational tabs otherwise) Right hand side is the app working area ...
4
votes
2answers
170 views

How to structure a form within a tab?

I'm developing a online clothing store where the user could save their measures of the body in the cloud, so we'd calculate the size of the garment automatically. Then I have a form to do this which ...
4
votes
2answers
311 views

Are actions within buttons easy to use?

There are examples on the web with actions within a clickable area. Does this create an issue with users mistakenly clicking a delete or close button vs the actual area? Examples:
4
votes
2answers
340 views

Insight on Number of Subtabs

Anyone know of usability studies that indicate how to deal with a design that comes your way and has a lot of subtabs? By subtabs I mean tabs within tabs on the same page. So, there might be a row of ...
4
votes
4answers
2k views

iOS Global Tab Bar Navigation - Reset navigation “stack” when switching between tabs?

I have an iOS app that uses a tab bar global navigation scheme (UITabBar), with 4 tabs. Some users are getting confused when they go from Tab A, to Tab B, and then back to Tab A, where they see the ...
4
votes
2answers
242 views

Is it bad UX to switch tabs automatically in an iPhone app?

I'm working on an app that allows users to buy tickets for events, one tab will have an event search and a second will provide a way of getting to the basket (there are others in addition to those). ...
4
votes
4answers
9k views

horizontal vs vertical tabs

I was wondering, in which case are horizontal tabs better, and in which case are vertical tabs better? There is one answer I can already give, but I'd like to see if there are more. Because you ...
4
votes
2answers
321 views

Tab based layout or not?

The app I'm designing initially had a tab based layout in its early stage (Android version). Since working on the iPhone version I've gone with just using ViewControllers to allow the user to navigate ...
4
votes
5answers
2k views

Tabbed Pane : Multi-row style. To jump or not?

Most applications that have tabbed panes use the standard Windows style of dealing with multiple rows of tabs. Ie. if a tab in the back row is clicked then the WHOLE row jumps forward, and the forward ...
4
votes
3answers
206 views

Settings dialog with multiple tabs: same options on two different tabs?

I am designing a settings dialog with multiple tabs for our desktop application. There is a particular (small) group of options that is applicable to two separate tabs in the settings dialog. I ...

1
2
3 4 5
7