Hola guys... while doing my task at office, I found this interesting tips for designing web form. This tips are given by Luke Wrobleski .
- Path To Completion - Use progress indicators to communicate scope, status and position
- Label Alignment - Use right, left or top alignment consistently
- Helps & Tips - Help visible & adjacent to a data request is most useful
- Inline Validation - Provide direct feedback as data is entered
- Primary & Secondary Actions - Avoid secondary actions if possible and align primary actions with inputs fields for a clear path to completion
- Actions in Progress - Provide feedback when an actions is in progress
- Errors - Clearly communicate an error has occurred: top placement, visual contrast
- Unnecessary Inputs - Look for opportunities to remove unnecessary inputs
- Form Organization - Take the time to evaluate every question you ask and ensure your forms speak with one voice
- Gradual Engagement - Try to avoid sign-up forms
Read the details elaborations here .
