Os Padrões Brasil e-Gov são recomendações de boas práticas agrupadas em formato de cartilhas com o objetivo de aprimorar a comunicação e o fornecimento de informações e serviços prestados por meios eletrônicos pelos órgãos do Governo Federal. (portal e-Gov)

No mês de junho foi lançado a Cartilha de Redação Web. O arquivo está disponível em .pdf para download e conta com 49 páginas, separados por capítulos. Tudo muito organizado e bem escrito, além de uma linguagem simples. A idéia é que sirva de guia na hora de criar textos voltados para o mundo digital. Textos estruturados, com informações clars e eficazes.
Além desta, temos outras cartilhas disponíveis como a de Codificação e o Guia de Administração. Outras estão sendo desenvolvidas como a de usabilidade, design e arquitetura de conteúdo e um modelo de arquivos base. A de usabilidade e a de design eu espero ansiosamente. Vai ser interessante saber quais as “normas” que o governo acha mais adequado para a dispobilização de conteúdo na web.
Acho fantástica essa iniciativa do governo. Afinal de contas a internet hoje é um dos meios de comunicação mais influentes e importante da nossa era. Ao tomar esta atitude, o Governo brasileiro mostra uma preocupação com a qualidade da informação que será passada para os cidadãos, já que uma das preocupações é justamente na padronização dos sites governamentais.

Abaixo segue a lista das cartilhas disponíveis para download:

• Cartilha de Codificação
• Cartilha de Redação Web
• Guia de Administração

Enquanto isso, aguardamos ansionamente as cartilhas de Usabilidade, Design e Arquitetura de Conteúdo.

Por razões que são quase demasiadamente numerosas para listar – marketing, vendas, psicologia, confiança, percepção profissional, etc – a forma como o seu site é vista pelos seus usuários deve estar primeiramente, todo em sua cabeça. Os seguintes 7 lembretes importantes irão lhe ajudar a ir na direção certa, mas você é o único que conhece seus clientes (ou deveria) para os melhores pontos de personalização.

1 – Foco do usuário

É importante nunca perder o foco. Você precisa pensar como o seu usuário. Seus clientes precisam sempre encontrar o que eles procuram, seja para pagar uma conta, encontrar um telefone ou o endereço da sua empresa com extrema facilidade. Faça sempre que possível que a vida de seu usuário seja facilitada. Quanto mais complicado e demorado for para encontrar a informação desejada, mais eles abandonarão seu website, e consequentemente não voltarão.

2 – Compreensão do usuário

Entenda a realidade de seu website. Ele é comercial? Então faça com que ele seja visto desta forma. Não há a necessidade de confundir a cabeça de seu usuário/cliente. Ajude-o a encontrar de forma fácil e rápida o que ele deseja. Uma boa idéia é disponibilizar ferramentas como sitemaps ou sistemas de busca.

3 – Velocidade de carregamento

Sim, seu site precisa carregar rápido, então velocidade é importante. Pra isso, basta reduzir o tamanho/qualidade das imagens, não exagerar no tamanho do flash, scripts, etc. Analise cuidadosamente as funcionalidades para que cada uma delas tenha seu valor.

4 – Layouts simples, às vezes, são a melhor opção

O Flash é uma ferramenta poderosíssima, quanto a isso não há discussão, principalmente quando é para demonstrar algo que é difícil colocar em palavras. Mas ele tem um problema tão forte quanto o seu poder, o peso de suas animações! As vezes suas animações se tornam tão pesadas que as pessoas perdem até a paciencia para carregá-las, mesmo sabendo que será repleto de efeitos, movimentos e etc.
Além disso, ele acaba sendo uma grande distração, o que pode tirar (e vai!) o foco do usuário. Dependendo da sua aplicação, a utilização de animações deste nível não são indicadas.

5 – Necessidade do usuário

Defina antes de desenvolver o layout todo o tipo de pessoa que você espera que visitará seu website e considere tudo o que eles desejam e procuram. Depois desta análise, tende desenvolver um layout que abranja o maior número de usuários (definidos no início do projeto) possíveis a encontrar os itens mais importantes em seu website.

6 – Compatibilidade entre navegadores

Que o site deve funcionar em todos os navegadores, isso já não é mais nenhuma novidade. Porém muitos se esquecem de testar as aplicações javscript. Algumas, infelizmente, não funcionam corretamente em todos os navegadores, então nunca se esqueça de testá-las exaustivamente.

7 – Sem surpresas

Use o óbvio, comum e padrão em elementos padrões de um website. Navegação não é algo que necessite ser muito criativo, pois ele precisa ser imediatamente compreendido e utilizável. Constância no mundo ‘www’ é, atualmente, uma coisa boa. Ela facilida a vida das pessoas pois ao acessar, o usuário se sente num “território familiar”.

Portanto, mais do que cair em profunda concepção metafórica ou querer mostrar todos os truqes possíveis, você deve concentrar-se em tornar o seu site uma solução para os seus clientes. Tornar a vida deles mais simples e fácil.

Adaptação do artigo: How to create an attractive user friendly

Usabilidade é um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante. A usabilidade pode também se referir aos métodos de mensuração da usabilidade e ao estudo dos princípios por trás da eficiência percebida de um objeto. (ver definição completa em: pt.wikipedia.org/wiki/Usabilidade)

O seu website deve possuir um layout simples, de fácil interpretação e acesso à informação. O visitante, quando entra em alguma página, scaneia o site rapidamente a procura da informação que ele deseja (ver artigo sobre CopyWriting), se em pouco tempo ele não encontra, ele irá embora e talvez nunca mais volte. Muitas vezes utilizamos sistemas de busca em nossos sites para que o visitante não fique procurando o que deseja. Caso ele não encontre pelo sistema de busca, ele já entende que aquela página não possui o que ele está procurando. Ele irá sair e provavelmente não voltará novamente. Mas caso encontre, ele permanecerá (pelo menos por alguns instantes a mais) em seu site e é nessa hora que começa a guerra visitante x usabilidade.
Se o seu site tem uma boa interface, uma boa navegação, um conteúdo claro e simples, existe uma chance de você conquistar esse visitante, mesmo que o assunto não seja aquele que estava sendo procurando inicialmente (isso acontece comigo com certa frequencia, por sinal). Interfaces complexas, com títulos de difícil interpretação e assimilação confundem o usuário, fazendo com que ele desista de procurar o que deseja ou que não se interesse pelo assunto e vá procurar outro site que seja mais simples de se encontrar o que ele procura.

Por aí ja deve ter dado pra sentir o drama, né? Usabilidade é um conhecimento que todo designer deve ter. Layouts aplicados com essa preocupação são melhores, mais fáceis, mais rentáveis e muitas vezes (mtas mesmo – mas isso é questão de estilo e pauta pra outro post ) mais bonitos.
Eu fiz uma lista com algumas dicas de como melhorar a usabilidade de seu site ou de seus layouts, veja:

1. Copywriting

Sempre faça uma boa descrição do que se trata o site para que o visitante, na hora que entrar, já saiba o tipo de conteúdo que será encontrado ali para que ele não perca tempo tentando descobrir. Mas lembre-se, Copywriting é uma parte muito importante quando o assunto é usabilidade, por dois motivos: 1) facilidade de encontrar o item desejado; 2) prender o visitante; Um bom copywriting realmente prende o visitante, mesmo que o assunto não seja o procurando inicialmente. Para entender melhor como o copywriting funciona, leia um artigo (traduzido por mim) sobre o tema neste link.

2. Facilidade de navegação

Certifique-se de que seu site possui uma fácil navegação (peça pra algum amigo – de preferencia que não entenda do assunto – que navegue em seu site) e verifique se haverá dificuldade de interpretação dos links, de navegação e etc. Nestes testes, sempre acabamos mudando alguma coisa.

3. Páginas leves

Se o seu visitante tem uma conexao dial-up, por exemplo, ele demorará muito para carregar uma página que possui muitas imagens, animaçõe e etc. Então, otimize o máximo que puder o tamanho de suas páginas. Sites que demoram para serem carregados, mesmo quando se tem uma conexao banda larga, irritam seus visitantes e eles, com certeza, irão embora sem nem ver a sua “obra”. Otimização SEMPRE (que possível, claro)!

4. Evite músicas, vídeos e animaçoes na página inicial

Estes recursos são ótimos e muito úteis, mas quando usados da meneira correta. Imagina o seu usuário ter que carregar uma animação 3D sempre que tiver que carregar seu site? Já imaginou o dilema? E musica? Já pensou que ele pode estar acessando a sua página às 3h da manha de uma quarta-feira e o som não está baixo? Posso listar uma infinidade de problemas que estes recursos (chatos) podem causar a seus usuários e fazer com que eles não voltem, ou pelo menos demorem bastante. Mas se mesmo assim vc não vê outra alternativa e tem que colocar algum destes recursos em seu site, NUNCA se esqueça que: se houver música, o botao OFF deve estar visível a 10mil anos luz de distância; Se houver vídeos, o botão de STOP deve estar visível ou pelo menos seja simpático e não inicie o video automaticamente; Se houver animações, a opção “pular introdução” é uma ótima saída.
Você não vai querer que seus visitantes tenham aversão ao seu site, né? Então atende para esta dica.

5. Usar os standards de design a que os usuários estão habituados

Todas as páginas de Internet têm um conjunto de regras que convém obedecer, como por exemplo: sublinhar links, permitir sempre o retorno à página principal ou ter menus de navegação e muitas outras “regras”. Quando isso não acontece os visitantes ficam confusos, mas claro que isso é muito relativo. Ele pode variar conforme a usabilidade do seu site mas é uma preocupação que deve estar sempre presente durante a criação e desenvolvimento. Nunca se esqueça disso!

6. Escrever o conteudo do site sem erros ortográficos

Um erro ortográfico pode indiciar que não houve muito cuidado na preparação do site. Se tiver muitos erros ortográficos e frases mal redigidas, parecerá que o site é pouco profissional e terá pouca credibilidade. E não é isso que queremos, né? Então tenha sempre um português, no mínimo, bom. Pegue corretores ortográficos (tipo, word) ou um amigo para corrigir seus textos. É uma boa saída para que fugiram das aulas de português.

7. Escrever o texto de forma legivel e com uma dimensão adequada

Para garantir uma boa usabilidade, o texto deve ser escrito com letras não mto grandes e legiveis. Deve também usar cores que permitam uma leitura correta do texto (um bom contraste ajuda muito – mas cuidado com os daltônicos!). E não se esqueça das pessoas com problemas de visão , preocupe-se em construir seu site onde seja possível se alterar o tamanho da fonte pelo browser sem que haja quebras no layout.

8. Restringir acesso à informação

Evite restringir o acesso ao conteúdo com senhas. A maioria deles não fara um cadastro em seu site só para continuar lendo um artigo. Caso isso seja necessário, mostre ao seu usuário que ele terá outros benefícios. E ainda sim, apenas as pessoas realmente interessadas sobre o tema do seu site farão o cadastro.

As dicas encontradas aqui não são apenas para se ter um bom layout mas também para se ter uma boa navegação. Elas são importantes e devem estar presentes desde a criação do layout até o desenvolvimento. Nunca se esqueça que seu site não foi feito apenas para você e sim para os seus visitante. Se preocupar com eles é uma das tarefas de um bom designer.

Então, como pode o copywriting influenciar a usabilidade? Para responder a isso, preciso primeiro ilustrar como pessoas geralmente percorrem um site. É caótico. Nós não nos focamos em nada em particular. Ao invés disso, nós “lemos” a página rapidamente, passando de um ponto a outro, tentando achar o que estamos procurando. Está é uma ilustração do caminho que alguém faz ao entrar em alguma página – as linhas e os pontos vermelhos mostram os vários movimentos do usuário e os vários focos de atenção, respectivamente.

Isso acontece muito rápido. Com pouco segundos nós “scaneamos” a página procurando por alguma coisa de nosso interesse. O maior problema que pode ocorrer no copywriting é o comprimento. É muito fácil escrever demais, especialmente quando conhecemos sobre o que estamos falando. É fácil pensar que colocando informações demais deixaremos as coisas mais claras para os nossos visitantes. Isso pode ser verdade, se ele ler tudo – mas ele não lerá!
Nosso visitantes estão “scaneando” loucamente a página procurando pedaços de informação, e a maioria deles não tem paciencia para ler parágrafos de texto – algumas vezes nem sentenças de texto. Temos que desenvolver curtos e consistentes pontos de foco para cada ponto de informação vital em nosso site. Estes pontos de foco devem fazer duas coisas: prender a atenção de seu visitante e chamar a atenção.

Veja um exemplo real:
Aqui está uma parte do site da MacPorts, uma ferramenta para Mac que ajuda a intalar vários programas ‘open source’.

É muito texo. Ninguém lerá isso tudo – e mesmo que leia, ele não ficará muito feliz com isso. Suponho que a maioria das pessoas chegam nesta página desejam fazer o download do MaxPorts, mas o link de instalação está no meio do texto. O que, cerca de 80% deste texto pode ser cortado sem que se perca nenhuma informação importante.

Aqui vai um rápido redesign:

Não está perfeito, mas eu penso que já é um grande avanço. Se eu tivesse mais tempo teria mudado um pouco mais o design e re-escrito o topo e os botões de seleção, mas as áreas mais importantes foram modificadas. Marcadores, titulos consistentes, fontes largas e chamando atenção, tudo ajuda tornar a página scaneável. As pessoas conseguem ver quais links estão disponíveis e a encontrá-los olhando rapidamente sem que seja necessário ler muito texto.

Copywriting deve ser sucinto e conciso. Usar fontes grandes para chamar atenção. Deixe claro a próxima ação com o mínimo de palavras possível e nunca entre em detalhes. O mais importante – corte qualquer palavra e sentença que não adiciona nenhum valor real. Seja curto e grosso!
Você provavelmente pensará que o copywriting está curto o suficiente, mas foi você quem escreveu – você conhece tudo o que está escrito e do que se trata. O visitante não e para encontrar ele terá que ler – eles estão aqui para fazer alguma coisa, então tire algum tempo e dê atenção para fazer coisas super fáceis de se scanear e encontrar.

Texto original: www.usabilitypost.com