Form Design
| Do | Don’t | |
|---|---|---|
| ✅ | Keep forms short and focused | ❌ Ask for unnecessary information |
| ✅ | Use clear, descriptive labels | ❌ Use jargon or ambiguous terms |
| ✅ | Group related fields together | ❌ Scatter related information throughout the form |
User Experience
| Do | Don’t | |
|---|---|---|
| ✅ | Show progress indicators on long forms | ❌ Leave users guessing how much is left |
| ✅ | Use inline validation | ❌ Wait until submission to show errors |
| ✅ | Make the submit button stand out | ❌ Hide or minimize the call to action |
Mobile Optimization
| Do | Don’t | |
|---|---|---|
| ✅ | Test on mobile devices | ❌ Assume desktop designs work on mobile |
| ✅ | Use appropriate input types | ❌ Use text inputs for everything |
| ✅ | Make tap targets large enough | ❌ Crowd elements too close together |
Conversion Optimization
| Do | Don’t | |
|---|---|---|
| ✅ | Start with easy questions | ❌ Ask sensitive info upfront |
| ✅ | Use social proof when appropriate | ❌ Leave users wondering if they can trust you |
| ✅ | Customize the thank you message | ❌ Use generic confirmation text |
Key Takeaways
- Less is more — only ask for what you truly need
- Test on mobile — most users are on their phones
- Build trust — start easy and explain why you need info
- Optimize continuously — use analytics to find drop-off points