A importância da usabilidade na adoção de uma tecnologia por seus usuários.

Preocupar-se com a usabilidade é essencial em qualquer tipo de tecnologia utilizada.

Transcript

1. A IMPORTÂNCIA DA USABILIDADE NA ADOÇÃO DE UMA TECNOLOGIA POR SEUS USUÁRIOS. ! GIULIA CARDIERI GIULIA.CARDIERI@TEGRA.ME TEGRA.ME 1
2. Agenda • O que é usabilidade? • Quando e porque eu devo me preocupar com a usabilidade? • Usabilidade vs User Experience. • Como avaliar a usabilidade? • Exemplos de boa e má usabilidade. • Usabilidade em dispositivos móveis. • Exemplos para dispositivos móveis.
3. O que é usabilidade? • Está relacionada com a Interação Humano- Computador (IHC) e Engenharia de Software. • Grau de facilidade de interação do usuário com a interface.
4. O que é usabilidade? • Para a área de IHC: •Facilidade de aprendizado: a utilização do sistema requer pouco treinamento; •Fácil de memorizar: o usuário deve lembrar como utilizar a interface depois de algum tempo; •Maximizar a produtividade: a interface deve permitir que o usuário realize a tarefa de forma rápida e eficiente; •Minimizar a taxa de erros: caso aconteçam erros, a interface deve avisar o usuário e permitir a correção de modo fácil; •Maximizar a satisfação do usuário: a interface deve dar-lhe confiança e segurança; • Para a área de Engenharia de Software: •Garantir parte da eficácia e eficiência do sistema.
5. Quando eu devo me preocupar com a usabilidade? • Em todas as etapas de desenvolvimento de um projeto!
6. Quando eu devo me preocupar com a usabilidade?
7. Mas porque eu devo me preocupar com a usabilidade? • Mais fácil de usar. • Mais fácil de aprender. • Redução de erros.
8. Usabilidade vs User Experience • Usabilidade: rodovia moderna e segura. • User Experience: estrada sinuosa numa montanha. fonte: http://forum.baboo.com.br/uploads/gallery/album_518/gallery_2_518_1176219-640x400. http://jornalprimeiraedicao.com.br/2013/wp-content/uploads/2013/09/26dez2012-transito-tranquilo-na-rodovia-castello-branco-na- altura-de-osasco-na-grande-sao-paulo-na-manha-desta-quarta-feira-1356522431821_956x500.jpg
9. Usabilidade vs User Experience • Usabilidade: eficiência, eficácia e satisfação do usuário em determinados objetivos. • User Experience: preocupa-se com todos os aspectos da interação do usuário com o projeto.
10. Como avaliar a usabilidade ? • Avaliação Heurística! • Método de inspeção rápido, barato e fácil. • Foca em encontrar problemas de utilização.
11. Avaliando uma aplicação web • Cores • Conteúdo • Imagens • Instruções • Navegação • Usabilidade
12. Avaliando uma aplicação web Cores • Os links tem um certo padrão? • Botões tem um padrão de tamanho e cor?
13. Avaliando uma aplicação web • O fundo da página não está distraindo o usuário do conteúdo?
14. Avaliando uma aplicação web Conteúdo • A mesma fonte é utilizada em todo site? • Os textos estão alinhados? • Todo conteúdo do cabeçalho está alinhado à esquerda?
15. Avaliando uma aplicação web Imagens • As imagens estão alinhadas e otimizadas? • Os botões de comando estão padronizados em tamanho, forma, tamanho de fonte e fonte? • O conteúdo é visualmente consistente sem imagens?
16. Avaliando uma aplicação web Imagens • O texto está ajustado de forma correta próximo a imagens?
17. Avaliando uma aplicação web Instruções • As mensagens de erro e ajuda estão com o texto correto e sem erros gramaticais? • Todos os campos e botões habilitados possuem texto de ajuda? • Mensagens de progresso(sequência de tarefas) estão presentes em ações que possuem etapas dividas em várias páginas?
18. Avaliando uma aplicação web Navegação • Toda página tem um link para a página inicial? • Os campos desabilitados e somente leitura são evitados na navegação entre os campos do formulário pela tecla TAB?
19. Avaliando uma aplicação web • A barra de rolagem aparece quando necessária?
20. Avaliando uma aplicação web Usabilidade • O tamanho da fonte dos textos é muito grande ou muito pequeno para ler? • Todos os campos de formulários possuem um rótulo claro e sem erros gramaticais? • Todos os nomes em rótulos e botões não são abreviações? • O site possui um visual consistente e reconhecível? • O site se ajusta às resoluções de tela mais comuns?
21. Avaliando uma aplicação web • O avaliador deve analisar o grau de severidade de cada um dos itens anteriores: • frequência: comum ou raro? • impacto: alto ou baixo? • persistência: usuário se incomoda somente uma vez ou várias?
22. Avaliando uma aplicação web • Dar notas de 1 a 5. • 1 - não é um problema de usabilidade. • Exemplo: mais de uma fonte utilizada. • 2 - problema apenas cosmético. • Exemplo: textos não alinhados. • 3 - problema menor de usabilidade. • Exemplo: mensagem de erro não é clara. • 4 - problema grave de usabilidade. • Exemplo: fonte muito pequena. • 5 - catástrofe de usabilidade! • Exemplo: páginas com cabeçalhos diferentes.
23. Exemplos de usabilidade • Usabilidade Boa. • Usabilidade Ruim.
24. http://www.rudgwicksteamshow.co.uk/
25. Usabilidade em dispositivos móveis • Menos clicks; • Menos funcionalidades; • Menos conteúdo; • Manter opção de acessar a versão desktop;
26. Exemplos para dispositivos móveis Pinterest
27. Obrigada! • Perguntas? Estamos contratando! rh@tegra.me
28. Referências • http://tableless.com.br/o-que-e-usabilidade/ • http://usabilitygeek.com/the-difference-between-usability-and-user- experience/ • http://tableless.com.br/vote-no-especialista-em-usabilidade-para- presidente/ • http://tableless.com.br/estabelecendo-uma-metodologia-agil-para- avaliacao-de-usabilidade/ • http://www.testinggeek.com/web-application-ui-checklist • http://www.designinterativo.etc.br/arquitetura-de-informacao/o-que-e- e-como-fazer-uma-avaliacao-heuristica • ftp://ftp.unicamp.br/pub/apoio/treinamentos/tutoriais/ tut_UsabilidadeWeb.pdf