Download - [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
[email protected]@zero-defect.com.br