[GUTS-RS] Testar Interfaces com UX
Transferir como PPTX, PDF1 gostou1,210 visualizações
A apresentação de Fábio Valter Siscate explora a importância da usabilidade em interfaces, destacando heurísticas de Nielsen e normas ISO para garantir uma experiência do usuário eficaz e acessível. Ele aborda ferramentas para testes de performance e acessibilidade, enfatizando a necessidade de interfaces rápidas e intuitivas para aumentar a satisfação do usuário. O documento conclui com recomendações para aplicar princípios de usabilidade no dia a dia profissional.
[GUTS-RS] Testar Interfaces com UX
- 1. Fábio Valter Siscate 24 de agosto de 2016 Testar Interfaces com UX
- 2. 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
- 3. 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. TI WEBSITE INDUSTRIA PROVEDORES TELECOM VAREJO E-COMMERCE PETRÓLEO JOGOS FINANCEIRO AEROESPACIAL
- 4. Objetivos Introduçã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
- 5. 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.
- 6. 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
- 7. Introdução Ter boa usabilidade Ser Rápida Ser Acessível para todos < BUSCAR > Melhor experiência do usuário
- 8. Ter Boa Usabilidade 10 Heurísticas de Nielsen ISO 9241-10 – Princípios da Interface ISO 9241-11 – Eficiência, eficácia e satisfação ISO 9241-12 – Recomendações ao visual da interface ISO 25000 – Qualidade Interna e Externa Se eu não tenho como fazer teste com usuário final. Por onde começar?
- 9. Ter Boa Usabilidade Jakob Nielsen
- 10. Ter Boa Usabilidade • Checklist com as Heurísticas de Nielsen 1- 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?
- 11. Ter Boa Usabilidade • Checklist com as Heurísticas de Nielsen 4- 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?
- 12. Ter Boa Usabilidade • Checklist com as Heurísticas de Nielsen 6- 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?
- 13. Ter Boa Usabilidade • Checklist com as Heurísticas de Nielsen 8- 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?
- 14. 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.
- 15. Ser rápida Quais são as ferramentas de teste gratuitas?
- 16. Ser rápida Análise de performance gratuita porém não muito prática.
- 17. Ser rápida Análise de performance prática
- 18. Ser rápida
- 19. Ser rápida
- 20. Ser rápida
- 21. Ser rápida
- 22. Ser rápida Ferramentas de Monitoramento de Aplicação APM: Application Performance Management
- 23. Ser rápida Ferramentas de Monitoramento de Aplicação APM: Application Performance Management
- 24. Ser rápida Ferramentas de Monitoramento de Aplicação APM: Application Performance Management
- 25. Ser acessível a todos Ter acessibilidade GANHOS Padronização de Programação Aumento de aceitação do usuário final Licitações
- 26. Ser acessível a todos Quais são as ferramentas de teste gratuitas?
- 27. 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.
- 28. 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
- 29. 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.com fabio.siscate@zero-defect.com.br