getodk / web-forms

ODK Web Forms enables form filling and submission editing of ODK forms in a web browser. It's coming soon! ✨
https://getodk.org
Apache License 2.0
5 stars 0 forks source link

Design tweaks #139

Open alyblenkin opened 1 week ago

alyblenkin commented 1 week ago

Starting a list of small changes to improve the over all experience

lognaturel commented 1 week ago

For the add button for repeats, what do you think about also adding the repeat label (really the label of the outer group) in the button text? That would be similar to Collect. For example, if the repeat label is "person", the button label would be "Add person". The danger is that of course the repeat label could be poorly selected. In Collect, the repeat name is used as-is and put in quotes (Add "person"?). We could consider doing things like forcing lowercase.

alyblenkin commented 4 days ago

@lognaturel Yes, I think this would be a super nice improvement and would align nicely with Collect!

sadiqkhoja commented 2 days ago

Comments by @eyelidlessness about Form Header on #132:

I was curious to see how wrapping looks for forms with long titles. Pretty good! I think we may want to iterate later on...

  • More consistent alignment of controls (icons in larger views, hamburger menu in smaller). The vertical centering makes those a moving target. I think we'll probably want some design guidance on that.
  • Maybe slightly reducing text size/weight over a certain character length? (Honestly the weight feels pretty heavy regardless of length, wrapping.)
lognaturel commented 9 hours ago

Normalize vertical spacing, especially after text boxes:

Screenshot 2024-06-28 at 4 02 49 PM