Design/Inspiration
General
- Figure out the absolute least you need to do to implement the idea, do just that, and then polish the hell out of the experience. (John Gruber’s overriding guideline for iPhone UI design)
- sign up is an OUTCOME (http://www.lukew.com/ff/entry.asp?921)
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
- Top Aligned Labels
page revision: 3, last edited: 19 Oct 2009 12:07