Usability issues (UX) in redesigned UI (2024.12.0)

Changing the topic title again, as the thread is attracting comments addressing issues beyond ineffciency of space use (previously changed to “Wasted Space in New UI”).

Will be consolidating other feedback comments into this main thread, to keep everything in one place.


@bw-admin @eck Would it be possible to PIN this thread for some time?

6 Likes

I found my way here because of exactly this, I really think that at least both copy buttons should be shown. At least in my use case, I use them both very frequently 1) during sign ups 2) when web forms aren’t properly recognized for autofill - which is increasingly more common as most websites move to 1 page for username, then one page for password.

10 Likes

@Kevin_Harris The so-called “compact” mode is going to need to be entirely re-imagined, not just incrementally changed with “further adjustments”. I have provided some initial suggestions here.

The underlying problem with the current “compact” mode (and with the entire redesign, IMO) is that it seems to have been guided by a directive that the UI for every client app (even the non-mobile clients) must be usable on a touch-screen — this seems to be the only explanation for why the padding and margins are so expansive, and the buttons so big. Although it is nice to have some commonality in the UI appearance across mobile and non-mobile clients, IMO making the non-mobile clients (browser extension, Desktop app, Web Vault) look like the mobile apps creates too many usability problems for the former to be worth the benefits of having a 100% uniform UI.


Edited to Add:

A “compact” mode that truly serves its purpose (in the browser extension) is unlikely to be very usable on a phone screen, so the “compact” mode should not even be an available option in the mobile apps (unless Bitwarden wishes to develop and maintain a separate pseudo-compact mode for the mobile apps)…

Also, in addition to my own proposals for the compact mode, there are some interesting concepts in this feature request from @Nematode:

7 Likes

Would it be possible to PIN this thread for some time?

Done. Pinned for 2 weeks but happy to adjust if needed.

4 Likes

Just to clarify, I didn’t bring up the Launch or Verification Code buttons because I don’t use them myself. That said, I’ve never found them to clutter the space or cause any issues. Extra clicks for features most users rely on are definitely a UX undesirable imho.

2 Likes

Made an account just to provide feedback on this lol. I went into the appearance settings on my browser extension because I want the font bigger for my credentials. The contrast in dark mode is not great because the font for sites and usernames is so thin while the buttons for the vault, generator etc. are huge in comparison. As others have said, there is a lot of wasted space, but the proportions are also really “off”. The text I need to read more clearly is so small compared to many of the buttons. I went into the wide mode and extra wide modes to see if I had any locations or usernames that warranted that much space, and I don’t, so why are there only three buttons for each entry?


I don’t like that the copy username/copy password are in a separate menu instead of in the same row. Many times, when I need to update settings on sites and apps, I need to include just my password. It’s a minimum of five actions away now:

  1. Open extension (optional step at times: log in again)
  2. If the relevant credentials are visible, click copy icon.
  3. Click “Copy password”.
  4. Click the field on the page to enter data.
  5. Ctrl V (two keys) to paste the password or right-click, paste password (two clicks).
  6. Optional step: Hope that the site allows me to paste—not all sites allow that! If it doesn’t, then I have to add in:
  7. Paste password into notepad.
  8. Re-type password into field.
  9. Close notepad.
  10. Clear clipboard on computer for security.
    ^ These steps completely defeat the purpose of having a password manager to fill in details for me.

I also much preferred when the folders were the first thing I saw instead of the “all items”. I have to do more actions to achieve the same results as I did with the last design. I don’t need to constantly see the first 4 entries in my vault when I go into the extension.
Honestly, I’d rather each entry take up more height instead of trying to fit everything into a row with the truncated URL and username. A third row for each entry with the functionality buttons would be useful to me instead of yet another three dot menu to tap/click into. I don’t need to see more results on the page. The suggested function seems to succeed at correctly finding the relevant data.

10 Likes

This (emphasis my editing) just reminded me of this serious comment:

Apart from all differences in personal taste - I guess UX and UI are as well “objective” as “subjective” - but those people with visual impairment, or even with just the usual decrease of visual acuity etc. coming with age, definitely need an improvement.

“Universal design” or "accessibility" or “barrier-free internet” may be some catchphrases…

I don’t know the whole list what would have to be considered for that, but I would start with two things @cherryblossom already mentioned:

  • being able to adjust the font size (i.e. to be able to choose larger fonts if necessary)
  • optimized contrast for readabilty in light and dark modes
4 Likes

So the extension just updated on me. Kind of a culture shock on the UI - to my eyes it’s not an improvement on the old one. But, design is a matter of personal taste so I can probably suck that up with time and exposure.

UX wise though, one immediate negative is that the options for copying the OTP, username and password are now buried beneath the item itself rather than being exposed as top level concepts. I’d love to see those back front and center, because I use them all day every day.

9 Likes

And they are right. I don’t think BW understood what was asked of them.

They mention lastpass.

Lastpass doesn’t have a dropdown narrow window, AFAICT from screens it just opens a big, visible window on PC. So, whatever it is they’re suggesting it isn’t this. I prefer the dropdown but hey, they went with popup for fill and big UI, BW started with top drop to fill.

As for mobile, it has a bog-standard Google design language, aka El Cheapo. I suspect this is what they meant by modern.

Behold:

Both UIs fit about 9 items per page if scrolled
Both UIs have the same structure. Bars, each with icon, 2 rows and an action on the right.

however

One hurts my eyes to read and one doesn’t. Because the font is rounded versus not, less legible versus not, thicker versus thin and more wasted space. And because it’s 50% gray-blue (136-152-181) on dark blue (18-36-59). As opposed to, you know, good contrast.

Am I too old if I say let me choose my font size?

7 Likes

Literally just created an account just to complain about this. :smile:

A clean, no-frills UI that is fully functional and intuitive is much better than this modern aesthetic that companies keep trying to push these days that makes the user experience much worse.

This newer UI claims to be more intuitive, but that’s just fake news. Riddle me this:

  • How come in in the new UI, even with compact mode enabled, all the little elements take up so much space that the “Copy Username” and “Copy Password” had to be collapsed under another “Copy” button? The old UI had two separate buttons, one with a person icon, one with a key icon. That’s intuitive right there. Now, there’s a single copy button, and I had to click it to figure out that both copy functions were put under there. That is NOT intuitive.

  • In the old UI, if there was a form that could be auto-filled, all you had to do was click the name of the credentials and it would auto-fill. If you wanted to edit it, there was an edit button. If there wasn’t an auto-fill form, then it would use the default buttons. This was really neat and slick and worked very well. Now, we gotta click this tiny fill button, and clicking the name opens the credentials to edit. How often are we going to be editing our credentials? We’re going to be filling forms more often than editing. Why make the target to be clicked smaller? :exploding_head:

And honestly, the old UI just looked better than this modern UI. Just because you make some corners rounded doesn’t make it a better UI. Bring the old UI back. Or at the very least, let people opt out of the new UI, then collect telemetry and see how many people prefer each.

15 Likes

Came back here again, sorry to be a squeaky wheel but this is driving me NUTS. It’s been one day using this for me and I can barely take it. It only updated in Edge on my work computer - [instructions on how to disable updates below] I don’t know if I can deal with this. So many clicks. FIX IT. I didn’t let on at first how aggravating this is, but COME ON.

Edge:
Right click, Manage Extension, change “Allow automatic updates” to “Off”

Chrome:

  1. Locate the Extension Folder:
  • Open Chrome and navigate to chrome://extensions/.
  • Enable Developer Mode (toggle in the top-right corner).
  • Locate the extension you want to modify and note its Extension ID.
  1. Find the Extension’s Directory:
  • On your computer, go to the following path:
    • Windows: C:\Users\<YourUsername>\AppData\Local\Google\Chrome\User Data\Default\Extensions
    • Mac: ~/Library/Application Support/Google/Chrome/Default/Extensions
    • Linux: ~/.config/google-chrome/Default/Extensions
  • Open the folder matching the Extension ID.
  1. Modify the manifest.json File:
  • Locate the manifest.json file in the extension folder.
  • Open it with a text editor and look for the update_url field.
  • Remove or rename the update_url entry (e.g., change it to update_url_backup).
  1. Restart Chrome:
  • Relaunch Chrome to apply the changes.
5 Likes

For Edge, Developer is on the left. And it’s Microsoft\Edge instead of Google\Chrome\

I feel like sideloading is a bit extreme for this, seeing how it bars it from ever updating again? Surely that affects security.

1 Like

Ahh, I’m naively disabling updates for now hoping in the short term, at least the copy buttons are fixed - makes it like 50% unusable for me.

Don’t need to go into the manifest.json for Edge, there’s just a toggle right in the extension settings page. Strange that’s not in chrome, but we’re getting off topic, lol.

1 Like

After the new UI, when I open Bitwarden in Chrome/Edge, if I seach for a login and click on the Copy icon, I need to then click on “Copy password” before it copies. Since there are no other options in the menu, it doesn’t make sense that copying a link requires clicking 2 buttons.

Suggestion: when you click on the copy-icon, it should copy right away without needing to click once more.

4 Likes

Hi @Christian_Charity, thanks for flagging this. We have this in our backlog to address in a followup release.

1 Like

Yep! I’m in my 30s and have needed glasses since I was 12. My prescription isn’t out of the ordinary, but as I write in my free time and read thousands of words of text for paid work, I’m very aware of how text accessibility impacts my health and workflow. If I can’t have good font sizes and contrast on services where I need to read the text, I will abandon them for competitors that do provide accessibility, preferably as the default but at least as an easy customization.

9 Likes

Give us back all three copy buttons.

This was a BAD design choice. Pretty isn’t always better than functional, and in fact, it rarely is. Make your management team use Bitwarden’s new UI with a bunch of 2FA code-configured sites, and you’ll get the support you need to revert this UX decision. Also, I concur with the other users on the bad accessibility choices on font and contrast. Seriously, please consider engaging with a dedicated A11Y engineer.

11 Likes

The sad part is, I could not even use BW to log in here, autofill no longer works!

Cancelling the subscription and falling back to Free while we look for something else.
I cannot support a product that obviously did not even test this pos before rolling it out. No way it passed any reasonable testing. Based on the amount of complaints I have seen and the lack of response, I assume they don’t care what the users think, which means I am out of here… just when we were looking for an enterprise solution too… this is not it!

UPDATE:
Woot! I just checked, it is not updated on my FF browser, and I turned updates off, so I guess, until we settle on a new W manager, I will be using FF fulltime.

8 Likes

Yes, they were right that it had an outdated UI, but that was for the web version and the apps. But the browser extension was always where Bitwarden shined for me. The browser extension was perfect. Now the browser extension sucks. Please bring back the old browser extension. It was perfect for me and apparently a lot of others too.

9 Likes