Princípios de web e web design
World-wide web (web): um serviço da Internet.
Criada por Tim Berners-Lee (físico britânico) em 1989 para compartilhamento de documentos "hipermídia" (hipertexto, multimídia). Meio operacional: servidor, browser, endereço URL, protocolo HTTP e código HTML.Web design (estilo, autoria, usabilidade): fácil de usar.
O que se entende por "boas práticas em web design"? Web design é diferente de design gráfico.
Jakob Nielsen (danês, dinamarquês): "the king of usability", "user advocate". Possui 79 patentes sobre formas de tornar a Internet mais fácil de usar.Desafio do web design: como organizar a informação em um website complexo?
Como escrever corretamente? O que enfatizar? O que evitar?Qual o foco? A "missão" da instituição? Quem é o usuário?
Pessoas são orientadas a "buscar no website".
Dica: oferecer uma "máquina de busca", índice A..Z, mapa do site etc..O website deve ser organizado para pessoas externas à instituição.
Dica: não reproduzir a estrutura organizacional.Como as pessoas leem na web? Pessoas não leem, elas "scaneiam".
Dica: usar parágrafos com marcadores, realçar palavras importantes (negrito, itálico), tabela.Texto deve ser fácil de ler, agradável, simples.
"Evite que o texto e o design gráfico fale mais do que o usuário quer saber."Tamanho do texto: 1/3 do tamanho original (em papel). Texto deve ser sucinto, objetivo (ir direto ao assunto), sem redundância.
Pessoas preferem ler em papel do que ler na tela.Navegação: elemento fundamental de qualquer website. Transmitir a sensação de que ao navegar pelas páginas o usuário continua "dentro do mesmo website".
Dica: website independente de "navegador".Imagem: usar ou não usar?
"Uma imagem vale por 1.000 palavras". Seja crítico: depende da imagem e depende de quais são as "1.000 palavras"
Dica: usar imagem somente se ela reforçar o texto, se ajudar na compreensão do texto.Síndrome do "click here".
"Para baixar o material necessário na aula do dia xx/xx/xxxx o aluno deve clicar aqui"
"Material da aula em xx/xx/xxxx"
Dica: texto do link deve ser autoexplicativo.Optar por padrões: Word, Excel não são padrões. PDF padrão "de facto".
Carga rápida das páginas. Se uma página não abrir em torno de 10 segundos perde-se 1/3 dos visitantes.
Dica: usar ferramentas de compactação para arquivos "pdf", "jpg" e outros.Cuidado com imagem animada, "page not found", link inativo, sublinhado.
Botão Voltar (onde está?). Botão Sair (onde está?)Cores: cuidado com o efeito "dithering".
Dica: optar por "cores seguras".Autoria: quem é o responsável pela página? Exibir datas (criação, atualização, expiração).
Manter o website simples, flexível a manutenção e atualização.
Interatividade: Formulário de Contato, Enquete.
Mensagens de erro do sistema devem possuir uma redação simples e clara
Referências
The same link twice on the same page: do duplicates help or hurt?
BERNERS-LEE, T., et. alli. The World-Wide Web. Communications of the ACM, 1994.