[guts-rs] testar interfaces com ux

29
Fábio Valter Siscate 24 de agosto de 2016 Testar Interfaces com UX

Upload: guts-rs

Post on 21-Feb-2017

890 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: [GUTS-RS] Testar Interfaces com UX

Fábio Valter Siscate24 de agosto de 2016

Testar Interfaces com UX

Page 2: [GUTS-RS] 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

Page 3: [GUTS-RS] Testar Interfaces com UX

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

Page 4: [GUTS-RS] Testar Interfaces com UX

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

Page 5: [GUTS-RS] Testar Interfaces com UX

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.

Page 6: [GUTS-RS] Testar Interfaces com UX

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

Page 7: [GUTS-RS] Testar Interfaces com UX

Introdução

Ter boa usabilidade

Ser Rápida

Ser Acessível

para todos

< BUSCAR >Melhor experiência do

usuário

Page 8: [GUTS-RS] Testar Interfaces com UX

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?

Page 9: [GUTS-RS] Testar Interfaces com UX

Ter Boa Usabilidade

Jakob Nielsen

Page 10: [GUTS-RS] Testar Interfaces com UX

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?

Page 11: [GUTS-RS] Testar Interfaces com UX

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?

Page 12: [GUTS-RS] Testar Interfaces com UX

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?

Page 13: [GUTS-RS] Testar Interfaces com UX

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?

Page 14: [GUTS-RS] Testar Interfaces com UX

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.

Page 15: [GUTS-RS] Testar Interfaces com UX

Ser rápida

Quais são as ferramentas de teste gratuitas?

Page 16: [GUTS-RS] Testar Interfaces com UX

Ser rápida

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

Page 17: [GUTS-RS] Testar Interfaces com UX

Ser rápida

Análise de performance prática

Page 18: [GUTS-RS] Testar Interfaces com UX

Ser rápida

Page 19: [GUTS-RS] Testar Interfaces com UX

Ser rápida

Page 20: [GUTS-RS] Testar Interfaces com UX

Ser rápida

Page 21: [GUTS-RS] Testar Interfaces com UX

Ser rápida

Page 22: [GUTS-RS] Testar Interfaces com UX

Ser rápida

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

Page 23: [GUTS-RS] Testar Interfaces com UX

Ser rápida

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

Page 24: [GUTS-RS] Testar Interfaces com UX

Ser rápida

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

Page 25: [GUTS-RS] Testar Interfaces com UX

Ser acessível a todos

Ter acessibilidade

GANHOS Padronização de Programação

Aumento de aceitação do usuário final

Licitações

Page 26: [GUTS-RS] Testar Interfaces com UX

Ser acessível a todos

Quais são as ferramentas de teste gratuitas?

Page 27: [GUTS-RS] Testar Interfaces com UX

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.

Page 28: [GUTS-RS] Testar Interfaces com UX

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

Page 29: [GUTS-RS] Testar Interfaces com UX

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