[guts-rs] testar interfaces com ux

Fábio Valter Siscate24 de agosto de 2016

Testar Interfaces com UX

Apresentação

Fábio Valter Siscate

• Ciência da Computação - PUCRS• MBA Gestão Estratégica de Serviços – FGV

• 12 anos trabalhando na área de Qualidade• Coordenador de Projeto• Funcionais, acessibilidade, mobile, etc;• Performance / Load Test

Apresentação

• Inicio das atividades em março de 2004 na TecnoPUC;

• Empresa focada em teste de software independente (IV&V);

• Área de atuação abrangente com mais de 300 projetos prestando serviço de teste funcional, performance, UX, auditoria, etc.

TIWEBSITE

INDUSTRIAPROVEDORES

TELECOMVAREJO

E-COMMERCE

PETRÓLEO JOGOS FINANCEIRO AEROESPACIAL

ObjetivosIntrodução a Interface

Ter Boa Usabilidade• Heurísticas de Nielsen• ISO• Checklist• Exemplos e Cases

UX precisa ser rápida• Exemplos• Ferramentas

UX precisa ser acessível• Ferramentas

Considerações Finais

Referências e Ferramentas

Introdução

Aurélio• Dispositivo (material e lógico) graças ao qual se efetuam as trocas de informações entre dois

sistemas.

Wikipedia• O conceito de Interface é amplo, pode expressar pela presença de ferramentas para o uso e

movimentação de qualquer sistema de informações, seja ele material, seja ele virtual.

INTERFACE

Já temos o design e layout definidos.

Introdução

Aurélio• Dispositivo (material e lógico) graças ao qual se efetuam as trocas de informações entre dois

sistemas.

Wikipedia• O conceito de Interface é amplo, pode expressar pela presença de ferramentas para o uso e

movimentação de qualquer sistema de informações, seja ele material, seja ele virtual.

INTERFACE

< BUSCAR >Melhor experiência do

usuário

Introdução

Ter boa usabilidade

Ser Rápida

Ser Acessível

para todos

< BUSCAR >Melhor experiência do

usuário

Ter Boa Usabilidade

10Heurísticasde Nielsen

ISO 9241-10 – Princípios da InterfaceISO 9241-11 – Eficiência, eficácia e satisfação

ISO 9241-12 – Recomendações ao visual da interfaceISO 25000 – Qualidade Interna e Externa

Se eu não tenho como fazer teste com usuário final.

Por onde começar?

Ter Boa Usabilidade

Jakob Nielsen

Ter Boa Usabilidade

• Checklist com as Heurísticas de Nielsen1- FEEDBACK Questionamento

Usuário sabe o que esta fazendo? Títulos, botões, nome dos campos, etc?

Usuário mantém atenção em diálogo no máximo 10 segundos

As mensagens de alertas estão com muito texto?

2- LOCALIZAÇÃO Questionamento

Usuário compreende a linguagem apresentada? Palavras, termos, gírias, etc?

O assunto faz sentido? O conteúdo apresentado esta condizente?

3- NAVEGAÇÃO Questionamento

Usuário tem controle dos passos da aplicação? Opções de cancelamento, salvar, retornar, avançar?

Ter Boa Usabilidade

• Checklist com as Heurísticas de Nielsen4- CONSISTENCIA Questionamento

Os passos devem ser sempre os mesmo. Os botões/ícones utilizados são sempre os mesmo para a mesma ação?

Diferentes passos para mesma finalidade devem ser parecidos.

Há similaridade entre diferentes ações que resultado no mesmo fim?

5- PREVINA ERROS Questionamento

Sistema deve ajudar o usuário no caminho feliz Meu sistema sugere os próximos passos?

Sistema deve limitar ação do usuário para evitar erros

Meu sistema valida os dados / informações que usuário insere?

Ter Boa Usabilidade

• Checklist com as Heurísticas de Nielsen6- NÃO CONTAR COM A MEMÓRIA DO USUÁRIO Questionamento

Sistema deve informar onde o usuário esta. O usuário consegue retornar a uma ação sem precisar lembrar como parou na etapa? Exemplo: breadcrumb

Sistema deve lembrar das ações do usuário. O usuário precisa lembrar sempre do que busca? Do seu usuário e senha? Do último item aberto?

7- EFICIÊNCIADO USO Questionamento

Sistema deve apresentar mais de uma maneira para navegação.

Eu consigo navegar por mouse e também por teclado?

Sistema não deve ser de difícil utilização. A Interface do sistema esta intuitiva?

Ter Boa Usabilidade

• Checklist com as Heurísticas de Nielsen8- DIÁLOGOS E DESIGN SIMPLES Questionamento

Sistema devem apresentar diálogos objetivos. Eu preciso ler muito para saber o que fazer?

9- AJUDE USUÁRIOS A RECONHECER O ERRO Questionamento

As mensagens de erros devem ser assertivas e objetivas.

As mensagens de erros estão claras? Sei onde eu falhei?

10- Ajuda e documentação Questionamento

F1 Sistema tem Help e Fale Conosco?

Ser rápida

• Cada 100 milissegundos de espera representam um declínio de 1% nas vendas.

Por que ser rápida?

• Perda de 20% de lucratividade e tráfego devido aumento de meio segundo no tempo de carregamento de página de resultados de pesquisa.

• 75% dos compradores que experimentam problemas de congelamento, link quebrado ou demora para carregar página deixam de comprar daquele site.

• Celulares gastaram até 30% menos bateria quando facebook comprimiu as imagens em JPEG.

Ser rápida

Quais são as ferramentas de teste gratuitas?

Ser rápida

Análise de performance gratuita porém não muito prática.

Ser rápida

Análise de performance prática

Ser rápida

Ser rápida

Ser rápida

Ser rápida

Ser rápida

Ferramentas de Monitoramento de AplicaçãoAPM: Application Performance Management

Ser rápida

Ferramentas de Monitoramento de AplicaçãoAPM: Application Performance Management

Ser rápida

Ferramentas de Monitoramento de AplicaçãoAPM: Application Performance Management

Ser acessível a todos

Ter acessibilidade

GANHOS Padronização de Programação

Aumento de aceitação do usuário final

Licitações

Ser acessível a todos

Quais são as ferramentas de teste gratuitas?

Ser acessível a todos

Funcional Desktop e internet

DoxVos

NVDA (donation)

Validação de código HTML

W3C – Diretrizes de padronização de desenvolvimento web.

WCAG – Diretrizes de Acessibilidade para conteúdo web.

Considerações Finais

Teve boa usabilidade? Foi Rápida?

Foi acessível à

todos?

A apresentação...

Recomendação final:

Usabilidade também pode ser usada no dia-a-dia, no

trabalho, nas atividades, etc.

Se coloque no lugar no usuário

Referências e ferramentas citadas

USABILIDADE

Nielsen Norman Group

10 Heurística de Nilsen

ISO 9241-10

ISO 9241-11

ISO 9241-12

ISO 25000

PERFORMANCE

Apache Jmeter

Google PageSpeed

APM: Application Performance Management

New Relic

ACESSIBILIDADE

DOSVOX

NVDA

W3C

WACG

Pesquisar Youtube:“Acessibilidade na Web: Custo

ou Benefício” (11:51)www.facebook.com/zdefect

fabio.siscate@gmail.comfabio.siscate@zero-defect.com.br