Best Practices from Luke Wroblewski's book

1. Forms It’s a dirty job but someone’s gotta do it Mauricio Wolff

2. Resumo das Best Practices do Livro O que realmente importa? Por um caminho claro O mundo dos Labels Inputz Ações do Form Textos de Ajuda Erros e Acertos Validação HTML5

4. Labels compactos

5. Se o label for ambíguo, use linguagem coloquial

6. Organização em grupos lógicos

7. Grupos em forma de diálogo

8. Deve-se usar o mínimo de informação visual para distinguir grupos, e a primeira letra maiúscula

10. Se for preciso buscar documentos, start page

11. Mostrar o caminho até a conclusão (Indicador de progresso)

12. Em Checkouts ou signups, elimine elementos que podem causar abandono

14. Pela direita quando se precisa de espaço vertical

15. Pela esquerda quando a leitura deve ser atenta

17. O tamanho do input indica o tamanho da resposta (affordance)

18. Asteriscos junto aos labels

19. Se todos são required, marcar somente os opcionais

20. Um “optional” vale mais que um * com legenda

21. Coerência (pattern)

22. Programadores shouldn’t be lazy (flexible inputs)Telefone: (51) 3333.3333 51 3333-3333 51 3333 3333 3333-3333

24. Alinhar ação primária com inputs

25. Se a ação secundária for destrutiva, confirme

26. Animação para evitar duplos

27. Disable no submit ao invés de texto de ajuda

29. Explicar porque se está perguntando, questões de privacidade, recomendações de como se responder

30. Texto conciso e perto da pergunta

31. Dentro dos inputs, só recomendações de como preencher

33. Erros devem aparecer no contexto e definindo próximas ações

34. Associar visualmente o input que precisa ser resolvido

36. Qualidade da senha ao invés de exigências

38. HTML5

39. HTML5 Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Widgets

40. Q&A?