what can I try to add a better ui here in this img
Idk what background design or any colour should I try with this ? Or can anyone tell me how can I improve my ui skills in frontend.. and what combinations of bg design in that form bg
I done with the home page which is the first page to display in ui but idk what can I try after this pages like inside route pages
Thank u in advance
15 Replies
are those placeholders or labels on top of the input?
if it's placeholders, you need to change it for labels
also, you don't indicate what's required or not, with an asterisk
and the label/placeholder seems to be the same color as the text, which is confusing since there is no quick visual indication of what is and isn't filled
you should partition this better
you have a "for company" option, and then you ask for the company name
with a fieldset, you can group everything better into sections
and instead of having an input for every single social media and communication app, you can have a section to add as many as the user has
in terms of database, this is an n:n relationship
It's label , it's kind of like
When I click the input box the label will go top -12px from it's position
It's switch between personal and company type , if client select personal the company name input field label will become as "User name"
Thinking about that same rather than using mui icons
Oh what's n:n
Also can u suggest any bg Color or how can I improve my ui skills like I don't get any idea
many to many
the color needs to be changed then, because it looks like the field is filled in
More of UX suggests:
1. Group related fields together like contact, socials, etc.
2. Not everything needs to be of the same size, Location should ideally be longer multiline while role can be shorter.
3. Good to add better ui for country code in phone numbers, it also helps to better indicate user it's a number field
4. Try using icons
Looks good idea might try this
Yeah I set label as light gray and input text font colour as black
Also the label will be in blue once it reaches top -12px
So should I leave the background as white
that is perfect
The current color palette looks good so no problems with that, you can use either an outline or a background fill for grouping categories so it can be experimented
Ok
Ok I will try that
Should I try icons on every input field
I implement like this
You can try it, though you might end up repeating icons which might make it confusing
Feels really easy on the eyes now. On a side note, what's the company name and name? It's a little confusing
Company name is company name , the name field is for the user or the guy who creates
I'm thinking, but if I add icons it kinda would make difficult for input boxes
The guy who creates refers to
1. The founder/ ceo
2. The person filling the form
Because having it inside company details is making it confusing
Yep I made that changes
Do u think adding icons would be better idea on input fields on left side
You should experiment with it if you have time available
I did , but it kinda makes ugly with responsive design
But thanks