Consistências e Padrões de Interface
Autor: Futuras Tecnólogas | Publicado: 2013-03-04T07:02:00-08:00

onsistência Fale a mesma língua o tempo todo, e nunca identifique uma
 mesma ação com ícones ou palavras diferentes. Trate coisas similares, 
da mesma maneira, os usuários não deveriam ter acesso à diferentes 
situações, palavras ou ações representando a mesma coisa. A interface 
deve ter convenções não ambíguas.
Consistência em interfaces web se refere à homogeneidade e à 
coerência de situações que devem ser tratadas, apresentadas ou acionadas
 de maneira semelhante. Antecipando as respostas do sistema, interfaces 
consistentes facilitam o aprendizado e aumentam a produtividade dos 
usuários, que cometem menos erros e controlam melhor suas ações.

De modo geral, consistência funcional se refere a padrões e 
convenções de funcionalidade, de estrutura visual e de edição de 
conteúdo estabelecidos e aplicados a todo ambiente e conteúdo web em 
situações semelhantes. A consistência está diretamente relacionada ao 
modo como as ações são realizadas, aos comandos a elas associados, ao 
uso de terminologias.

Por exemplo, se as cores dos links variam de página a página, o 
usuário pode se confundir sobre a sua funcionalidade. Estas cores devem 
se manter constantes durante toda cada visita.

A aplicação de soluções consistentes ajuda não só os usuários, mas 
também os desenvolvedores: a produção de templates e estilos CSS evita 
que novas soluções precisem ser reinventadas a cada situação.

Fatores a considerar em relação à consistência das interfaces web

Coordenação entre a funcionalidade da interface e o comportamento do usuário.

Provimento de respostas claras e imediatas de que uma ação foi realizada ou um resultado foi atingido. Se a ação foi realizada por engano, deve ser reversível.

-&gt; Por exemplo: Acionar um botão conduz a uma página localizada em
 outro site. Quando o usuário acessa a nova página deve poder retornar à
 página que via antes.

Invisibilidade do conceito aplicado na estrutura de navegação - Os elementos ficam disponíveis para o uso, mas sua matriz conceitual aparece de maneira discreta.

Visibilidade informativa - a aparência de ícones, 
boxes, setas, sinaliza seu uso. Os sinais de navegação, localização e 
orientação devem ser visíveis quando o usuário precisar deles.

Layout e funcionalidades do programa previsíveis de acordo com modelos pré-definidos 
 (padronização da malha, telas, logotipos, cores, tipologias, bullets). 
Se, no entanto, um objeto está relacionado a uma ação ou área de 
navegação “diferente” da atual, deve parecer diferente.

Elementos com funcionalidades semelhantes devem ser agrupados segundo
 uma estrutura de navegação previsível, em que os elementos de layout 
sejam baseados nos mesmos critérios, especialmente elementos mais 
notados pelos usuários.

Consistência terminológica – uso dos mesmos termos 
para designar as mesmas informações. Especificações editoriais ajudam a 
uniformizar as referências mais comuns, como o tratamento do nome da 
empresa e dos produtos que oferece.

A consistência terminológica inclui também a linguagem dos textos familiar à maioria dos usuários, com pouco uso de jargões e mensagens cifradas, restritas a grupos.

Áreas de informações relacionadas às expectativas dos usuários para o conteúdo principal

Por exemplo: é comum que museus e sites de museus tenham uma lojinha 
de lembranças, assim muitos usuários procuram por esta área e esperam 
encontrá-la