O documento discute boas práticas para formulários na web, incluindo: (1) ser breve e eliminar campos desnecessários, (2) agrupar visualmente campos relacionados, e (3) apresentar campos em uma única coluna para manter o foco do usuário.
O documento discute 12 regras para melhorar a usabilidade de formulários em dispositivos móveis, incluindo minimizar o número de campos, usar validação em tempo real e combinar o teclado com o tipo de entrada de dados necessário.
Nesta aula continuamos com os conceitos e metodologia de Planejamento de Projetos Web e abordamos: Sitemaps, Wireframes, documento de escopo e dicas simples de Usabilidade.
O documento resume 12 lições sobre o projeto de navegação e interação do site Jovem Nerd. O site possui navegação simples, ferramentas de análise, redes sociais para compartilhamento e chat. Sua análise é feita com ferramentas de analytics e é otimizado para seu público-alvo de jovens entre 15-35 anos. O site também possui vários subsites independentes.
Heurísticas de nielsen e as regras de ben shneidermanL_IBRAIM
O documento descreve as 10 Heurísticas de Nielsen e as 8 Regras de Ouro de Ben Shneiderman para projeto de interfaces. As Heurísticas de Nielsen incluem feedback visível, correspondência com o mundo real e prevenção de erros. As Regras de Ouro de Shneiderman incluem consistência, feedback informativo e controle do usuário.
O documento descreve um processo em 7 etapas para projetar a arquitetura de informação de um site: 1) Briefing para entender os requisitos do cliente, 2) Análise aprofundada dos requisitos, 3) Brainstorming com a equipe, 4) Definição do conceito, 5) Criação do sitemap, 6) Desenvolvimento de wireframes, 7) Testes para validar a solução. O objetivo é organizar a informação e experiência do usuário de forma estruturada e testada antes de criar o design visual do site.
Este documento fornece dicas para webmasters melhorarem seus sites e serviços. Ele discute a importância de manter o conteúdo atualizado, cuidar da primeira página e facilitar a navegação para engajar os usuários. Também enfatiza a necessidade de testar o HTML, respeitar os direitos autorais e manter o servidor atualizado.
O documento discute 12 regras para melhorar a usabilidade de formulários em dispositivos móveis, incluindo minimizar o número de campos, usar validação em tempo real e combinar o teclado com o tipo de entrada de dados necessário.
Nesta aula continuamos com os conceitos e metodologia de Planejamento de Projetos Web e abordamos: Sitemaps, Wireframes, documento de escopo e dicas simples de Usabilidade.
O documento resume 12 lições sobre o projeto de navegação e interação do site Jovem Nerd. O site possui navegação simples, ferramentas de análise, redes sociais para compartilhamento e chat. Sua análise é feita com ferramentas de analytics e é otimizado para seu público-alvo de jovens entre 15-35 anos. O site também possui vários subsites independentes.
Heurísticas de nielsen e as regras de ben shneidermanL_IBRAIM
O documento descreve as 10 Heurísticas de Nielsen e as 8 Regras de Ouro de Ben Shneiderman para projeto de interfaces. As Heurísticas de Nielsen incluem feedback visível, correspondência com o mundo real e prevenção de erros. As Regras de Ouro de Shneiderman incluem consistência, feedback informativo e controle do usuário.
O documento descreve um processo em 7 etapas para projetar a arquitetura de informação de um site: 1) Briefing para entender os requisitos do cliente, 2) Análise aprofundada dos requisitos, 3) Brainstorming com a equipe, 4) Definição do conceito, 5) Criação do sitemap, 6) Desenvolvimento de wireframes, 7) Testes para validar a solução. O objetivo é organizar a informação e experiência do usuário de forma estruturada e testada antes de criar o design visual do site.
Este documento fornece dicas para webmasters melhorarem seus sites e serviços. Ele discute a importância de manter o conteúdo atualizado, cuidar da primeira página e facilitar a navegação para engajar os usuários. Também enfatiza a necessidade de testar o HTML, respeitar os direitos autorais e manter o servidor atualizado.
O documento discute o design de interfaces do usuário. Ele aborda princípios como layout, conscientização do conteúdo, estética, experiência do usuário, consistência e minimização do esforço do usuário. Além disso, descreve o processo de design de interfaces, incluindo desenvolvimento de cenários, projeto de estrutura, design de padrões e prototipagem. A avaliação de interfaces também é discutida.
O documento discute princípios de código limpo, incluindo: 1) manter o código livre de más práticas como nomes confusos e métodos longos; 2) seguir a "Regra do escoteiro" de deixar o código melhor do que encontrou; 3) usar testes para medir a qualidade do código.
O documento fornece dicas para tornar um site atraente, incluindo ter conteúdo de qualidade, atualizações constantes, objetivos e mensagens claras, tempo de download mínimo, facilidade de uso, consistência e acessibilidade.
O documento fornece informações sobre registro de domínios, hospedagem de sites e introdução ao HTML:
1) Explica os passos para registrar um domínio no Registro.br, escolher um provedor de hospedagem e publicar arquivos no site usando FTP.
2) Discutem conceitos básicos de HTML como estrutura de páginas web, uso de tags, estilos CSS e separação de conteúdo, layout e comportamento.
3) Aborda testes de usabilidade, métricas de desempenho e dicas para
Este documento apresenta a modelagem de um sistema bancário utilizando arquitetura cliente-servidor. Ele estrutura o sistema em subsistemas como autoatendimento e serviços bancários. Também projeta o banco de dados relacional do sistema e desenvolve o projeto do sistema bancário com múltiplas instâncias do subsistema de cliente e uma do subsistema de serviço.
Palestra Padrões Brasil E-Gov: World Usability Day 2010 - no IBGELuiz Agner
Este documento fornece recomendações de usabilidade para sites governamentais brasileiros. Ele discute conceitos como carga de informação, autonomia do usuário e consistência visual. O documento também fornece diretrizes específicas como manter links, botões e elementos visuais sempre nos mesmos lugares e usar linguagem simples e clara para facilitar a compreensão do público.
O documento fornece dicas sobre planejamento estratégico de projetos, incluindo a importância de conhecer os clientes e seus objetivos de negócio, saber dizer não a projetos que não se encaixam, e ter um site informativo sobre projetos para atrair novos clientes.
Este documento avalia os critérios de usabilidade empregados no site de e-commerce Submarino. Analisa dez conceitos fundamentais de usabilidade propostos por Jakob Nielsen, incluindo consistência visual, design minimalista, correspondência com o mundo real, ajuda ao usuário, tratamento de erros, e diferenciação entre usuários iniciantes e experientes. Conclui que o Submarino atende bem aos critérios de usabilidade por ter uma navegação intuitiva e limpa.
Dual track Agile - Incluindo o PO e UX em seu pipeline de desenvolvimentoPablo Silva
Este documento discute a abordagem "Dual-Track Agile" para incluir profissionais de UX e PO no time de desenvolvimento de software. A abordagem sugere dois trilhos paralelos: um para descoberta e prototipagem e outro para entrega. Isso melhora a comunicação, evita desperdícios e organiza o que vem a seguir no processo de desenvolvimento.
CONAIND 2015 - Tecnologia Para a Internet e E-commerceVitaminaWeb
O documento fornece dicas sobre como usar a tecnologia e o e-commerce para que indústrias possam vender na internet durante tempos de crise econômica. Ele enfatiza a importância de planejamento digital, de diversificar as estratégias de marketing online como e-mail marketing, anúncios e SEO, e de medir os resultados das ações para melhorar o desempenho.
O documento fornece instruções para criar um formulário online para pedidos de produtos utilizando CGI. Ele explica como criar a página HTML com campos para preenchimento de dados do cliente e seleção de itens, e também como criar o script CGI para processar o pedido.
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoiMasters
Design UX. O que é e para que serve? Como utilizar no seu projeto e o quanto influencia. Boas práticas na criação de um site.
Nesta palestra, o Guilherme irá mostrar exemplos práticos e irá exercitar o conceito de UX em diversos momentos (da concepção à entrega do produto final).
De uma maneira leve e até bem humorada, a ideia é desmistificar esse conceito e trazer maneiras de utilizar técnicas de UX no dia a dia.
Será abordado ainda, design para desktop x mobile, como projetar um PWA otimizado e também diferenciação entre UX e UI.
1) O documento discute design e usabilidade, categorizando diferentes tipos de usuários e erros comuns em projetos de interface.
2) São listados dez equívocos em design de interface para cada ano entre 1996-2005, como uso excessivo de frames e animações.
3) O documento recomenda focar em melhorar a qualidade dos elementos básicos de um site em vez de adicionar novas tecnologias.
TDC2016POA | Trilha Agile - Dual-Track Agile: incluindo o PO e o UX no seu pi...tdc-globalcode
O documento discute a implementação do "Dual-Track Agile" para melhorar a comunicação entre os times de desenvolvimento, UX e produto. O método propõe dividir o trabalho em duas trilhas - descoberta e entrega - para validar hipóteses com os usuários antes de começar a codificar, evitando desperdícios.
Apresentação feita para o debate sobre CSS @ IBM
Este slide não está completo. Em breve postarei um próximo com tudo comentado, irei transcrever a parte que foi conversada, ja que algumas páginas apresentam somente os tópicos.
O documento discute a polêmica em torno do desenvolvimento de sites a partir de templates prontos versus a criação de sites do zero. Ele argumenta que, embora o trabalho de webdesign deva ser valorizado, templates podem ser uma opção viável para microempresários com orçamento limitado, desde que o cliente esteja ciente dos prós e contras de cada abordagem.
Webinar projetos e ti - business intelligence - como fazerProjetos e TI
O documento fornece uma introdução sobre os três fundamentos principais para estruturar uma solução de Business Intelligence (BI): 1) Entendimento da demanda dos usuários; 2) Concepção do modelo de implementação adequado; 3) Implementação do projeto, incluindo prototipação, modelagem de dados e dimensionamento da infraestrutura.
1) O documento discute vários tópicos relacionados a webdesign, programação, websites e redes sociais, incluindo registro de domínios, hospedagem, HTML, CSS, usabilidade e anúncios no Facebook e Instagram.
2) É destacada a importância de separar conteúdo, estilo e comportamento na programação web usando HTML, CSS e JavaScript para melhorar a experiência do usuário.
3) É explicado que testes de usabilidade com usuários reais são importantes para identificar problemas e melhorar a conversão e satisfação dos visitantes do site
Rodrigo Branas tem experiência em desenvolvimento Java, gerenciamento de projetos e certificações. Ele trabalhou para várias empresas e ministrou treinamentos sobre diversos tópicos de tecnologia.
Este documento fornece um resumo do curso de Marketing Digital de Performance ministrado por Ricardo Zacho da MZclick. O curso aborda diversos tópicos como Email Marketing, Mídias Sociais, Otimização de Sites e Anúncios Google.
O documento apresenta um resumo sobre marketing digital, desenvolvimento web e SEO. Discute conceitos como marketing digital x offline, veículos digitais como sites e mídias sociais, ferramentas analíticas e de SEO, tipos de sites estáticos e dinâmicos, e fatores internos e externos importantes para o posicionamento em mecanismos de busca.
O documento apresenta uma agenda sobre Web, Marketing Digital e outros tópicos. A agenda inclui a diferença entre Web e Internet, canais de Marketing Digital como sites e redes sociais, e como a busca online funciona. Apresenta também que educação e saúde são bons investimentos e que é possível mudar padrões mentais a qualquer idade.
Mais conteúdo relacionado
Semelhante a 5 abordagens práticas para melhora websites
O documento discute o design de interfaces do usuário. Ele aborda princípios como layout, conscientização do conteúdo, estética, experiência do usuário, consistência e minimização do esforço do usuário. Além disso, descreve o processo de design de interfaces, incluindo desenvolvimento de cenários, projeto de estrutura, design de padrões e prototipagem. A avaliação de interfaces também é discutida.
O documento discute princípios de código limpo, incluindo: 1) manter o código livre de más práticas como nomes confusos e métodos longos; 2) seguir a "Regra do escoteiro" de deixar o código melhor do que encontrou; 3) usar testes para medir a qualidade do código.
O documento fornece dicas para tornar um site atraente, incluindo ter conteúdo de qualidade, atualizações constantes, objetivos e mensagens claras, tempo de download mínimo, facilidade de uso, consistência e acessibilidade.
O documento fornece informações sobre registro de domínios, hospedagem de sites e introdução ao HTML:
1) Explica os passos para registrar um domínio no Registro.br, escolher um provedor de hospedagem e publicar arquivos no site usando FTP.
2) Discutem conceitos básicos de HTML como estrutura de páginas web, uso de tags, estilos CSS e separação de conteúdo, layout e comportamento.
3) Aborda testes de usabilidade, métricas de desempenho e dicas para
Este documento apresenta a modelagem de um sistema bancário utilizando arquitetura cliente-servidor. Ele estrutura o sistema em subsistemas como autoatendimento e serviços bancários. Também projeta o banco de dados relacional do sistema e desenvolve o projeto do sistema bancário com múltiplas instâncias do subsistema de cliente e uma do subsistema de serviço.
Palestra Padrões Brasil E-Gov: World Usability Day 2010 - no IBGELuiz Agner
Este documento fornece recomendações de usabilidade para sites governamentais brasileiros. Ele discute conceitos como carga de informação, autonomia do usuário e consistência visual. O documento também fornece diretrizes específicas como manter links, botões e elementos visuais sempre nos mesmos lugares e usar linguagem simples e clara para facilitar a compreensão do público.
O documento fornece dicas sobre planejamento estratégico de projetos, incluindo a importância de conhecer os clientes e seus objetivos de negócio, saber dizer não a projetos que não se encaixam, e ter um site informativo sobre projetos para atrair novos clientes.
Este documento avalia os critérios de usabilidade empregados no site de e-commerce Submarino. Analisa dez conceitos fundamentais de usabilidade propostos por Jakob Nielsen, incluindo consistência visual, design minimalista, correspondência com o mundo real, ajuda ao usuário, tratamento de erros, e diferenciação entre usuários iniciantes e experientes. Conclui que o Submarino atende bem aos critérios de usabilidade por ter uma navegação intuitiva e limpa.
Dual track Agile - Incluindo o PO e UX em seu pipeline de desenvolvimentoPablo Silva
Este documento discute a abordagem "Dual-Track Agile" para incluir profissionais de UX e PO no time de desenvolvimento de software. A abordagem sugere dois trilhos paralelos: um para descoberta e prototipagem e outro para entrega. Isso melhora a comunicação, evita desperdícios e organiza o que vem a seguir no processo de desenvolvimento.
CONAIND 2015 - Tecnologia Para a Internet e E-commerceVitaminaWeb
O documento fornece dicas sobre como usar a tecnologia e o e-commerce para que indústrias possam vender na internet durante tempos de crise econômica. Ele enfatiza a importância de planejamento digital, de diversificar as estratégias de marketing online como e-mail marketing, anúncios e SEO, e de medir os resultados das ações para melhorar o desempenho.
O documento fornece instruções para criar um formulário online para pedidos de produtos utilizando CGI. Ele explica como criar a página HTML com campos para preenchimento de dados do cliente e seleção de itens, e também como criar o script CGI para processar o pedido.
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoiMasters
Design UX. O que é e para que serve? Como utilizar no seu projeto e o quanto influencia. Boas práticas na criação de um site.
Nesta palestra, o Guilherme irá mostrar exemplos práticos e irá exercitar o conceito de UX em diversos momentos (da concepção à entrega do produto final).
De uma maneira leve e até bem humorada, a ideia é desmistificar esse conceito e trazer maneiras de utilizar técnicas de UX no dia a dia.
Será abordado ainda, design para desktop x mobile, como projetar um PWA otimizado e também diferenciação entre UX e UI.
1) O documento discute design e usabilidade, categorizando diferentes tipos de usuários e erros comuns em projetos de interface.
2) São listados dez equívocos em design de interface para cada ano entre 1996-2005, como uso excessivo de frames e animações.
3) O documento recomenda focar em melhorar a qualidade dos elementos básicos de um site em vez de adicionar novas tecnologias.
TDC2016POA | Trilha Agile - Dual-Track Agile: incluindo o PO e o UX no seu pi...tdc-globalcode
O documento discute a implementação do "Dual-Track Agile" para melhorar a comunicação entre os times de desenvolvimento, UX e produto. O método propõe dividir o trabalho em duas trilhas - descoberta e entrega - para validar hipóteses com os usuários antes de começar a codificar, evitando desperdícios.
Apresentação feita para o debate sobre CSS @ IBM
Este slide não está completo. Em breve postarei um próximo com tudo comentado, irei transcrever a parte que foi conversada, ja que algumas páginas apresentam somente os tópicos.
O documento discute a polêmica em torno do desenvolvimento de sites a partir de templates prontos versus a criação de sites do zero. Ele argumenta que, embora o trabalho de webdesign deva ser valorizado, templates podem ser uma opção viável para microempresários com orçamento limitado, desde que o cliente esteja ciente dos prós e contras de cada abordagem.
Webinar projetos e ti - business intelligence - como fazerProjetos e TI
O documento fornece uma introdução sobre os três fundamentos principais para estruturar uma solução de Business Intelligence (BI): 1) Entendimento da demanda dos usuários; 2) Concepção do modelo de implementação adequado; 3) Implementação do projeto, incluindo prototipação, modelagem de dados e dimensionamento da infraestrutura.
1) O documento discute vários tópicos relacionados a webdesign, programação, websites e redes sociais, incluindo registro de domínios, hospedagem, HTML, CSS, usabilidade e anúncios no Facebook e Instagram.
2) É destacada a importância de separar conteúdo, estilo e comportamento na programação web usando HTML, CSS e JavaScript para melhorar a experiência do usuário.
3) É explicado que testes de usabilidade com usuários reais são importantes para identificar problemas e melhorar a conversão e satisfação dos visitantes do site
Rodrigo Branas tem experiência em desenvolvimento Java, gerenciamento de projetos e certificações. Ele trabalhou para várias empresas e ministrou treinamentos sobre diversos tópicos de tecnologia.
Este documento fornece um resumo do curso de Marketing Digital de Performance ministrado por Ricardo Zacho da MZclick. O curso aborda diversos tópicos como Email Marketing, Mídias Sociais, Otimização de Sites e Anúncios Google.
Semelhante a 5 abordagens práticas para melhora websites (20)
O documento apresenta um resumo sobre marketing digital, desenvolvimento web e SEO. Discute conceitos como marketing digital x offline, veículos digitais como sites e mídias sociais, ferramentas analíticas e de SEO, tipos de sites estáticos e dinâmicos, e fatores internos e externos importantes para o posicionamento em mecanismos de busca.
O documento apresenta uma agenda sobre Web, Marketing Digital e outros tópicos. A agenda inclui a diferença entre Web e Internet, canais de Marketing Digital como sites e redes sociais, e como a busca online funciona. Apresenta também que educação e saúde são bons investimentos e que é possível mudar padrões mentais a qualquer idade.
Apresentação sobre o artigo:Towards an elastic distributed SDN controllerAnselmo Battisti
O documento apresenta um artigo que propõe uma arquitetura elástica e distribuída para controladores SDN chamada ElastiCon. ElastiCon permite que o pool de controladores se adapte dinamicamente através de load balancing e migração transparente de fluxos entre controladores. Testes mostraram que o número de controladores por nó afeta o throughput e tempo de resposta da rede e que a migração de switches causa pequeno aumento no tempo de resposta que se estabiliza logo após.
O documento discute a Internet das Coisas (IoT), definindo o conceito, elementos e casos de uso. Também aborda como a engenharia de software para IoT difere da tradicional, necessitando de novas práticas para lidar com a heterogeneidade e escala dos dispositivos conectados.
INFLUÊNCIA DA INOVATIVIDADE E FINANCIAMENTO NO RESULTADO EM WEB START-UPSAnselmo Battisti
Este estudo analisa a relação entre a inovação, o financiamento e os resultados em startups na web brasileiras. O estudo usará questionários e análise fatorial para investigar como os fatores intangíveis e tangíveis influenciam o desempenho das startups. Os resultados podem ajudar empreendedores e investidores a melhorar o entendimento dos fatores que influenciam o sucesso das startups na web.
A e-PARTICIPAÇÃO COMO FERRAMENTA DE TRANSFORMAÇÃO SOCIAL- UM ESTUDO DE CASOAnselmo Battisti
O documento discute um estudo de caso sobre o uso da e-petição como ferramenta de transformação social em Cascavel, PR. A pesquisa analisou como uma petição online foi usada para impedir o aumento no número de vereadores, coletando 15 mil assinaturas. No entanto, o governo rejeitou a petição alegando problemas de validação das assinaturas. A pesquisa entrevistou os grupos envolvidos para entender suas perspectivas sobre a e-participação e seu potencial para promover a democracia.
A criação de um e-Commerce é como montar um grande Quebra-Cabeças. Você une as peças de acordo com a sua necessidade para formas o resultado final!
Nesta apresentação procurei falar de forma macro sobre os principais tipos de peças que você deve usar para montar um e-Commerce
O documento discute como pequenas e microempresas podem iniciar um negócio de e-commerce. Ele explica o que é e-commerce, os principais números do setor no Brasil, a legislação envolvida, os primeiros passos para começar como escolher um nome de domínio e hospedagem, opções de lojas prontas ou personalizadas, meios de pagamento, marketing e outras formas de vender online.
Este documento fornece uma introdução ao CMS Joomla, incluindo como instalá-lo e utilizá-lo para criar sites. É explicado que Joomla é uma plataforma open source para criação de sites e portais, e que pode ser usado para criar diferentes tipos de sites e sistemas web. O documento também discute como configurar categorias, artigos, menus e usuários no Joomla.
5. Formulários
• Principal elemento de entrada de
dados em um site;
• Cada navegador estiliza elementos
dos formulários de maneira
diferente;
Anselmo Battisti - anselmo@webgenium.com.br 5
7. Formulários – Seja Breve.
• Seja breve. O matemático Blaise Pascal diz que
“Ficou mais longo do que deveria porque não tive
tempo de deixar mais curto”. A frase também se
aplica a escrita? Eliminar campos desnecessários
requer tempo, mas as vantagens para os usuários faz
esse tempo extra valer a pena. Considere coletar
alguns daqueles dados mais tarde, ou de uma outra
forma. Nem tudo precisa ser pedido de uma vez só.
Anselmo Battisti - anselmo@webgenium.com.br 7
8. Formulários – Agrupe visualmente
campos relacionados.
• Use rótulos para descrever os campos
imediatamente próximos. Evite espaçamento
ambíguo, onde os rótulos estão à mesma distância
de vários campos de formulário diferentes. Se seu
formulário pede informações de tópicos diferentes,
divida-o em seções e agrupe os campos de forma
que faça mais sentido para o usuário — ao invés de
tratar todos os campos como uma coisa só.
Anselmo Battisti - anselmo@webgenium.com.br 8
10. Formulários – Apresente os campos em
uma única coluna.
• Usar um layout de múltiplas colunas pode
distrair o usuário ao invés de deixá-lo focado
em uma tarefa só. Empilhe os campos
sempre que possível. A exceção para essa
regra são campos extremamente curtos
(como CEP, ou Estado), que podem ser
colocados lado a lado
Anselmo Battisti - anselmo@webgenium.com.br 10
12. Formulários – Siga uma sequência lógica.
• Toda vez que apresentar campos, faça na sequência
lógica. Quando for pedir os dados de um cartão de
crédito, por exemplo, peça primeiro o número do cartão,
depois a data de validade, depois o código de
segurança — já que é também nessa ordem que o
usuário vai ler esses dados quando estiver com o cartão
de crédito em mãos. Para campos com múltiplos
valores, considere deixar os valores mais
frequentemente usados no topo da lista.
Anselmo Battisti - anselmo@webgenium.com.br 12
14. Formulários – Evite texto de marcação
que são difíceis de ler.
• Esse é óbvio, mas muitos designers ainda
esquecem: quando for usar textos claros,
tenha certeza que a cor escolhida tem um
mínimo de contraste com o fundo da página
para evitar problemas de legibilidade e,
consequentemente, de acessibilidade.
Anselmo Battisti - anselmo@webgenium.com.br 14
16. Formulários – Use o tipo certo de campo
para o tipo certo de informação.
• Evite dropdowns quando for apresentar
somente 2 ou 3 opções (que poderiam ser
melhor visualizadas com radio buttons). Os
campos de texto devem ser do tamanho
aproximado da informação que você espera
que os usuários incluam ali.
Anselmo Battisti - anselmo@webgenium.com.br 16
18. Formulários – Diferencia campos
opcionais de campos obrigatórios.
• Primeiro, elimine ao máximo os campos
opcionais — se eles são opcionais, por que
você está pedindo? Tente limitar o número de
campos opcionais a apenas 1 ou 2, e
identifique claramente para os usuários que
eles são opcionais. Antes deles preencherem
o campo, obviamente.
Anselmo Battisti - anselmo@webgenium.com.br 18
19. Formulários – Explique requisitos de
formatação.
• Se você espera que o usuário crie um password,
não espere que ele adivinhe os requisitos do seu
sistema para a criação do mesmo. O mesmo serve
para sintaxe, pontuação, espaços em branco para
telefones ou cartões de crédito. O ideal é que o
formulário aceite qualquer tipo de formatação e o
usuário não tenha nem que se preocupar com isso.
Anselmo Battisti - anselmo@webgenium.com.br 19
22. Formulários – Chega de botões de
“Limpar”.
• O risco do usuário clicar acidentalmente no
botão limpar e perder tudo que já preencheu é
grande. Pense mil vezes antes de colocar um
botão desses no formulário — e considere a
hierarquia visual dele em relação ao botão de
“Enviar”. Pense bastante. Pense mais. Em
que ano estamos?
Anselmo Battisti - anselmo@webgenium.com.br 22
24. Formulários – Ofereça mensagens de
erro visíveis e bem escritas.
• Erros devem ser indicados através de vários
affordances visuais diferentes — não somente
mudança de cor. Use ícones, fontes em
negrito, bordas, setas. Ser sutil não é uma
boa ideia quando erros acontecem e o
usuário já está frustrado com o seu produto.
Anselmo Battisti - anselmo@webgenium.com.br 24
29. Exercícios
• O que poderia ser melhorado no cadastro
de cliente do submarino.com.br?
• O que poderia ser melhorado no cadastro
de cliente do magazineluiza.com.br?
• O que você melhoraria na tela de login do
site estante virtual?
Anselmo Battisti - anselmo@webgenium.com.br 29