Usability issues (UX) in redesigned UI (2024.12.0)

I guess we read that once or twice now the last days… - Can you on the other hand now also see, that inconsistency was a problem before? (if not for yourself, at least for others)

It may be the most common function for you. That doesn’t mean it is the most common function for everyone else.

Clicking the row in the web, desktop, and mobile apps plus the Vault view in the extension don’t autofill. It was only the Tab view in the old UI that autofilled. For some the autofill was the unexpected result.

2 Likes

Hey I get that. I just think that the clickable area to fill my username and password is way too small in the new UI and that makes the UX poor. I can’t be the only person who thinks that :grinning:

1 Like

No, you’re not. Actually, I think that, too. That’s why I suggested, that maybe the best compromise to make the auto-fill button larger without taking space away from being able to read the item title and username, would be to make the item the button, so to speak, like you can see here:

(only an amateurish draft - and details could be different in the end… - but just as a general idea of how it could be; BTW I didn’t want to make the effect larger, it’s just that I like the extra wide setting for now and didn’t think of it while making the screenshots :sweat_smile: )

I think when it becomes the button, the inconsistency of the old UI may be reduced as well (as they at least wouldn’t look the same (normal vault items and “auto-fill-items”) - the one would be an item and the other one would essentially “be” a button → in the previous UI, they both basically looked the same).

And at the same time, you don’t have the button text and vault item title and username competing about the space. And no shift of the attention (reading the item title and username first → then aiming at the smaller, and from the item text separated, auto-fill button) which make it slower in the current design, I think.

So in my view, it makes sense to integrate the button and the vault item text and username into “one”. (BTW, I didn’t include the clickable buttons on the right into my “auto-fill-button”, because I thought it would get confusing what a click in that areas to the right would result in - auto-fill-button-action or the other button-click-actions… but that may have the designers to solve, how it would actually be done best)

My idea may be not ideal. It may not be It is not 100% like it was. But it may be the best compromise between everything.

(though I also like to mention again, for everyone who is frustrated right now with the “small auto-fill” button that there are several other methods of auto-filling)

PS: In case someone wonders…: I created the dummy favourites, so that they are there as a design comparison to my button-item and at the same time don’t reveal any personal data.

1 Like

Hi, I made this account specifically to say how I much preferred the old layout. Can we have a button to revert back to it? I’m really not a fan of the new UI. The fill button is also super small, whereas previously I could click the line of the item. Things take up more space and require more clicks. It’s less intuitive on a whole. Really not a fan.

Please give me back the old UI devs, thanks

3 Likes

+1 on that list. Paid multi-year users creating account here for the first time because it’s a pain to just copy and pasting password!

I use keyboard shortcut to fill it when possible but i have multiple accounts on some sites and it’s just easier to select it on the list.

3 Likes

It doesn’t even go to “edit” though. It goes to “view”. Even if you wanted to edit, that’s a whole other click at the bottom of the interface.

1 Like

Was thankfully able to revert back to the old UI by sideloading an older version of the extension as per the instructions above. Will stick to this for now and keep an eye on the situation.

2 Likes

While I would much rather have the former UI back, I could live with this concept you created:

1 Like

@aurora2 @jj0099 @db85 You can get a UX closer to the old one by changing a few settings: Usability issues (UX) in redesigned UI (2024.12.0) - #107 by FaviFake

I second this. It is my biggest complaint about the new design.
Before, I would just press in an entry to Fill, which is my most common action. I have no issues about having to go to the action button to chose “Edit”.

Having to press a little “Fill” button to do an action that previously I was able to do just by clicking in the entry seems like going back in time.

2 Likes

Never had the extension, went to web login on pc. But I did download ext. to edge W11, 24H2, same problems same suckY UI. Compact mode, all that other crap - no difference, very disappointing…

1 Like

Thanks but no good, kind of like a real good whiskey… then you buy rotgot, you drink it but you still think about the good stuff…

1 Like

Hi,

I wrote to the support to give some UX-feeback and was told to also put it here, so here it goes:

Why did you put the fill action from the bigger card onto a tiny button on the card?

It takes way longer to target, it’s harder to miss and is touch-device unfriendly (I bet some old people use bitwarden, too, where this stuff is even worse for them).

All-in-all this is horrible UX design.

I don’t see an option to change this. Please come up with something better again.

You could for example use the tiny button (which should be a little wider as well) as a “show”-button which will get you to the entry details instead.

After all we probably user password managers to fill passwords more than we do update entries.

Primary vs secondary actions and all…

Apart from that I like the new design.

Best wishes and enjoy your vacations/holidays!

1 Like

@Juarrow Hi!

So that is mainly about the situation with the new auto-fill button… - There is an idea how it could be changed: Usability issues (UX) in redesigned UI (2024.12.0) - #346 by Nail1684

1 Like

I just want to pitch in that everyone here is correct. The redesigned UI is terrible. I went so far as to make an account on this forum which I normally wouldn’t bother to do because it’s so bad.

That the default action when clicking on an vault entry is to open it rather than autofill the site is terrible. Such a smaller icon to hit for what is the primary action. Who wants to look at a change the details of a login as a standard action? That’s something one does incredibly infrequently. And having the copy buttons in a dropdown rather than just on the card is very dumb.

The ideas behind this UX redesign are flawed. I’m sorry you wasted time on this. I know you probably feel like you can’t revert it because of all of the time and effort that went into ruining the app, but I assure you that is a sunk cost fallacy.

3 Likes

@Jearil Hi!

Well, that’s problematic, as there are also differing views in here. :wink:

There are already pull requests for that (here you can see it will get a bit larger: [PM-16102] Add min width on interactive badges by vleague2 · Pull Request #12514 · bitwarden/clients · GitHub and here you can see the clickable area around it will get larger also: [PM-16102] Increase clickable area for bit-item actions by vleague2 · Pull Request #12450 · bitwarden/clients · GitHub)

And here is a different idea on how the auto-fill button could be changed again: Usability issues (UX) in redesigned UI (2024.12.0) - #346 by Nail1684

There is/was the problem of inconsistency - if you want to know what the idea of the change was (or at least one idea?!), search for “inconsistency” here.

You can already get the copy buttons back: Browser extension → Settings → Appearance → Check “Show quick copy actions on Vault”

BTW, @FaviFake has some other tips to get a UX closer to the old one: Usability issues (UX) in redesigned UI (2024.12.0) - #107 by FaviFake

Honestly, I would find it more productive “to find a way forward” from now on and make suggestions, how things can get better. It’s not that the feedback isn’t heard and considered.

You are correct. BW won’t go back, they think this is better. If it’s so much better, why are there so many posts on “here’s how you can make it look like it used to”.

Their sunk cost stubbornness will probably cost them untold number of customers. I’m a paid user, and it’s extremely unlikely I’ll renew. I’ll probably jump ship before it expires, it’s so bad.

3 Likes

I don’t know what they think - but I would guess they think something like “it is adaptable enough to make it better from here on”. They already changed some things according to the feedback.

1 Like

I’m a paying customer of the premium / family plan. I’ve enjoyed using and recommending Bitwarden to others for years now, in part due to being open source and free forever but also because of it’s simplicity and clean design. It was easy to use, and got the job done with minimal fuss.

However, the latest UI update to the extension and app has absolutely ruined this app for me, to the point I’m starting to look at alternative tools for myself and those I’ve recommended it to.

Not only is the new design clunky, and looks like it came from 5 years ago. The update has introduced a number of bugs or performance issues that make it unusable at times.

I’ve enabled compact mode which is better but does not solve all the problems.

1. Autofill is the primary action in the extension
When opening the extension there’s one job I’m mostly needing it to do. Autofill a login for me. That action has now been pushed down into one tiny button that says Fill. I’m pretty sure the whole login (the entire width of the extension) used to be the clickable area to autofill, with the option to view pushed into a smaller click area for when I need it.

If Bitwarden hasn’t associated a login with a URL yet (which is actually quite common in my use) then this is even worse because those logins do not have a fill button, instead it appears I have to click on the more options dropdown to reveal the fill option.

2. Hide all items initially
The previous version had separate tabs for the vault and the tab. This helped reduce clutter, and keep a focused experience for the primary action (see point 1). In addition to supporting those elements, it also helped keep a level of information security when using the laptop in a public place, or when having to use the password manage when screen sharing.

The new version shows everything in the vault alongside the logins for the current tab. This clutters the experience, reduces focus from the job at hand (logging in to a website), and exposes several unrelated websites and logins I have accounts for to anyone who might see the screen. Whether the tabs are merged or not, all items should be hidden initially until the user prompts to find more.

3. Generate a password without switching between keyboard/mouse
When I open the extension I’ve switched from a keyboard mode to mouse mode. Don’t get me wrong I love using the keyboard (I use vim, btw). This switching mode has a cost especially if I have to switch frequently back and forth. I can get most jobs done in the extension without touching the keyboard, except the new generate password form has ditched the slider inputs for setting password length. So I now have to switch back to keyboard briefly to enter a number for the length, rather than adjusting the slider for length like I used to. This adds friction due to the switching cost.

In fact one of my biggest gripes before the update was that I had to type in my email address and usernames when they’re typically the same for most logins, the only thing I really wanted from Bitwarden was for it to save or let me select one of my existing usernames/emails from a list when creating a new login.

4. Simple, clean and harmonious and consistent design
Some of the screens aren’t that bad, but there’s an over use/reliance on borders in a few places. It can feel a bit boxy. Especially in the forms, strip back some of the borders please. They look so dated. Instead make use of color, size, and space to create separation and contrast.

There’s also some inconsistency in sizing, for example the icons in the bottom tab bar of the extension feel huge in relation to the other UI elements.

The elements in the top right of the panel (New, popout, and account) have no harmony, they feel unbalanced. Specifically it doesn’t help that the heights of the new and the account buttons are different, and the popout button needs a rethink to establish better harmony.

[BUG] Extension window refuses to appear when signing in with biometrics on Mac OS
Lastly, I’ve had it a number of times where after opening the extension and getting prompted for biometric auth with touch id on my laptop that the extension stops working completely after authenticating. The extension window just won’t appear, the button will show that it’s supposed to be there with it’s active state, but nothing happens. I have to close the browser and reopen to get back to unauthenticated state and then login with password manually.


I really hope this feedback helps, it’s a shame it doesn’t seem there a way to opt-out of this design or revert back to the old extension. If I could I would.

I’m sure there’s more things I could give feedback on but I don’t really have the time to do a better job at pulling it all together so this is what I could come up with. These are the key things that came to mind though, and if they were solved wouldn’t put me in a position where I’m considering alternatives.

2 Likes