New answers tagged

0

Is this question for a website, or an app? If it's an app, you have multiple options: Android As one of the other answers already suggested, a navigation drawer is suited for a big range of categories. You also have the possibility of using scrollable tabs. But these can make it hard for the user to maintain a mental model of the possible ...


0

Is this top-level navigation, or navigation within a certain section of your app? For top-level navigation, a navigation drawer ("hamburger menu") makes sense if you have more than 4 sections (in your case), or standard tabs if you have 4 or fewer. If it's navigation within a part of your app, I'd recommend having an additional navigation page leading to ...


0

Keeping in mind that tabs are really only useful if you don't have too many categories, and that the labels for the tabs are not going to be too long, you have at least one or two different options on mobile (also depending on if you are going for a native app or web application look & feel): Button group / Button toolbar from Bootstrap (which is ...


0

I would suggest two things: Trust your users, and continuously run user testing to see what users truly do with your application. Different from other responses, I would suggest following what YOUR users do. Google's very first guideline is "focus on the user and all else will follow". Google's guideline regarding the back button is what they hope the ...


0

Something might be wrong with your navigation, something might be wrong with your test, or this really is a true usability problem with Android guidelines. I'm curious as to the nature of your testing -- if, for example, you instructed users to "go back to the first tab", the phrase "go back" might have prompted them to use the back button which they might ...


1

Apple's "iOS Human Interface Guidelines" (not really a rulebook, but a good reference for what's ok in iOS) suggest, you should consider 5 or less segments (that control you refer to is called "Segmented Controls"), so using 4 shouldn't be something out of the ordinary. Just remeber that with fewer choices, the usability is better.


1

Old iPhone interface guidelines set the minimum touch target size at 44 pixels, or about 7mm on the 320x480 screens. But most interface guidelines nowadays state a minimum of 9x9 mm, or 7x7 with 1mm whitespace (creating a 2mm gap, and you still end up at 9mm accuracy). For the 58mm wide iPhone 6 screen, this means you can fit in 6.4444 button widths. Or, ...


1

Tabs have their pros and cons. The user flows for creating reports do not have to be the same as the user flows for editing an existing report. For example, when you create a new report, maybe consider using a multi-step wizard (no tabs) to guide the user though the task, but when you edit an existing report you can now use a tab view. Are you able to do ...


1

Lea, instead of low contrast for the first and last tab, you can hide arrows. just my 2 cent, https://au.pinterest.com/pin/180284791312274083/ instead of showing complete tab, I hide half the first and last 'navigation tab' so that user can understand/curious there are more links. It is not a big issue, but just sharing an option. (*sorry for the link, i've ...


0

Something that is commonly done is that if you want to use tabs, have it scale responsively down to a certain break point and then make the tabs become an accordion menu. For example for mobile and tablet it would be an accordion menu and then above 768px it would break out and become an enlarged tab menu.


1

Thanks to a colleague at work I've finally found a solution : The source link : https://material.angularjs.org/latest/demo/tabs


1

Congratulations - you have discovered one of the major challenges with Tabs :-) One part of the challenge is based on how you construct the Tab (I am assuming this is HTML), e.g. if you use CSS to set the width of the tab you will have problems (it is better not to set a width and let the container adopt its width based on its text content). If you are ...


1

Not sure the use case for this. what are the tabs? what does the app do? I think perhaps there is a way to prompt your users to move to the next tab without auto-moving to the it. The issue is it's an action that the user can not undo, if i'm scrolled at the bottom of a long list, then auto moved to another list...i just lost my place. Also it's not a ...


0

Your tabs have names which are sign posts and navigation triggers to specific pages/features which contain functionality, e.g. Subscriptions Option A is much simpler: Choose Subscriptions by clicking the tab Choose what you want to do about Subscriptions on the Subscription page by interacting with subscription features on the subscription page This ...


0

In my perspective, navigation is main controller of the website. it has to carry any information not a question. Why don't you go for creating a signup and subscription on top of your page or in the footer. any how that depends on the requirement. in your view option B is suitable for your requirement where user can see sign in and subscription as an ...



Top 50 recent answers are included