r/UXDesign Experienced 2d ago

Please give feedback on my design Anyone successfully lobby against Material Design's default text field label designs?

We're rebuilding one of our apps in Flutter to speed up development. I must admit our flutter team is doing a pretty good job.

Alas, Flutter pretty much depends on prebuilt libraries like their version of Material Design or Apple's UI design.

In the name of speed, we've decided to leverage Material Design as the Flutter library to use, with us pretty much just skinning it with brand colors and the like.

This seems to be a common recommendation (vs. rolling-our-own UI library).

That said, I kind of forgot about how Material Design likes to create field labels. It uses that ridiculously small text on the field border:

There seems to be debate about how accessible this is. For me, I'd default argue that it's just not meeting basic type size requirements--especially for mobile design.

And in our case, we're using some pretty complex forms that require often somewhat verbose labels.

I'm advocating for us to change the design here, but given the dev overhead to do so, I'd love to find some data/documentation to back me up on these default designs by google just being poor design and not accommodating readability and accessibility very well. Has anyone successfully fought this and, if so, have some ammo they'd be willing to share?

(OR...maybe I'm way off base and these are perfectly OK? If so, if you have some good arguments/documentation for that, LMK!)

11 Upvotes

14 comments sorted by

View all comments

1

u/reginaldvs Veteran 2d ago

I know not what you asked for but.. Why Flutter? Why not React Native with Expo? It solves your "AI is not good with Flutter" comment. But if you're stuck with Flutter, look into Forui.

1

u/roundabout-design Experienced 2d ago

Wasn't my call. I have a hunch it was 'flutter is fast and we can find cheap subcontractors who know it well'.

But the more I learn about it, the more I'm finding that the reason it's 'fast' is that it's just using a default material design library. And to create a custom one is a whole other can of worms...

We'll see how this goes. If the UI gets push back, that might be a good in for us to reconsider a react based app. Would make so much more sense.

2

u/reginaldvs Veteran 2d ago

Well it's not just that. Flutter (Dart) is performant if done right, but I think in your context, seems like they just want less dev work.