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
2
votes
2answers
79 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 ...
0
votes
3answers
84 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
62 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
2answers
105 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
85 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
64 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 ...
2
votes
1answer
69 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 ...
2
votes
3answers
176 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
110 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
176 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
132 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
489 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
246 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
240 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
3answers
419 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 ...
2
votes
2answers
86 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 ...
0
votes
1answer
166 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 ...
1
vote
4answers
182 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
212 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 ...
1
vote
2answers
332 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 ...
2
votes
1answer
67 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
1answer
100 views

An alternate approach to Treeview

I have a screen where I get a List of Main items. Inturn, each of these main items will have list of sub items inside them. Now user can select a Main Item or items inside it and then run the report. ...
1
vote
2answers
251 views

Tabs with long labels in constrained space

One of the pages in our enterprise desktop application, (Refer Attached Image) is divided into two sections, the right one occupies 30% of the real estate. Users are overwhelmed with information on ...
2
votes
2answers
411 views

Profile screen when tabs on top

I am making an Android app. When the equivalent of this app on iOS is using bottom tabs, the recommended way to get it onto Android is to use a top tab bar like this: So true to this, I have created ...
0
votes
2answers
234 views

Best practice for responsive vertical side menu

If we have the classical vertical side menu (on the left) for desktop: then, what is the best practice for displaying it responsively, especially when there's quite a few menu buttons? To hint you ...
0
votes
2answers
387 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 ...
1
vote
2answers
141 views

Lengthy forms with scroll (on Web)

Is there any recommended way to tackle very lengthy forms, with long scrolls? I'm talking about web interface. My use case requires the user to fill up a lengthy form for each operation ("operation" ...
1
vote
1answer
884 views

Accordions on iOS, and Android

Back in the day, Accordions for web apps were quite common. We built a Silverlight app, and it has a very Accordion-centric workflow. The content is mainly divided up in to Accordion panels because a) ...
0
votes
1answer
40 views

Dummy tabs functionality that link to another site

I came across an example of having tabs at the very top of the page that links to other urls. However, once you land on the other site, the relevant tab is styled as active. What are the generic ...
1
vote
1answer
27 views

How to Handle Selecting options?

is their any alternative to tab? I'am currently handling a design that requires too many options per tab in a page. so lets say for example:
1
vote
2answers
119 views

Using tags on the products page

I have a question about the products page navigation. At this moment it is sorted in the tabs f.e. vendor, kit, performance etc. When you open the vendors tab there is categorization by the vendors ...
1
vote
0answers
44 views

Use of cards and tiles within the same mobile application

Can I use cards and tiles within the same application? There are two tabs: "Meetings" and "Activities". In "Meetings", all items will have the same elements, so I 'm using tiles. On the other hand, in ...
3
votes
2answers
1k views

Should HTML email links opening a new tab?

I've gotten the request multiple times to make all html email links open a new tab. The reasoning is usually "If someone opens the email in a browser we want the links to open new tab so we don't take ...
1
vote
3answers
129 views

Top Navigation with Profile headache

We have introduced a beta version of our web app 2-3 weeks ago. Although we have not benchmarked it, i feel that something is very wrong here, in the way we present the top nav bar and the profile via ...
0
votes
1answer
86 views

Shifting Parent records from child

In my application, Grand parent and Parent tabs contains grid controls. From my Child tab, i should be able to select desired parent or grand parents records without opening the Grand parent or ...
0
votes
1answer
130 views

Mobile: Is it bad to implement a tab-like system that open different pages?

In a mobile website (m.domain.com), as the page load time could be a number 1 problem, isn't this a bad way to implement? Here "Profile, Claps, Highlights and Responses" tab-like links on Medium ...
1
vote
1answer
41 views

saving paths in a backend

I thought to enlarge my team for a while to understand a possible improvement for a case is going to be a pita. I need to be consistent inside a top-down pattern in which I have these nested content ...
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 ...
3
votes
1answer
602 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 ...
1
vote
3answers
453 views

Should I spread my enterprise application across multiple browser tabs?

I am building an enterprise application using an MVC framework (Laravel). My users are often going to want to open a record, and leave it open so they can come back to it later. These records may ...
2
votes
3answers
601 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
3answers
126 views

How to simultaneously open pages from different places in the hierarchy in the desktop app?

We have a desktop app where user has to enter information on different pages. All pages in the app are placed in a hierarchy. For example: Item 1 Item 1.1 Item 1.2 Item 2 Item 2.1 But you can ...
2
votes
3answers
293 views

Cross reference between tabs, a bad practice?

It is known that in-page links can be confusing, but also are helpful to easily navigate through page content. For tabs, there are some design guidelines too. A good article is this: "Tabs, Used ...
2
votes
1answer
73 views

If a tab has the same name as a card, should the card heading be removed?

I am using material design concept. I have tabs and within each tab are cards with headings and content. Sometimes there are 4+ cards inside each tab, sometimes there is only 1 card. I understand ...
15
votes
5answers
2k views

Three tabs, each containing settings of increasing complexity - what should they be called?

I'm designing a web app. The settings menu consists of 3 tabs. For context, the user make an input, and the app generates an image. The first tab has very basic settings that even the least ...
0
votes
1answer
88 views

Naming convention for Tabs

I am working on a tab UI and my goal is to show the remaining number of a particular entity left. The first image is what I got in the first iteration. I tried a different variation in the second ...
0
votes
1answer
123 views

Combining tab bars iOS

I am creating iOS app that have many sub views and I am wondering what is best approach. In my main screen I have tab bar with options like list of. customers, documents, map, calendar etc. When I go ...
0
votes
2answers
58 views

Have invites and user in tab or side by side

I'm having a bit of trouble deciding which of the two would be better UX practice. Below are two versions: One with user and invite tabs. Another with user and invite information side by side. ...
5
votes
1answer
248 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
4answers
152 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 ...