Alternative Flat UI Buttons

An experiment in making Flat-UI buttons appear more interactive. Flat-UI is very pretty, but it has usability problems with indicating interactivty. Buttons are especially a problem for me. This is an experiment to do a better job at indicating interactivity. Colors are borrowed from Flat UI.

The css for this experiment is not a library, it's just a one-off experiment.

Current

Maintaining Flatness

Border

Double Border

Underline

Compromising Flatness

50% Gradient

Inner Shadow

Inner Shadow

Final thoughts

These may not look as pretty, but usability should come before beauty as frustrating users is not a beautiful experience.