Data for NOT removing navigation on marketing page

We have been having some heated discussions lately. The marketing department wants to remove the top navigation from their marketing sell pages. (Marketing sell pages are basically VERY long web pages that sell a product.)

Their rational for doing this is they think it will increase conversions. I am against removing the navigation. The data (click maps) we have from past marketing sell pages shows that users are using the top navigation. Links in the top navigation are among the top 3 clicks on the page. I have shared this data with marketing. I have also shared that navigation reduces task time, provides a better user experience, and the task is perceived as easier. Hamburger Menus and Hidden Navigation Hurt UX Metrics

Does anyone have any data about navigations and conversions? Data about user experience and usability isn’t helping, I need data specifically about conversions if I am to convince them their idea is not a good one.

Want to hide some of the Navigation bar links for some of the react components: React+ React-Router+Typescript

I am a bit new to React. I have a situation where I need to hide some of the navigation bar links in some components where as in other I want to display them. Actually been using react router V4 and typescript.

Need to hide page1 and page2 links when it comes to signup and login pages. Show the links in rest of the components.

Help would be appreciated

Router Code

import * as React from 'react'; import NavBar from './NavBar'; import SignUp from './SignUp'; import Page1 from './Page1'; import Page2 from './Page2'; import Login from './Login'; import { BrowserRouter as Router , Switch , Route} from 'react-router-dom';  const NotFound = () => (     <div><h1>404.. This page is not found!</h1></div> );  export default class App extends React.Component<{}, {}>  {      render() {         return(             <Router>                 <div className='container'>                    <NavBar/>                         <div className='body'>                                 <Switch>                                     <Route exact={true} path='/' component={Login}/>                                     <Route path='/signup' component={SignUp}/>                                     <Route path='/login' component={Login}/>                                     <Route path='/page1' component={Page1}/>                                     <Route path='/page2' component={Page2}/>                                     <Route component={NotFound} />                                 </Switch>                         </div>                     <Footer />                 </div>             </Router>         )     } }  

Navigation Bar Component

import React from 'react'; import { Link } from 'react-router'; export default class NavBar extends React.Component<{}, {}> {     render() {             return (        <nav className="nav">          <div className="container">             <ul className="item-wrapper">                 <li>                    <Link to="/page1">Link 1</Link>                 </li>                 <li>                    <Link to="/page2">Link 2</Link>                 </li>             </ul>           </div>         </nav>       );     } }  

Primary Navigation with Hover Dropdown clickable or not

We’ve got a design with a primary navigation menu that uses dropdowns when hovering over the links. We have two options:

  • Disable the primary links and mirror them in the dropdown so the user doesn’t miss the link.
  • Keep the primary links clickable without a mirror in the dropdown. (The concern here is that they won’t realize it is a link)
  • Clicking the primary links will bring up the dropdown which will include the primary link on top

What are your thoughts?

Duplicate links in a navigation structure

Does anyone know of any research or studies regarding usability concerns of duplicating links within a navigation structure? When I say “duplicating links” I mean repeating a menu item within the navigation as demonstrated below with “Child link 1”. Keep in mind SEO is not a concern in this situation since this is for an enterprise application.

  • Parent link 1
    • Child link 1
    • Child link 2
    • Child link 3
  • Parent link 2
    • Child link 4
    • Child link 5
  • Parent link 3
    • Child link 1
    • Child link 6

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:

  1. My Company Admins
  2. Channel Admins
  3. Resellers Admins
  4. Customer Admins
  5. End Users

Each Admin can access and manage the account of the customer type below it and manage their own account through the same interface. Therefore Channels manage Resellers, Resellers manage Customers, Customers manage themselves and their users and End Users only manage themselves.

Each customer account has a customers list page, a number of settings pages and a user management list page. Each User within the user management list page has a number of settings pages.

The brand colour of the top bar and the logo change depending on what customer is being managed.

The idea is that My Company, Channels & Resellers switch between customer accounts using the search box at the top or via a list of customer under a customers section. Once a customer has been searched for and selected the brand in the top left corner changes to the brand of the customer being managed and all the navigation below the breadcrumb becomes the navigation for the customer being managed(Similar to how Facebook is navigated). The breadcrumb shows where the customer being managed is in the hierarchy and what page they are managing within the customer account.

Managing a customer enter image description here

Managing a customers user enter image description here

The feedback that has been generated so far is as follows:

  1. It is not intuitive to use the search to switch between customer accounts
  2. The three column structure for managing users takes up a lot of screen space
  3. Is the breadcrumb necessary as it takes up a lot of vertical space?
  4. It is not clear to click the first breadcrumb pin to get back to managing your own company
  5. The breadcrumb separates the top bar with the sidebar making the icon for collapsing the sidebar feel disconnected.

I am looking for guidance on how to better achieve this channel management navigation. Complete deviations from what I have here are welcome but if there is a way of salvaging this design modal that would be preferred.

Set of navigation actions in Material Design

I am an android developer. There is a screen of Completed level in my application. There are several options that user can choose:

  • go to the next level or next chapter (if it was final level)
  • repeat this level for another character
  • view replay of this level

What can I use to describe this interface? 3 buttons under each other? Bottom sheet? List of options (as on screenshot).

enter image description here

Tabbed navigation in search result templates: Can users appreciate it? 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 this is common for all search UIs: People are not making use of tabbed navigation on result templates.

My question: Is this backed up by actual research?

I have tried to google the issue. I found a quite recent post from Norman Nielsen on best practices for tabs in general and also a meta-analysis indicating that tabbed navigation yielded issues for some library search UIs. But this study does not answer whether there were problems in the individual implementations or if the strategy of tabbed navigation in result templates as such is flawed. Therefore, references to more research would be appreciated.

Needless to say, it would be great if the default relevancy was so good that we wouldn’t need filters or tabs. Also, in our ongoing project, we are employing group results to lessen our dependency on tabs. Nevertheless they remain a key concept in our current templates and we would like to identify whether usability issues are of a tactical (implementation) or strategic (conceptual) nature.

enter image description here

I’m including the above screenshot (slightly redacted) as a bonus. We user tested this, and not all users were able to make productive use of the tabs. At that point we didn’t have the result counts, which we hope will yield some “scent of information”. Also we are considering adding borders and background colors to the tabs, as encouraged by Jacob Nielsen.

Left side navigation tablet/mobile app

I have a task to build app for elderly people(Users). I work in a med tech company therefore my users are often very sick.

App will be distributed on our own tablet devices and there will be limited use of smartphones.

This is the blockout of the app. Red is content. Navigation is at the bottom. Top bar is above the white line on top. As You can see there is the green color on sides, It is basically free/unused space.enter image description here

Because I wanted to use free space to get my content little bit bigger(Bigger fonts and icons) I wanted to eliminate free space/green space.

For that I moved navigation from bottom to the left. Like this.

enter image description here

This allowed me to increase the size of the content.

My question is: Do you have experiences with left navigations on tablet in terms of UX. Is this something that can work or should I avoid it? What are your thoughts guys ?

Change the colour of the left navigation menu in modern sites

I have been experimenting with the look and feel options on sharepoint2019, but something I really fail to achieve is to change the colours of the left navigation bar’s links on modern team sites :

Left nav bar

By messing around with the palettes, I managed to change its background, its hover background, but I really can’t do anything about its links colour. However It should be possible, since in the dark themes provided with a vanilla sp2019 website, the links are white :

dark theme nav bar

So if anyone has an idea on how I could do this, please let me know, any help would be greatly appreciated.