Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UX: Consider styling form inputs as boxes #60

Closed
michaelbromley opened this issue Jan 21, 2019 · 1 comment
Closed

UX: Consider styling form inputs as boxes #60

michaelbromley opened this issue Jan 21, 2019 · 1 comment

Comments

@michaelbromley
Copy link
Member

The Clarity design system which is used as the component library of the admin-ui styles form inputs as lines rather than boxes, in a similar way to the Material Design spec:

clarity-01

While this can look quite sleek and minimal, my personal feeling is that it can make it more difficult for the user to discern between an input and other page elements (such as separating lines between sections).

A case in point is this part of the ProductListComponent, where the input appears just above another couple of lines:

clarity-02

TODO: Research

Look for any existing UX research on this topic and take it from there.

@michaelbromley
Copy link
Member Author

Note: It appears that even Google in their latest Material Design spec have moved away from the "underline" style for form inputs: https://material.io/design/components/text-fields.html#filled-text-field

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant