Questions tagged [navigation]

For questions about the mechanisms you can use to help people find their way around your application or web site.

Filter by
Sorted by
Tagged with
2
votes
7answers
209 views

Is a bottom sheet dialog “unfitting” for navigation?

Edit: I posted an answer below containing various attempts based on the ideas provided here. I am developing an application with a somewhat special main screen, from where the app is divided into two ...
1
vote
1answer
45 views

Navigating Deep links

Im working on a mobile flow that allows a user to deeplink to separate jobs within the same app via toast messages and/or notifications from a notification centre. Im struggling with getting back to ...
4
votes
2answers
316 views

What's this kind of menu called?

When you click a link, it opens another tab and puts a link to the previous one on it's top. It solves my problem, but I can't find what it's named (english is not my 1st language). Here's an ...
1
vote
1answer
43 views

Inferences you can make about users leveraging footer navigation vs main nav?

I am using FullStory to study some user behavior on some client sites and have noticed a trend in a few client sites where users will opt to use the links in the footer navigation over the main menu. ...
0
votes
1answer
40 views

UI for enlarging image, showing next image

I have a website that displays items. Each item can have multiple images, but only shows one at a time, along with the item text. The user can click anywhere on an image to show the next image. You ...
22
votes
3answers
15k views

Are there alternatives to hamburger + drawer menus?

On the internet there is a lot of bashing on the Hamburger Icon & the matching Nav Drawer. I realize it sometimes might be a pattern which should be avoided when simpler, more explicit options ...
0
votes
3answers
200 views

Is it recommended to open the details of a master-view in a new tab or in the same page?

We're developing a web application using React for the FrontEnd part of the various modules. One of the pages of the application is a master-detail view. On the master we're going to show a simple ...
1
vote
1answer
76 views

Should we repeat menu items in the main navigation if they fall into two categories?

I am working on navigation for a retail site. I have a typical account menu (My Account, Sign In, Create Account etc) and I have a main hamburger menu with department pages etc. The site experience ...
1
vote
1answer
88 views

Collapsible navigation sidebar and Bootstrap Dropdown, are these similar?

This is a control panel for administrators. The collapsible sidebar you see below contains links to other pages related to administration. This image shows me navigating with the TAB key, ...
1
vote
2answers
78 views

Is a feature landing page necessary when there's only one feature?

We have a web portal with a main menu and submenu. The items in the submenu link to an overview page of more articles. There are 6 submenu items. 5 link to an overview page which let the user choose ...
0
votes
1answer
37 views

Page jumps and separate pages in primary navigation

We're working on a website and I was wondering what the best practice for this scenario is. We are designing a website for our company and we aren't too sure if it's good practice to link to separate ...
0
votes
5answers
1k views

Best practice for collapsible submenus?

I have a website navigational menu: Lorem Ipsum < Situs Pratius Quisque Dolor Duis Proin < Folios Artius Zalto Ramo Neque What should be the best practice for users; if a user opens up ...
0
votes
2answers
69 views

iOS App with two states and mostly different content categories

I’m working on a medical iOS app for university. Our users are usually 55+ years. I’m currently struggling with the navigation flow of the app. We basically have two states, pre and post-surgery. ...
1
vote
2answers
785 views

Placement of anchor link buttons in a page with a lot of scrollable content

I am building a profile page (http://giga.brandvertisor.com) containing a lot of of information, visually organized in horizontal sections. For the sake of easier navigation, I have put anchor link ...
2
votes
1answer
433 views

Sticky panels on a desktop web app. Conventions and debate

Is anyone aware of current debate or conventions on the use of sticky headers/footers in web apps? I'm designing a screen for trading investments. This is an inherently complex task for most users. ...
1
vote
2answers
362 views

Two columns content switcher

There is a docked panel with two columns. I need to give users possibility to choose what content will be visible in which column. There will be probably 7-8 different content types. My first thought ...
0
votes
1answer
81 views

Application navigation when there are multiple main navigation possibilities?

What's the best way to present main navigation for a site where you login and have access to two products, that have some different navigation. 3 navigations: 1) External page, about us, products ...
1
vote
5answers
470 views

Modular tabs or long page scroll

A content heavy real estate website is deciding whether to switch the navigation to using modular tabs, where content opens in the same pane. Currently, the site uses a long page scroll where all ...
2
votes
1answer
241 views

What are the best examples of accessible highlighting online?

I'm seeking Accessible Highlighting online and not seeing much. I'm well versed in high-end accessibility, but I am having trouble finding ANY examples of accessible highlight, let alone best-of-...
0
votes
1answer
36 views

Best practice to link main website page to BETA website

I will explain briefly. I am working for a new booking accommodation platform. They currently have two different websites: the main website [landing page] with all the info about the business the ...
0
votes
0answers
18 views

Focus behavior in a modal navigation drawer?

How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
0
votes
4answers
499 views

Form navigation mental model

If an user comes from Windows based software, where in forms you navigate through the inputs with enter key and save by ctrl+s, to browser based software where the default navigation is done with the ...
0
votes
1answer
70 views

Expandable/Collapsible menu

dear community members! I'm currently working on the solution and have a need to make a blue menu expandable and collapsible. Probably someone has good examples on this pattern? Here is how this is ...
0
votes
1answer
62 views

Links within an iPhone app

Imagine an iPhone app with a tab bar (5 items) and a link to the user's profile in the header. Now let's say that you're somewhere in tab 5 and you'd like to make a link to a screen within the user's ...
1
vote
1answer
61 views

How long should I wait before animating the navigation bar in/out when the user scrolls?

I'm currently working on a new design for a site and I've encountered a problem I've never found before. I want to collapse the navigation bar up when the user scrolls down to increase available real ...
1
vote
1answer
64 views

Having a choice selection pop up right after main navigation use

I am working on a web-based application (only desktop) where users could enter new sets of data to the system by using preformed templates. As this is one of the main actions in the system, we will ...
5
votes
3answers
777 views

Does the 'mile high menu bar' still apply to web apps?

In this article from Joel on Software, Joel talks about how the easiest parts of the screen to click are the edges, and how putting menu bars at the absolute top of the screen increases usability. Can ...
1
vote
3answers
290 views

How to show a consumer products in a eCommerce Site with only filters?

I have an eCommerce site that sells baby clothes. When i think of the different ways i can arrange/organize the main menu i get frustrated on trying to make sense. I start to think of how a physical ...
1
vote
2answers
176 views

Favoring consistency over elegance?

This is a bit of a difficult question to explain in the title but hopefully it will make more sense after reading the question. I'm in the process of designing a web app with a basic design ...
0
votes
3answers
161 views

good ux design patterns to add/edit/remove entities in a mobile app?

I'm looking for Android apps which have good entity management (add/edit/remove) UX. The home page of my app displays a list of configured entity instances. Now I need to give the user the ability ...
6
votes
2answers
446 views

Complex channel based navigation modal

The application I am re-designing has a channel management modal for managing its customers. The admin hierarchy is as follows: My Company Admins Channel Admins Resellers Admins Customer Admins End ...
1
vote
2answers
114 views

Emoji vs. Switch for choosing light/dark theme on a navigation bar

The previous version of my website had a toggle/switch for changing the color theme between light and dark modes (for fun and practice). Here's what that looked like: More recently, I decided to ...
0
votes
2answers
109 views

Why utility nav shouldn't be in the upper left?

folks - I'm wondering if any of you know of a source to explain why utility nav shouldn't be in the upper left of a web design? I've always considered the upper left above the logo a blind spot, but ...
0
votes
3answers
90 views

Organizing two kinds of navigation in a mobile app

The problem: There are usually 3-4 tabs on a mobile navigation menu, as shown below. This is considered to be best practice. However, we have 5-6 features we would like to display there. We are ...
0
votes
1answer
38 views

How to do information architecture of a UGC based website/app?

What's the best possible way to make a user-generated website classify its content into categories or topics or tags to make the content searchable and discoverable? How does one start redesigning ...
3
votes
1answer
597 views

Tabbed navigation in search result templates: Can users appreciate it?

Google.com has tabbed navigation in their main search result template (although they don't style the tabs as such). However, my UX colleagues believe these tabs are not in much use, and they believe ...
1
vote
1answer
53 views

Dark theme navbar: Lighter or darker than the main background?

I don't have a lot of UI/UX experience and am trying to learn as I work on my personal website. With a light background, I 100% agree with the advice to use a darker navbar, as that helps to sort of ...
1
vote
2answers
111 views

Indiciating within-page links (fragment identifiers)

There are three types of targets for for a link: Different page in a different application Different page within the same application Resource within the current document typically provided by a ...
2
votes
1answer
109 views

How to design a website for both customers and business?

Situation We've designed a website for a client that caters to their own clients and to businesses. When you arrive on the website it's focussed on their clients but we have a quick link at the ...
3
votes
1answer
360 views

Creating an accessible, animated, and responsive navigation system

I've been struggling for the past couple weeks to design the perfect navigation (menu) system for my personal website which I am designing. First, I need a system that is completely accessible as I ...
0
votes
1answer
107 views

Responsive UI Pattern for selecting from a list of exact values greater than 5?

I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...
0
votes
2answers
77 views

Home or back button as first item in navigation bar?

A bit of background: I'm in a project where we're building an android system service (meaning it will work regardless of which app is currently in the foreground) for an action bar that will overlay ...
0
votes
1answer
75 views

feedback on navigation with multiple level of hierarchy

I am designing a responsive website with 3 levels of hierarchy. I wanted to get some opinions and feedback on the following navigation. Level 1 contains a list of body systems ex: cardiovascular ...
0
votes
0answers
56 views

Suggestion in putting nav bar in centred website design

Can anyone suggest where I can add navigation bar in this kind of design. items I want on the nav bar logo (optional) call to action button one more link user/profile/login/signup Can anyone ...
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 ...
4
votes
1answer
180 views

Design patterns for switching workspaces on mobile

I'm working on a mobile responsive web-app whose users can potentially have one, two, or three workspaces (we call them "zones") depending on their user privileges, i.e. Admins get all three zones ...
0
votes
2answers
78 views

What's the best practice for screen navigation after invalid user input? [duplicate]

Consider an Angular app with many user inputs over screens A, B and C. Screen C needs valid inputs from A and B; B from A only; and A is independent. Suppose while on screen B the user enters invalid ...
0
votes
2answers
86 views

Can some part of my app have their own tabbar in a iOS app?

I trying to design my iOS app, and I’m going to 2 bottom tab bar on different page. I would like if it’s good and a another better way exists. Here is why: When I log in my app, I would like user to ...
0
votes
2answers
122 views

iOS and Android app - data download or page navigation first

What is the best perceived UX for mobile applications which require data downloaded midway through the journey. I cannot find this information online in Apple's Human Interface Guidelines (or I am ...
1
vote
1answer
82 views

How to link back to the original site the user came from after he jumped to a subdomain with a “different” product?

lets say you have a site called "example.com", which is the homepage of a company that provides a login for its customers and different functions like a personal backoffice, learning material and ...