Could we move the Unlock button on the pin screen to a different location?
Here’s the issue: Most other apps either automatically unlock after entering the pin OR the unlock button is right where your thumb is most likely to be after entering the code (i.e. under the text box and above the keyboard).
In the Bitwarden app the logout button is in this location and the Unlock button (the one you actually want to click) is WAY up in the most inconvenient location possible (the upper right).
This is really frustrating when you have to enter the pin multiple times a day. I’ve lost count of the times I’ve blindly clicked the logout button and caused myself more grief. Stretching across a large device to click the unlock button with one hand is also near impossible.
A small change to this screen would make the app significantly more user friendly.
vachan
(🔥🦊)
October 17, 2020, 2:30am
2
The buttons will be re positioned in the next update. The pull request is open on Github and it should be merged pretty soon. For more info:
Feature name:
Reposition buttons in “Verify Master Password” and “Log In” screens on mobile
Feature Description
Problem statement
The current design of these screens is confusing and makes it easy to click the wrong button. The design is as follows:
the primary button (Unlock or Log In) is located in the upper-right hand corner. This is not an intuitive place for a primary button and is difficult to reach.
the secondary button (Log Out or Get Your Master Password Hint) is a larger button i…
bitwarden:master
← bitwarden:feature-improve-login-ui
opened 10:22PM - 17 Sep 20 UTC
## Description
I have repositioned the buttons in the Log In and Unlock (i.e. V… erify Master Password) pages as discussed in [this Community Forums thread](https://community.bitwarden.com/t/reposition-buttons-in-verify-master-password-and-log-in-screens-on-mobile/14326). The intention of this is to improve the positioning of primary buttons and the UX flow as the user moves through these pages.
*Log In page:* move Log In button to primary location below password entry, move Get Your Master Password Hint to the More Options menu. [Screenshot](https://user-images.githubusercontent.com/31796059/93534423-6561d400-f988-11ea-803c-237a11d79e4c.PNG)
*Unlock page (Verify Master Password):* swap position of Unlock and Log Out buttons. [Screenshot](https://user-images.githubusercontent.com/31796059/93534441-6e52a580-f988-11ea-82a2-bddc5bf2f909.PNG)
## Changes not implemented
In the Community Forums thread, we discussed putting an icon on the Unlock button and changing the theming of primary buttons (i.e. to use the Bitwarden colour scheme rather than the current grey).
However, this was more complicated than anticipated to implement properly and to get it looking good across all devices. I also think that any change to button theming should be implemented consistently across the app, as these buttons appear in other places that were not the subject of this contribution. I still think this needs to be changed, but it should be a separate contribution so that it can be properly considered and implemented consistently across the app.
## Testing
I have tested this in iOS and Android and it all works well subject to the following.
It appears that the Get Your Master Password Hint button is hidden when launching the login flow a certain way in iOS. See the changes to CredentialProviderViewController.cs and LoadingViewController.cs. I have updated these references as required but I was unable to test them because of issues with my iOS development environment. (Briefly, I don't have a provisioning profile or Apple Developer account, so I had to disable custom entitlements to get this to build, which broke certain features of the app such as autofill.) I recommend someone does a quick test of this login flow before accepting the PR.