I have a big website with some forms. There are four background-colours for the form
components. One of them is pink/red.
Here the image and the error message:
I can't change the form background-color, but I'm free to change the message style (background-color, text-color, etc.).
What do you think? I don't like it the red with white text. The error message is not very visible, because the background is red. I've been trying for a few days with other red styles, and some oranges, but it looks weird.
Blue or green backgrounds are really visibles, but it could be confusing. (success = green, error = red)
How can I improve this form?
I mean, I should change the error message and don't touch the select
components.
Some options, inspired by your answers:
- 1 is current.
- 2 looks nice
- 3 weird
- 4 (darker) and 5 (lighter), similar, but the shadow is different
Thanks you all for the feedback!!
Answer
I'd go with a color that'll always retain stark contrast. I'd also avoid venturing too far outside of the styles that that users are generally familiar with. Because you're working in an atypical style, if you deviate and use unfamiliar elements you may risk confusing a percentage of your users. Here's what i think i'd recommend.
No comments:
Post a Comment