Skip to main content

Formulários

  • Dicas relacionadas a formulários

Single column forms

Single column forms offer a clean and simple design that is easy to understand and navigate.

https://miro.medium.com/v2/resize:fit:700/1*WOgONjMxCC_Tb97Uj0i6xg.png

Use (Optional) instead of (*)

Using (Optional) instead of an asterisk (*) is a more clear and accessible way to communicate to users that a field in a form is not mandatory.

https://miro.medium.com/v2/resize:fit:700/1*0-VJUwCnBB47GeF64yNBTA.png

Use positive error messages

Using positive error messages in UI design is an effective way to improve the user experience and create a more user-friendly application or website.

https://miro.medium.com/v2/resize:fit:700/1*6UxLwVgC9flrlS6IjbCdGw.png

Don’t use letter spacing unnecessarily

While letter spacing can be used effectively in UI design to improve readability and visual appeal, it should be used judiciously and not unnecessarily.

https://miro.medium.com/v2/resize:fit:700/1*yEvZu2D5b2wIBue-fYOJwA.png

Avoid using ridiculous backgrounds

A ridiculous background may not be consistent with the overall branding or design of the site or application. This can make the design appear disjointed and unprofessional.

https://miro.medium.com/v2/resize:fit:700/1*WlDQBEnyMGmK_1ZoOCXQCw.png

Using white space

White space is used to create a sense of balance and harmony in the overall design of the user interface.

https://miro.medium.com/v2/resize:fit:700/1*r-DMF-zyuTo-Jo_jMxwizA.png

Highlight input format with placeholders

Cards are more useful when you want to present a range of options or items that may have different levels of importance or complexity.

https://miro.medium.com/v2/resize:fit:700/1*YLtmGaZyS7T3EFSlSdKwDg.png

Highlight the correct button

The correct button should be easy to identify and visually distinguishable from other elements on the screen.

https://miro.medium.com/v2/resize:fit:700/1*ZeufiWSuIVa5Gz1dEg5nNQ.png

The neumorphism is no usable

The neumorphism is no usable and doesn’t work in real apps!

https://miro.medium.com/v2/resize:fit:700/1*LF-8gUVrqGyJyBOoaFCARg.png