8

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.

2
  • I can see this question was asked on August 30. Did you progress on it further? I'm still trying to understand how the navigation bar works in this case?
    – Nodnin
    Sep 26, 2016 at 12:48
  • I am not sure what the 'channel' in the question relate to the UI design, or at least how it is an issue that needs to be incorporated into the solution. Can you possibly clarify if this question is still valid?
    – Michael Lai
    Nov 5, 2018 at 4:28

2 Answers 2

1
  1. Intuitive for whom? (you're just limiting search results/parameters as per account, right?) One user will have one account most probably so that confusion shouldn't arrive...

  2. How many users are there? If the number is high then don't use this pattern and open a complete screen or something else, see image below

this example

  1. Breadcrumbs need not take this much space :) but are good for usability in such products

enter image description here

  1. Are you promoting brand here? No need for logo/image, use text only...

  2. Didn't get you point.

0

It feels to me like the breadcrumb doesn't match up with the columns.

I tried tracing the levels back and got as far as Users, but I can't see how you got to Users from Customer?

If you're going to have two steps in the same column, such as the step from Users to User Management, I feel like this should be clearly separated out. Greying out the unselected options could work.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.