Usabilidade

Consistência funcional e de produtividade

Atualizado em 15.7.2010 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. Ver exemplos

-> 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. Ver exemplos

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.

-> 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. Ver exemplo

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. Ver exemplos

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. Ver exemplos

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 os mais notados pelos usuários.

Posicionamento dos elementos de acordo com convenções já aceitas pelo senso comum, especialmente em portais dirigidos a públicos heterogêneos e não-especializado.

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.


Assuntos relacionados
Aspectos específicos da interface
Localização dos elementos (interface web)
Testes – usabilidade
Especificações do produto Consistência do layout e do tratamento editorial
Projeto de layout : Palheta de cores consistente
Links

Referências sobre consistência funcional de interface web
Ten usability heuristics, por Cláudia Dias, extraído de sua dissertação de mestrado, acesso em 2.11.2008
Livro: Coordinating user interfaces for consistency, Jakob Nielsen. Morgan Kaufmann Publishers, San Francisco, 2002
Why consistency is critical
Seeking clarity on consistency

Mais informação sobre o assunto (links externos)
First impressions and calls to action: An evaluation of Oprahstore.com (Usability News, acesso em 15.7.2010)
Look inside a 1,024 recipe multivariate experiment (YouTube, acesso em 27.12.2009)
The $300 million button, de Jared Spool (User Interface Engeneering, acesso em 27.12.2009)
Usability.net - Methods table (Documento elaborado por Cláudia Dias, extraído de sua dissertação de Mestrado, acesso em 2.11.2008)
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)
Tá difícil, site sobre a usabilidade de interfaces, objetos, serviços difíceis de usar. Contém fotos ilustrativas dos problemas e é alimentado pelo público
First principles of interaction design, de Bruce Tognazzini
Human-centered design considered harmful, de Donald Norman (jnd.org)

Manuais e cartilhas de usabilidade
Patterns for sign up & ramp up Inspiration and guidelines from the web 2.0 landscape, Adaptive Path (acesso em 23.4.2010)
Cartilha de usabilidade para sítios e portais do Governo Federal, editada pelo Comitê-Técnico de Gestão de Sítios e Serviços On-line do Governo Eletrônico
Manual de usabilidade dos serviços públicos (PDF, 24 páginas), do Governo do estado de São Paulo regras básicas sobre acessibilidade em web sites

Avellar e Duarte no Twitter Avellar e Duarte no Facebook