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.

learn more… | top users | synonyms

40
votes
11answers
5k 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 ...
3
votes
2answers
91 views

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

Our company UI stanradrds 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 ...
2
votes
1answer
53 views

How to handle navigation that occurs inside a Tab in iPhone

I'm confused on how to handle navigation inside tabs in iPhone. Questions: Once the post is created, does it belong in the create tab? If it doesn't, how an 'orphan' page should behave in ...
1
vote
1answer
152 views

Do people who are not power users open links in new tabs?

I know there is a lot of similar questions to this stating when you should or shouldn't open links in new tabs. But what I want to understand is if someone who's not a power user will open a link in a ...
0
votes
1answer
112 views

Is top-tab bar anti-single-hand operation?

Some Design such as Android Design suggests that we place the tabs in the top. It will be very cool to swipe to change a tab to another close one. But when it comes to more than Three tabs, it will ...
9
votes
3answers
1k views

Alternative to tabs with long names

For a Windows Forms application I'm looking for a solution to organize forms in a tab group. Problem is that those tabs would be dynamic and have cryptic, short to long labels. Data is land registry ...
1
vote
2answers
105 views

Alternative to Tab View in Dashboard

I'm working on designing a prototype for an internal dashboard, and the customer is very adamant about having a horizontal tabbed view for the information displayed. Each tab will allow the customer ...
2
votes
1answer
45 views

Can Tabs also serve as Page Titles?

I have a full page where there are several Tabs across the top. The content type is a data table in the example but could be anything. Question: Is there a need for an explicit Title if the Tab ...
1
vote
3answers
138 views

Scrolling Tab Bar Mobile app

Scrollable Tab Bar... ...or 'More' button? Which is more user-friendly? I am new to mobile design and don't have a device myself so I could not say which is more used. I'm targeting Android, ...
0
votes
2answers
73 views

Should different pieces of content be sectioned within tabs on a web page?

I'm in the process of designing the layout of content on a product page of an Ecommerce website. Included is information such as product details, specifications, fine print, shipping, returns, etc. ...
1
vote
3answers
57 views

Segmenting tabs without sub-tabs

For a desktop application, I'm trying to design form pages for business objects that can have a dynamic amount of child objects (at least 1). A business object has a "general" form (that covers all ...
2
votes
2answers
97 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 ...
10
votes
1answer
736 views

Should the spacebar activate tabs?

After you have navigated to an un-opened tab, via the use of the tab key, and it has the focus on the webpage: Should the 'spacebar' keyboard key activate that tab and open it (as well as the default ...
0
votes
1answer
41 views

Should you be able to open in-page tabs in a new browser tab and retain the chosen tab state?

Our test team have just raised a query with me about in-page tab content and how that should behave should you choose to right-click and open in a new tab. OK, it's a very fringe case here, but it ...
1
vote
2answers
80 views

Accessible Disabled State

Is there a best practice for disabled/inactive buttons or tabs that meet accessibility color contrast requirements? A greyed out treatment seems to be the most common, however grey on lighter grey ...
2
votes
2answers
145 views

iOS app webviews - how to show the equivalent of multiple tabs on the desktop

I have a website that shows a list of news stories, much like Hacker News. Users can upvote stories, or they can click each headline to be taken to the actual news story on the external website. I ...
2
votes
2answers
193 views

Choosing between Tabs and ActionBar spinner

I need to show group of objects in two ways: in the list and on the map. I can use tabs or action bar spinner. As Android guide says both modes are acceptable (In Android application, when to use View ...
0
votes
1answer
41 views

What do you think of One tab element on a tab menu

I am doing the UX design of a complex system that requires filtering in different pages. The filtering menu is in tabs: time, status, name, place, etc... are all different tabs on the left. I could ...
1
vote
2answers
114 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 : ...
0
votes
1answer
89 views

Android app — admob and actionbar

What are the considerations in arranging things in an Android app when you want to have both Admob and an ActionBar (with lots of tabs)? In particular, would it feel strange to have the ads directly ...
1
vote
1answer
175 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 ...
0
votes
1answer
312 views

Android back button and tabs

In a recent presentation from a Google employee (Navigation anti-patterns), it states pretty directly that it's bad practice to navigate tabs using the back button (see this slide - ...
3
votes
4answers
383 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 ...
2
votes
2answers
79 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 ...
0
votes
2answers
82 views

How to present a huge list that support searching and scrolling in a fast way?

We are using jQuery UI Tabs to display 2 tabs with huge data; each tabs contain more than 8,000 drugs. The tab switching is currently extremely slow, it takes 4 to 5 seconds (on Chrome, IE) and 2-3 ...
3
votes
1answer
167 views

Tabbed (swipable) AND drop-downs mobile UX

I'm no UX expert but I've been tasked with reviewing our current design structure vs a proposed one for our mobile site. I've mocked something up in Balsamiq that utilises a horizontal tabbed ...
1
vote
3answers
96 views

Is there any difference between switcher and tabs when you have only two options?

I wonder if there is any difference between tabs and a switcher when you have only two options to choose from. Switcher is slightly different from tabs. I think that switcher is a better solution, ...
0
votes
0answers
4 views

is it right way to open social network pages at same tab [duplicate]

As per usability which sounds more user friendly, Imagine a footer of our website have social network icons(like fb,twitter,google plus ,etc) ,what is the best way to show it to end user is it ...
1
vote
2answers
246 views

Tab index of pages

I am creating a website with lots of form fields and was don't know where things should sit regarding the tab index of the page. As you would expect, the log in fields at the top of the page have a ...
1
vote
1answer
275 views

Are editable grids and split pages with tabs bad web UX?

I'm rebuilding an Win Forms application that handles a lot of product data. I'm building the new application as a Web App with angularjs. The UI of the existing app has a ton of editable grids and ...
0
votes
1answer
56 views

How to handle many data related to the user(profile)?

I want to create profiles for employees which hold all their personal data; general data, vacations, salary details, etc... All in all it's about 30 categories. I have tried to create a different tab ...
0
votes
2answers
1k views

How to combine tab bars and navigation controllers?

I'm working on an iPhone app for musicians. It allows you to import songs from several sources, select one and do different things with it, like display its lyrics, control playback and other things. ...
5
votes
4answers
137 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 ...
2
votes
1answer
67 views

What are tabs used for and what's the difference with Ribbons

I was designing an interface which was a popup showing a document (pdf) and right below its metadata (user who scanned it, doc name, doc-relative metadata, etc). Since I was tasked to make an Editor ...
0
votes
1answer
1k views

Swipe between tab panels

Should an iOS app employ swipe gesture to move between 5 main panels docked at the bottom? Fb messenger, whatsapp, quora and twitter don't have this feature but I have shown my application to 3 ...
3
votes
5answers
714 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 ...
1
vote
1answer
45 views

How to select a tab first to reveal the details?

Scenario: A customer calls in to a store and places three separate orders using a single account/number. Now he wants to cancel two of them and calls in the store. The store owner picks up and to ...
2
votes
1answer
231 views

Are there any examples of changing a tab bar's items within a mobile app?

In other words, when transitioning from one view to the next having the menu items on a tab bar change. I know this is common within the top navigation bar but how about on the bottom?
1
vote
2answers
217 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:
6
votes
4answers
226 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 ...
0
votes
2answers
81 views

Tab model on a mobile device

I am in the process of exploring options to organize information in a page viewed on a mobile device. I am curios to know if there are any potential problems in using a tab model to organize ...
2
votes
2answers
94 views

How to collectively refer to Followers and Following?

In an application I’m working on we have a user profile which has currently two tabs — Followers and Following. This lists the people that are following the user and list of people that the user is ...
0
votes
1answer
181 views

Android UX: Smart to use consistent design pattern?

I'm developing an app for Android and was wondering on a basic design decision. I have three screens. Two of these use the sliding layer design pattern: However, the main menu screen uses a ...
7
votes
2answers
521 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 ...
0
votes
2answers
2k views

Tab Bar Within Navigation Controller in iOS App

It seems that placing a tab bar within a navigation controller is a bit unkosher and maybe a bad idea in most cases. But I am still considering doing it my app might be a special case. I am putting ...
7
votes
4answers
983 views

Which one is better in our case if MDI is considered bad?

We are developing a financial reporting system, which is able to display many, I mean MANY, different reports from different angles. For example, the reports for position, deal, market risk, for ...
1
vote
2answers
248 views

Omitting pop-up based navigation

I'm currently working on an Android app designed like this: download bmml source – Wireframes created with Balsamiq Mockups I have a ActionBar containing tabs that represent different ...
0
votes
1answer
52 views

Replacing number-limited tab-navigation in application

I've got a small desktop application which features a tab-view to show all plugins which the user can use. This is the desktop app right now: In the next version I will include a plugin API so the ...
4
votes
1answer
145 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: ...
1
vote
4answers
601 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 ...