The project that I'm currently working on is really challenging. Together with my team, I am refactoring the presentation layer of some complex web application which user interface caused very bad user experience. One of the things we are working on is a form layout refactoring. In this article I'll show you how we tried to improve common form layouts by using underlined labels.
Read »
Building a better web forms: Labels in form layouts
Category: Tutorials and Learning Tags:
Advertisement
Sponsors
Similar stories
- Form Design with Sliding Labels 8 weeks 2 days ago
- 40 CSS Web Form Style Tutorials For Web Developers 1 year 31 weeks ago
- How to create web application user interface that looks like Outlook 1 year 39 weeks ago
- Web form usability: Better form submission feedback with jQuery 33 weeks 3 days ago
Advertisement
- Form Design with Sliding Labels 8 weeks 2 days ago
For best practice, Luke talks about leaving your labels outside the form field so it’s always available to the user. I do think it’s a pretty good solution, but I think we can get a little more creative than that.
- 40 CSS Web Form Style Tutorials For Web Developers 1 year 31 weeks ago
When developing a project it's important to have a good form input structure throughout, most commonly used forms will tend to be Login, Register and user Profiles. If you have taken the time to develop a custom template for your project more often than not the default appearance of forms you have created are not ideally suited to you designs overall look and feel. We have gathered together a great list of tutorials that should have your new forms looking great or breath life into your existing form design.
- How to create web application user interface that looks like Outlook 1 year 39 weeks ago
How many times have you heard form a client that they want "outlook-like" web user interface for their application? Me, probably a hundred of times. In this article I'll explain how to create a web application user interface that looks like Outlook. You can see the live demo and download source code with images.
- Web form usability: Better form submission feedback with jQuery 33 weeks 3 days ago
Browsers fail to give users effective feedback when the user submits a form. Users respond by clicking the submit button over and over. The problem compounds when users find out they’ve been charged 5 times or when you receive 5 contact submissions. Bummer.
The solution is to replace the submit button with a friendly message letting the user know the form is working.













