Componentes da interface web
Formulários
Os formulários permitem que o usuário forneça, a partir de um web site, diversos tipos de informações e as envie para destinatários definidos, como no caso de pagamento de impostos, compra de mercadorias, contrato de serviços, registro de acesso a um site.
As informações encaminhadas podem ser incluídas em bancos de dados e gerar respostas automáticas - como a compra de um produto ou serviço, por exemplo. Podem também ser enviadas por email para uma pessoa, responsável pela resposta ou pelo seu encaminhamento a terceiros.
O rendimento dos formulários devem ser acompanhados e testados para a verificação do seu desempenho comercial e funcional, o que permite o seu contínuo aperfeiçoamento e adaptação às necessidades dos usuários.
Algumas recomendações para o projeto de formulários:
■ Redigir claramente as informações e simplificar a programação visual do conjunto, para que o preenchimento seja fácil e intuitivo. ► Exemplo
Durante do projeto do site deve ser feita uma análise do preenchimento dos campos, para antecipar o comportamento dos usuários. Testes ajudam a verificar se as primeiras percepções são acertadas. Depois do lançamento, o acompanhamento das ações permite a verificação da efetividade das soluções e o seu aperfeiçoamento.
■ Usar elementos que obedeçam a convenções amplamente aceitas, como no caso dos botões de rádio e caixas de seleção.
■ Informar previamente o que vai acontecer a partir do preenchimento do formulário, para fortalecer a relação de confiança com o cliente.
■ Não apagar ou substituir o campo de entrada de dados até que o usuário digite a tecla "Enter" ou submeta o formulário ao servidor clicando com o mouse.
■ Preparar os campos de input de modo que a tecla "tab" vá de um para outro na ordem mais previsível.
■ Caso o usuário tecle "Enter" e receba uma mensagem para preencher um campo em branco, o formulário deve permanecer preenchido em vez de limpar todos os campos.
■ Caso utilize captchas para garantir o preenchimento dos formulários por pessoas (e não mecanismos automatizados), testar bastante a usabilidade da solução adotada. Captchas em formato imagem são resolvidas em média em 9.8 segundos e consenso de 71% entre 3 pessoas; já as captchas sonoras são resolvidas em 28.4 segundos e consenso de 31.2% entre 3 pessoas. (1)
■ Possibilitar a entrada de dados a partir do mouse ou teclado e a saída de dados em impressora escolhida pelo usuário.
Assuntos relacionados
► Formulários: Simplicidade do preenchimento
► Formulários: Convenções de uso de elementos
► Formulários: Comunicação das ações
► Avaliação de web site : Avaliação dos relatórios de acesso : Atividades relacionadas
► CRM (Customer Relationship Management, Gestão do Relacionamento com o Cliente)
Mais informaçao sobre formulários online
► Beautiful forms - Design, style, & make it work with PHP & Ajax(TechRepublic, acesso em 19.11.2011)
► 20 Excellent examples of forms in web design (WDL, acesso em 19.11.2011)
► Five UI tips for Web apps, de Justin James (TechRepublic, acesso em 6.10.2011)
► Style: Enhancing with jQuery, de Vincent Wright (HTML Goodies, acesso em 28.7.2010)
1) How good are humans at solving CAPTCHAs? A large scale evaluation (PDF), de Elie Bursztein, Steven Bethard, Celine Fabry, John C. Mitchell, Dan Jurafsky (Stanford University, acesso em 30.6.2010)
► HTML forms: From basics to style: Layouts, de Vincet Wright (HTML Goodies, acesso em 22.6.2010)
► Patterns for sign up & ramp up - Inspiration and guidelines from the web 2.0 landscape, da Adaptive Path (acesso em 23.4.2010)
► Is your registration process scaring away users? de Dana Oshiro (ReadWriteWeb, acesso em 24.1.2010)
► The $300 million button, de Jared Spool (User Interface Engeneering, acesso em 27.12.2009)
► Heurísticas para avaliação de usabilidade de portais corporativos (documento elaborado por Cláudia Dias, extraído de sua dissertação de Mestrado, acesso em 2.11.2008)
► Formulários acessíveis e-gov (link direto para PDF, 160Kb) - recomendações para o desenvolvimento de formulários acessíveis
► Grid layout para formulário (RamonPage, de Ramon Bispo, acesso em 5.8.2007)
► pForm - site que facilita a criação de formulários de acordo com as especificações dos usuários
► http://wufoo.com/ - site para a produção de formulários
