O'Reilly logo

Creating Flat Design Websites by Antonio Pratas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Web forms usability

As we said earlier, usability is extremely important in a flat design. The element that suffers more on the usability front from this style is usually the web form. It is usually so easy to match controls such as buttons and text fields to match the flat styles that they lose the effects and features that make them identifiable. A text field is usually represented by a rectangular box with a subtle inner shadow to show that it is expecting content. This shadow is often lost in flat design, and to avoid this, we need to make sure that a form is identifiable as a form. There are several ways of doing this. The best way to do this is by laying your hands on it, so let's do a simple exercise on web forms usability.

Next, we will ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required