Material / Material You Design - Android app

Feature Requests Password Manager
1

Using material design guidelines for the Android app, would allow for a smoother UI and consistent UX for android users.

2

Would like a more consistent approach. Material design + button for instance just opens modal box rather than secondary menu so its more a half implementation.

1 Like
3

If you had to point out, what’s outside of material design on current android app? I had seen so many redesigns, even few google apps are going away from hamburger menu :broken_heart:. I’m not sure what is and what is not material design anymore.

I had a look, here’s what I found in an express 2 mins check:

  • FAB has wrong behaviour, should expand to a list, not open a mini-popup in the middle of the screen
  • search icon looks a bit odd on the left of search field? But material design allows that.
  • There’s back ‘arrow’ at the top of the folder, but not when you view the item, so only way ‘back’ from item details is android’s ‘back’ button. I’m not even sure what material design thinks about this one.
1 Like
4

I agree with you guys. And it was commented back on GitHub last year.

I guess Kyle isn’t giving up on Xamarin for now. (Only a few changes and adaptations, maybe.)
Check the discussion here:

5

Adding m3 desgin will be nice.

3 Likes
6

It would be awesome to update the interface and add icon packs for the saved access data to make it easier to use.

7

The new Android app looks good, but it would look better if it supported material you theming. Part of why I’m moving to bitwarden is because it has a nicer looking app than proton does, so I’d really appreciate this feature.

2 Likes
8

Making a step to Material Design guidelines for the Android app does not make any secret of the fact that the overall user experience will be more desirable. A smoother UI and consistent UX not only make the app more visually pleasing but also make it feel easy and predictable to the user. By adhering to these rules, designers can facilitate navigation, ensure the access of the brought about changes, and construct a design that will embody what customers view as the crux of the modern Android applications. It is absolutely worth mentioning here as this makes the improvement of user satisfaction and the level of engagement more realistic!

9

Note: I merged two other Feature Requests (FRs) to the same topic into this one.

I also changed the title a bit (before, it was: “Material Design Android app”). As this original FR was started in March 2018, I guess “Material You” wasn’t around back then, as it just is the latest Material version.

I assume, that those, who wanted “Material” back then, are also interested in the “newest Material” version now, so I think that adaptation is justified.

10

A post was merged into an existing topic: Modernizing the Android App

11

Currently, Bitwarden uses a rather neutral, functional user interface. In contrast, many modern Android apps have already integrated Material You, Google’s design system. It offers modern color schemes, adaptive layouts, larger touch zones, and generally provides a more pleasant, consistent user experience.

Bitwarden should adopt these standards to better fit into the Android ecosystem, especially for Stock Android devices like the Google Pixel.

A comprehensive visual and functional update would be beneficial in this context, particularly focusing on:

1. Full Integration of Material You:

  • Dynamic color schemes based on the system’s background (Dynamic Color),
  • Adaptive UI components that adjust to different screen sizes and orientations,
  • Smooth transitions and system-conforming layouts,
  • Modernized interaction elements focusing on accessibility and larger touch zones.

2. Material You for the AutoFill Overlay:

The AutoFill Overlay should also adopt the principles of Material You to align visually and functionally with modern Android and Google design guidelines. Bitwarden should take inspiration from Google Password Manager, which already uses Material You for its AutoFill Overlay. This means:

  • The AutoFill field should be designed in the style of Material You, with a customizable color scheme that adapts dynamically to the system’s background,
  • Clear, modern display of login details, such as website name, app name, and icon – all in the Material You style,
  • Improved visual separation between username and email address,
  • Optional additional information like “Last used: 3 days ago”,
  • A search or filter function to quickly find the correct login among multiple saved entries – without options disappearing,
  • Optionally, dynamically adjustable size and placement of the AutoFill window, especially when interacting with the keyboard, ensuring a seamless integration into the Material You design.

Adapting the AutoFill Overlay to Material You would not only enhance visual consistency but also provide a more modern, user-friendly experience – following Google’s established standards.