A ergonomia é a disciplina científica relacionada ao entendimento das interações entre seres humanos e outros elementos de um sistema.

Transcrição

1

2 O que é Ergonomia?

3 A ergonomia é a disciplina científica relacionada ao entendimento das interações entre seres humanos e outros elementos de um sistema.

4 O QUE É USABILIDADE?

5 SEGUNDO A NORMA ISO 9241: É a capacidade que um sistema interativo oferece ao usuário em determinado contexto de operação, para realização de tarefas de maneira eficaz, eficiente e agradável.

6 INTRODUÇÃO À USABILIDADE: No inicio da informatização, os usuários dos programas de computadores eram os seus próprios desenvolvedores...

7 Níveis de usuários: Iniciante; Intermediário; Avançado;

8 OBJETIVOS DOS SISTEMAS ERGONÔMICOS: Oferecer usabilidade aos usuários, proporcionando-lhes interações eficazes, eficientes e agradáveis, além de gerar confiança e satisfação com as facilidades que encontram durante a utilização do sistema.

9 BENEFÍCIOS: Aumento de produtividade; Aumento no número de vendas; Diminuição do tempo de treinamento e estrutura de suporte; Melhor imagem no mercado;

10 DESENVOLVIMENTO DE INTERFACES ERGONÔMICAS: É fundamental para construção de interfaces ergonômicas que proporcionam usabilidade, que os desenvolvedores de sistema conheçam muito bem o usuário e o seu trabalho.

11 PRINCÍPIOS ERGONÔMICOS:

12 HEURÍSTICAS DE USABILIDADE 1. Visibilidade do estado do sistema; 2. Mapeamento entre o sistema e o mundo real; 3. Liberdade de controle ao usuário; 4. Consistência e padrões; 5. Prevenção de erros;

13 HEURÍSTICAS DE USABILIDADE 6. Reconhecer em vez de relembrar; 7. Flexibilidade e eficiência de uso; 8. Design estético e minimalista; 9. Suporte para o usuário reconhecer, diagnosticar e recuperar erros; 10. Ajuda e documentação;

14 REGRAS DE OURO:

15 REGRAS DE OURO: 1. Perseguir a consistência; 2. Fornecer atalhos; 3. Fornecer feedback informativo; 4. Marcar o final dos diálogos;

16 REGRAS DE OURO: 5. Fornecer prevenção e manipulação simples de erros; 6. Permitir cancelamento das ações; 7. Fornecer controle e iniciativa ao usuário; 8. Reduzir a carga de memória de trabalho;

17 CRITÉRIOS ERGONÔMICOS: Condução; Carga de trabalho; Adaptabilidade; Gestão de erros;

18 CRITÉRIOS ERGONÔMICOS: Condução: Visa favorecer principalmente o aprendizado e a utilização do sistema por usuários novatos. Neste contexto a interface deve aconselhar, orientar, informar e conduzir o usuário na interação com o sistema.

19 CRITÉRIOS ERGONÔMICOS: Condução Pode ser analisada a partir de quatro dimensões ou sub-critérios: Convite; Agrupamento e distinção entre itens; Legibilidade; Feedback imediato;

20 CRITÉRIOS ERGONÔMICOS: Condução Convite: Esta qualidade engloba os meios utilizados para levar o usuário a realizar determinadas ações. Também trata das informações que permitem ao usuário identificar o estado ou o contexto no qual ele se encontra na interação, além da ações alternativas, ferramentas de ajuda e o modo de acesso.

21 CRITÉRIOS ERGONÔMICOS: Condução Convite: Uma interface convidativa oferecerá: Títulos claros para as telas, janelas e caixas de diálogos; Informações sobre o preenchimento de um formulário, sobre as entradas esperadas, etc.; Opções de ajuda claramente indicadas;

22 CRITÉRIOS ERGONÔMICOS: Condução Convite Exemplo: Orientações gerais sobre o preenchimento de um formulário de identificação.

23 Critérios Ergonômicos: Condução Agrupamento e distinção de itens: Visa proporcionar a rápida compreensão de uma tela pelo usuário.

24 Critérios Ergonômicos: Condução Agrupamento e distinção de itens - Exemplo: Formulário com opções e campos especialmente organizados.

25 CRITÉRIOS ERGONÔMICOS: Condução Legibilidade: É uma qualidade a serviço de todos, mas particularmente das pessoas idosas e com problemas de visão.

26 CRITÉRIOS ERGONÔMICOS: Condução Legibilidade - Exemplo: Contraste negativo; Letras claras sobre um fundo escuro; Tamanho da fonte; Espaçamento entre palavras; Espaçamento entre linhas; Espaçamento entre parágrafos;

27 Critérios Ergonômicos: Condução Legibilidade - Exemplo:

28 CRITÉRIOS ERGONÔMICOS: Condução Feedback imediato: Está a serviço de todos, porém os usuários mais novatos precisarão mais dessa qualidade. Tais fatores possibilitam ao usuário ter melhor entendimento sobre o funcionamento do sistema. São importantes para estabelecer satisfação e confiança.

29 CRITÉRIOS ERGONÔMICOS: Condução Feedback imediato - Exemplo: Tela que indica ao usuário que um tratamento demorado está sendo realizado.

30 Critérios Ergonômicos: Condução Feedback imediato - Exemplo: Tela que indica ao usuário o resultado do processo.

31 Critérios Ergonômicos: Condução Feedback imediato: O Feedback às ações do usuário é muito importante para a qualidade das interações. Tempo de reação sugerido: Para ecoar os caracteres digitados: 150 milésimos de segundo Movimentação entre campos: 250 milésimos de segundo Movimentação do cursor na tela: 100 milésimos de segundo

32 CRITÉRIOS ERGONÔMICOS: Carga de trabalho: Este critério se aplica a um contexto de trabalho intenso e repetitivo, no qual os usuários precisarão de interfaces econômicas, isto é, que lhes economizem leitura e memorização desnecessária.

33 CRITÉRIOS ERGONÔMICOS: Carga de trabalho: Apresentar os títulos (Telas, janelas, etc...), rótulos (Campos, Botões) e denominações curtas; Fornecer valores Default (Para campos de dados, listas, check-box). Fornecer o preenchimento automático de virgulas, pontos, decimais, etc... Apresentar somente os itens que estão relacionados a tarefa(remover o restante da tela). Não forçar o usuário a trazer mentalmente dados de uma tela para outra.

34 CRITÉRIOS ERGONÔMICOS: Adaptabilidade: Responsividade Capacidade de adapção a diferentes meios

35 CRITÉRIOS ERGONÔMICOS: Adaptabilidade: A interface deve propor maneiras variadas de realizar uma tarefa, deixando ao usuário o direito de escolha. Exemplo: Diferentes maneiras de realizar a entrada de dados( Digitação, seleção). Diferentes caminhos para chegar a uma funcionalidade.

36 CRITÉRIOS ERGONÔMICOS: Gestão de Erros: A gestão de erros diz respeito a todos os mecanismos que permitem evitar ou reduzir a ocorrências de erros e que favoreçam sua correção.

37 CRITÉRIOS ERGONÔMICOS: Gestão de Erros: Uma interface que protege uma interação contra erros: Informa o usuário sobre o risco de perda de dados não gravados; Não oferece um comando destrutivo como opção default; Detecta os erros no momento da inserção dos dados, em vez de deixar para o final.

38 ESCOPO DA USABILIDADE

39 ERROS MAIS COMUNS 1. Acessibilidade na Web 2. Identidade 3. Navegabilidade 4. Conteúdo FONTE: VIVER DE BLOG

40 ERROS MAIS COMUNS PARTE #1: ACESSIBILIDADE NA WEB PROBLEMA 01 : LENTIDÃO Tudo começa com acessibilidade. Se seu site não for acessível, tudo estará perdido. Imagine a frustração de visitar um site e receber logo de cara uma mensagem de erro ou o site estar fora do ar. Esse usuário não volta ao site SITE LENTO: Segundo os princípios do design o site tem 8 segundos para conquistar o usuário.

41 ERROS MAIS COMUNS 40% dos usuários abandonam um website se ele não carregar em menos de 3 segundos. Um segundo a mais para carregar um site pode resultar em um queda de 16% na satisfação do usuário. A cada um segundo para carregar, um site pode perder 7% em conversões. Monitore seu site através do Pingdoom

42 ERROS MAIS COMUNS PARTE #1: ACESSIBILIDADE NA WEB PROBLEMA 02: CONTRASTE AS CORES PODEM MATAR A USABILIDADE DE UM SITE.

43 ERROS MAIS COMUNS PARTE #1: ACESSIBILIDADE NA WEB PROBLEMA 03: FONTES Antigamente, o padrão era utilizar a fonte Arial tamanho 12. Porém, essa combinação é pequena para os padrões atuais. Calcule a largura da área destinada ao conteúdo do seu site. A maioria tem 600 pixels de largura. Depois, visite esse site e coloque o tamanho da largura do seu site em content width e clique no botão. Ele dará a você exatamente o tamanho de fonte ótimo para seu site. Na maioria das vezes, ele recomendará um fonte de tamanho 15 para um conteúdo de 600 pixels.

44 ERROS MAIS COMUNS PARTE #1: ACESSIBILIDADE NA WEB PROBLEMA 04: POPUPS Uma das principais causas de um usuário deixar o seu site logo na primeira visita é o uso de pop-ups. SEGMENTAR É O CAMINHO.

45 ERROS MAIS COMUNS PARTE #1: ACESSIBILIDADE NA WEB PROBLEMA 05: IMAGENS SEM ALT APROPRIADO Poucos sabem o que é uma ALT tag. Ela nada mais é do que um texto que diz do que se trata uma imagem. <IMG SRC= ALT= />

46 ERROS MAIS COMUNS PARTE #1: ACESSIBILIDADE NA WEB PROBLEMA 06: ERRO 404 Todo site deve ter uma página preparada como erro 404 em caso do usuário cair em áreas desconhecidas.

47 ERROS MAIS COMUNS PARTE #2: IDENTIDADE PROBLEMA 07: LOGO SEM POSIÇÃO A marca do site deve estar sempre em evidência. Geralmente posicionado a esquerda superior.

48 ERROS MAIS COMUNS PARTE #2: IDENTIDADE PROBLEMA 08: CLAREZA Você possui em torno de 8 segundos antes que um visitante deixe seu site. O conteúdo deve ficar claro sobre o que é. Portanto, se ele não descobrir rapidamente do que se trata o site, ele irá deixá-lo.

49 ERROS MAIS COMUNS PARTE #2: IDENTIDADE PROBLEMA 09: PÁGINA SOBRE Usuários confiam mais em sites que podem ver de quem é a página. Quem somos e sobre é importantíssimo.

50 ERROS MAIS COMUNS PARTE #2: IDENTIDADE PROBLEMA 10: ÁREA DE CONTATO É muito importante ter um fale conosco no site. Não ter uma linha direta de contato com os usuários é uma falha grave.

51 ERROS MAIS COMUNS PARTE #3: NAVEGABILIDADE PROBLEMA 11: MENUS CONFUSOS É um padrão de usabilidade antigo e está presente até hoje porque funciona. Não ter menu, ou ter muitos menus diferentes são dois problemas comuns. - Limite o menu a navegação de itens importantes.

52 ERROS MAIS COMUNS PARTE #3: NAVEGABILIDADE PROBLEMA 12: LINKS INCONSISTENTES Erro comum mudando cores de links sem fundamentos.

53 ERROS MAIS COMUNS PARTE #3: NAVEGABILIDADE PROBLEMA 13: PESQUISA DIFICIL DE ENCONTRAR Disponibilize uma área exclusiva para o campo de pesquisa no menu de navegação do seu site.

54 ERROS MAIS COMUNS PARTE #4: CONTEÚDO PROBLEMA 14: ELEMENTOS DE RESUMO NÃO CLICÁVEIS Usar chamada para artigos sem links

55 ERROS MAIS COMUNS PARTE #4: CONTEÚDO PROBLEMA 15: CORES DEMAIS NO CONTEÚDO TEXTUAL Usar muitas cores com certeza só irá confundir seus leitores.

56 ERROS MAIS COMUNS PARTE #4: CONTEÚDO PROBLEMA 16: ABUSAR DE NEGRITOS, ITÁLICOS E CAIXA ALTA Perceba nesta frase como ao tentar CHAMAR ATENÇÃO para tudo eu não consegui chamar atenção para NADA.

57 ERROS MAIS COMUNS PARTE #4: CONTEÚDO PROBLEMA 17: ANÚNCIOS POR TODA PARTE Porém, você precisa definir um limite para não quebrar a fina linha entre conteúdo e anunciantes e também deve deixar claro que se trata de um anúncio.

58 ERROS MAIS COMUNS PARTE #4: CONTEÚDO PROBLEMA 18: URL MAL ESTRUTURADA CUIDADO com url s não amigáveis:?p=631 A url amigável auxilia ao ranking do Google.

59 MELHORANDO SEU SITE CINCO FERRAMENTAS PARA SEO 1. SEO MASTER FREE ANALISE AS PALAVRAS-CHAVE NO SITE

60 MELHORANDO SEU SITE CINCO FERRAMENTAS PARA SEO 2. ALEXA O interessante desta ferramenta é que ela serve para você comparar o site aos demais sites do seu país e do mundo. Ela mostra o posicionamento do site desejado, em relação à popularidade do site, no seu país de origem e no mundo. Ela também informa a variação do posicionamento nos últimos três meses.

61 MELHORANDO SEU SITE CINCO FERRAMENTAS PARA SEO 3. AHREFS O Ahrefs é um pouco mais complicado de se usar que as anteriores e a sua versão free é limitada, porém, quando se trata de análise de links, ela é a que mais se destaca. Ela informa, detalhadamente, tudo a respeito dos links que apontam para o seu site, desde país de origem, passando por formato, até textos âncoras.

62 MELHORANDO SEU SITE CINCO FERRAMENTAS PARA SEO 4. SEM RUSH Esta é a ferramenta mais completa de todas. Seria necessário escrever vários artigos para explicar cada funcionalidade, porém, até por isso, é recomendado ter algum conhecimento em marketing digital e usar a versão paga. ANALISE A CONCORRÊNCIA DO INVESTIMENTO DE ADWORDS.

63 MELHORANDO SEU SITE CINCO FERRAMENTAS PARA SEO 5. OPEN SITE EXPLORER Mais um dos produtos da Moz, maior referência de SEO no mundo todo. O Open Site Explorer é responsável por avaliar a métrica, que ao meu modo de ver, é mais importante atualmente para o SEO: a autoridade de domínio.

64 Referências Bibliográficas Ergonomia e Usabilidade Conhecimento, Métodos e aplicações Walter Cybis &numero_programa=1