0
  • I have an admin portal for a Staff / Tech Support to check USB Dongle license information and help customers solve problems

  • The client interface is much simpler, but due to legacy data and how the hardware was built years ago I can't reduce these fields for the staff users

  • If the account has multiple licenses, then I display a series of
    accordions, so each one is a license/dongleenter image description here

I moved the important information to the top.

Some options I thought to improve user experience:

  1. Contextual (can hide some fields in some cases, but my dev says it could be very expensive), like Network licenses could be hidden if the product level is not network, the same thing for lease
  2. An inexpensive option could be tabs or nested accordions, but I wonder whether those are really user-friendly
  3. Working on visual hierarchy

closed as too broad by Evil Closet Monkey, locationunknown, Shreyas Tripathy, Midas, Wanda Apr 15 at 9:41

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

2

This is a new iteration of the UI, putting the buttons closer to the editable field and reducing vertical space

Another idea with some image placeholders Second image has some icon placeholders

Third revision

enter image description here

After finalizing the UI I realized some problems and came with a new solution: -If the page has multiple dongles it can't use search (within the page) properly because it will have to retrieve all the data on the accordions.

-I've tried adding/expanding the UI with a extra pane on the left as a test, but if you have few licenses on the screen it looks strange. The scrolling is also not ideal

Fourth revision

  1. This layout requires no scrolling if the search is used on the left pane

    1. It will not look strange if you have multiple dongles

    2. The editable fields will be hidden (pen) in some cases and displayed with hover just like in Hubspot CRM

enter image description here

0

I deal with legacy challenges daily and most of the time this solution is exactly how I would handle it. Our users have been pleased with the decluttering.

The edit pencils don't look very clickable though. I would recommend making them your accent color (the blue) since your other buttons are also blue.

  • Hello Brett, in that case the ones with the buttons – Daniel Vianna Apr 8 at 16:49
  • the ones with the pencil or button, so it is not clear enough? any suggestions? – Daniel Vianna Apr 9 at 17:24
  • I updated my answer. I didn't see the revision until just now. I think the pencils need to look more clickable. Make them blue like the buttons on the page. – Brett Parsons Apr 9 at 18:35
  • Third Revision is uploaded – Daniel Vianna Apr 10 at 0:59
  • Consider maybe containing the edit buttons, but I think what you have is pretty good. – Brett Parsons Apr 11 at 16:58

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