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
2answers
299 views

Navigating a double top bar

I've ran into a UX problem in a site I'm designing. I feel like there's an obvious solution but I'm having trouble finding it. I have a site that has a global sticky bar. In the middle of the site, I ...
2
votes
1answer
118 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 ...
1
vote
3answers
199 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 ...
1
vote
2answers
289 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 ...
0
votes
1answer
46 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 ...
2
votes
2answers
117 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 ...
0
votes
0answers
35 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. ...
1
vote
2answers
100 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
2answers
65 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 ...
3
votes
3answers
378 views

Real estate for “What is this” help text?

The web application I work has "What is this?" for most of the pages. Currently we place them at the top right corner. Tab occupies only 70% of available space and help text occupies 30% and the ...
1
vote
2answers
151 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', '...
3
votes
1answer
646 views

Android TabStrip navigation alternative on iOS

I am in the process of porting my material design Android app into a native iOS app with Swift. The two apps are very similarly navigated, and share many design features (a mashup of iOS design and ...
2
votes
3answers
717 views

How does swipe to delete work when using tabs?

I'm designing an android application with multiple tabs for viewing different lists. In one of the tabs, the items of the list can be removed; maybe using swipe to delete option, but the problem is ...
1
vote
1answer
84 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
88 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
141 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 ...
19
votes
2answers
1k views

Senior Usability and Navigation

Does anyone have any current resources for senior usability? I'm specifically researching navigation: tabs and accordions. The Jacob Nielsen site has a report that's over a decade old. I'm looking for ...
8
votes
3answers
660 views

Do good UX guidelines exist against little JS windows inside the browser

I encounter a lot of web applications that essentially implement a small windowing system inside the browser. On you web page there exist a number of little boxes that look like windows, which can be ...
2
votes
2answers
107 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
3answers
360 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,...
3
votes
5answers
4k views

Manage long tab list menu in responsive

I'm actually working on an interface with a long tabs list menu (seven tabs. It's not so long in english, but in German version it begans to be complicated. It works perfectly in HD desktop but in ...
4
votes
2answers
765 views

Dynamic tabs or dropdown list for the same view but different data

I have the following scenario and I'm not sure what is the best UX I'm working on an android app where the user is a parent and they are viewing some data for their children (i.e. it's the same view ...
2
votes
2answers
449 views

iPhone to Android - Sections & SubSections navigation

I'm helping porting an iPhone design to Android. My background is Android developer, so I'm trying to create the best possible experience for Android users, but I'm not a designer. The first problem ...
1
vote
2answers
84 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 ...
6
votes
3answers
343 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 ...
0
votes
0answers
139 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 ...
23
votes
3answers
19k views

Android UX - When to use Bottom navigation and when to use Tabs

I look at Material Navigation pattern on material.google.com It shows that android officially has Bottom navigation for Android UI Before March 2016 Android seriously put the page switch on top tabs ...
5
votes
8answers
8k 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 ...
1
vote
1answer
136 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 ...
2
votes
3answers
407 views

Active tab state

I found myself confused today using the Adobe Reader Android application when navigating it's tab interface. I wasn't sure which tab was active becuase the active tab state was recessed and dimmed, ...
11
votes
2answers
12k views

Android UX - when to use Tabs and when to use Navigation Drawer?

I'm looking for guidelines regarding when to use Tabs vs. when to use a Navigation Drawer(sidebar). For example, as of these days, Facebook and Dropbox, which are extremely popular (+100M users), use ...
2
votes
3answers
295 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
141 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 ...
0
votes
1answer
644 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 ...
1
vote
2answers
230 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 ...
2
votes
5answers
5k views

Toggle Buttons vs Tabs

What are the problems with using toggle buttons instead of of tabs? I have a design where action buttons and tabs share the same row. I have 1 row with action buttons in it. In this same row I will ...
1
vote
4answers
199 views

Why tabs belong to “search” section rather than to “content” section in Google?

What is the rationale behind keeping tabs visually connected with the search section rather with the results here? I've also seen this pattern in accordions. I would understand if selected options ...
0
votes
2answers
355 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 ...
0
votes
3answers
575 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 ...
4
votes
3answers
875 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 ...
9
votes
3answers
2k views

Breadcrumb or tabbed form or best of both?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and our users have been ...
2
votes
2answers
97 views

Ideas for placing tab-specific actions

I've got the following tabbed interface Each tab is a scrollable list of items that can be marked as checked or not. You can click on the blue button on the top right to add a new item to the ...
7
votes
6answers
354 views

Should tabs changes in a web app be part of the browser history?

I've implemented a JavaScript plugin that tracks tab changes in through the browser history. Here's a brief overview of how it works: Once tab is clicked, the URL hashtag (the part that looks like #...
6
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 ...
43
votes
11answers
7k views

Which way do arrows point on a tabbed web page?

Which way are arrows supposed to point on a tabbed web page? Towards the selection or towards the body of the selection? An awkward scenario seems to arise when a user selects another item and the ...
0
votes
1answer
219 views

Tabs in Accordion

I have a card with an accordion with 2 related but separate functions. I'm cautious about a design pattern that puts Tabs in Accordion to seperate this functionality. Firstly its not something you ...
0
votes
2answers
459 views

How to group a long list of items on 1 mobile app page?

One of the applications I work on is required to display a long list of items. The list page must display a list of line item labels and their corresponding values. The user can select some of the ...
2
votes
1answer
72 views

Radio buttons and subordinate options

I often come across the situation where the user must make a high-level choice using radio buttons or dropdown, and - depending on that choice - different sets of subordinate options are presented. ...
1
vote
2answers
412 views

How to handle many tabs [duplicate]

If we try to create a page which contains tons of data about each employee. These data are categorized in tabs and every tab opens nested tabs! The tabs appearance looks overwhelming especially after ...