Design/Inspiration

General

Web Forms

  • Label placement
    • Top Aligned Labels
      • When data being collected is familiar
      • Minimize time to completion
      • Require more vertical space
      • Spacing or contrast is vital to enable efficient scanning
      • Flexibility for localization and complex inputs
    • Right Aligned Labels
      • Clear association between label and field
      • Requires less vertical space
      • More difficult to just scan labels due to left rag
      • Fast completion times
    • Left Aligned Labels
      • When data required is unfamiliar
      • Enables label scanning
      • Less clear association between label and field
      • Requires less vertical space
      • Changing label length may impair layout
    • source: http://www.lukew.com/ff/entry.asp?921
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License