Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Copyright Sirius Interativa - 2007 - Todos direitos reservados
Sirius interativa
Aplicação de métodos de usabilidade
em pr...
Quais são os
     componentes de uma
     experiência interativa
        bem sucedida ?

                                 ...
Uma experiência efetiva reflete uma
   adequada combinação de ingredientes
   de acordo com o contexto, conteúdo e
       ...
Atributos de um projeto interativo
                                                    A construção do conteúdo deve refle...
Atributos de um projeto interativo

    Projetos desequilibrados – atributos ausentes




    Projetos equilibrados – todo...
Desejável
                                                   x
                                                 Usável

  ...
Ambiente visual




   O      design reflete os atributos e requerimentos
         do projeto, agrega credibilidade a marc...
Ambiente visual




                                                                 50 ms
   "O resultado indica que a es...
Ambiente visual




Decisões são emocionais.
Depois, nós criamos
justificativas racionais.                                ...
Acessibilidade




                           Acessibilidade



                                                          ...
Acessibilidade




                                                                  Para atingir os
                     ...
Acessibilidade


                                                                 Mundo
                                  ...
Acessibilidade

       Benefícios para o projeto
     •    Reforça a credibilidade
     •    Aumenta a audiência
     •   ...
Acessibilidade




                           Acessibilidade
                                 Alguns exemplos



         ...
Acessibilidade

      1.1 Fornecer um equivalente em texto para cada
                      elemento não textual

         ...
Acessibilidade

      2.1               Assegurar que todas as informações veiculadas
                        com cor este...
Acessibilidade

      2.1 Assegurar que todas as informações veiculadas
                      com cor estejam também dispo...
Acessibilidade

    14.1 Utilizar a linguagem mais simples e clara possível,
                      logicamente, apropriada...
Acessibilidade

      2.2 Garantir que a combinação de cores ofereça um
                      bom contraste entre o texto ...
Acessibilidade

     9.4
   Criar uma seqüência lógica de
   tabulação para percorrer
   links, controles de
   formulário...
Acessibilidade

   13.1
   Identificar
   claramente o
   destino de um link




                                         ...
Usabilidade



                                                                 22


Copyright Sirius Interativa - 2008 - ...
“Usabilidade é a extensão na qual usuários
          pertencentes a um determinado público-alvo
          atinjam objetivo...
Usabilidade

       Benefícios para o projeto

   Maiores vendas e Satisfação do consumidor – A aplicação de
  metodologia...
Usabilidade

       Benefícios para o projeto

  Menor custo de desenvolvimento e manutenção – A aplicação de
  técnicas d...
Usabilidade

       Benefícios para o projeto

  Maior produtividade e eficiência operacional – Uma companhia
  reportou u...
Usabilidade

       Benefícios para o projeto

  Menor demanda de suporte – Um recurso do Word que gerava longos
  atendim...
Usabilidade
   A disciplina de Human Factors iniciou durante a guerra
   no século XX para melhorar a usabilidade de aviõe...
Usabilidade
...e no século XXI a usabilidade de quase tudo desde produtos até
websites. Mas nem sempre é aplicada seja em ...
Usabilidade
  ...seja em impressos de votação. (o exemplo abaixo mostra o
  cartão de voto onde muitos usuários que preten...
Usabilidade


   Em projetos web, temos um conjunto de metodologias para
   avaliar a usabilidade onde se busca...




   ...
Usabilidade
 As metodologias podem ser aplicadas em várias fases do
 projeto (exemplos de alguns métodos e as etapas de um...
Usabilidade


                                                                        Teste
                              ...
Usabilidade

  Etapas
1. Entendimento do projeto;
2. Definição do escopo de teste;
3. Plano de teste: objetivo, roteiro de...
Usabilidade

  Exemplo de tarefa: localizar o site
Cenário
Você não recebeu seu exemplar do jornal XYZ hoje e decidiu
faze...
Usabilidade

  Exemplo de tarefa: localizar o site
Recomendações para condução do teste: Deve-se deixar o
computador com o...
Usabilidade

  Exemplo de tarefa: Suspensão assinatura
Cenário
Você passará 1 mês viajando e gostaria de interromper a
ent...
Usabilidade
                                           1                     2
                                           ...
Usabilidade


                 Expert
                         review
     INT      EXP       DES      IMP       TRA      ...
Usabilidade

  Etapas
1.      Entendimento do projeto;
2.      Definição do escopo de teste;
3.      Plano de teste: crité...
Usabilidade


                                                                                                            ...
Usabilidade

  Etapas
1.      Entendimento do projeto;
2.      Definição do escopo de teste;
3.      Plano de teste;
4.   ...
Usabilidade


                                                                       Análise
                             ...
Usabilidade




                                                                 Exemplo de página de um relatório

      ...
Usabilidade




                                                                 Exemplo de página de um relatório

      ...
Obrigado
                                                                 46


Copyright Sirius Interativa - 2008 - Todos ...
Upcoming SlideShare
Loading in …5
×

Métodos de usabilidade em projetos web

5,820 views

Published on

Apresentação rápida de alguns dos métodos de usabilidade que podem ser aplicados em projetos digitais.

Published in: Technology, Business
  • (Unlimited)....ACCESS WEBSITE Over for All Ebooks ................ accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Métodos de usabilidade em projetos web

  1. 1. Copyright Sirius Interativa - 2007 - Todos direitos reservados Sirius interativa Aplicação de métodos de usabilidade em projetos web
  2. 2. Quais são os componentes de uma experiência interativa bem sucedida ? 2 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  3. 3. Uma experiência efetiva reflete uma adequada combinação de ingredientes de acordo com o contexto, conteúdo e públicos-alvo do projeto 3 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  4. 4. Atributos de um projeto interativo A construção do conteúdo deve refletir necessidades reais de seus usuários. Deve-se buscar o equilíbrio entre a estratégia do site e a sua utilidade para o público-alvo Útil Projetos usáveis melhoram a eficácia (achar o que procura), O Design gráfico encanta, reflete os eficiência (tempo necessário para Usável Desejável valores da marca. os requisitos do achar o que procura) e satisfação projeto e cria um ambiente confortável dos usuários e seguro de interação Valioso Uma arquitetura de informação A acessibilidade é uma exigência de consistente, flexível e evolutiva Achável Acessível lei, que deve fazer parte de uma potencializa a taxa de conversão do estratégia para alcance universal e projeto e sua meia-vida multi-dispositivo do projeto Crível Todos os elementos da interface reforçam ou enfraquecem credibilidade de projetos web 4 Copyright Sirius Interativa - 2008 - Todos direitos reservados Modelo de User experience proposto por Peter Morville
  5. 5. Atributos de um projeto interativo Projetos desequilibrados – atributos ausentes Projetos equilibrados – todos atributos presentes com pesos contextualizados ao projeto 5 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  6. 6. Desejável x Usável 6 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  7. 7. Ambiente visual O design reflete os atributos e requerimentos do projeto, agrega credibilidade a marca, gera conforto ao usuário, potencializa a relação do site com seu usuário, ajuda a estabelecer senso de receptividade e pertencimento e é fundamental para criar um ambiente navegacional consistente e claro. 7 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  8. 8. Ambiente visual 50 ms "O resultado indica que a estética, ou apelo visual, é um fator que pode influenciar o julgamento [posterior] da sua experiência" - (Lindgaard 2006) Em um estudo realizado, se mostrou que a exibição por apenas 50 milisegundos de telas de website permite que os usuários emitam um juízo de valor quase instantâneo sobre um projeto 8 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  9. 9. Ambiente visual Decisões são emocionais. Depois, nós criamos justificativas racionais. 9 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  10. 10. Acessibilidade Acessibilidade 10 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  11. 11. Acessibilidade Para atingir os objetivos do projeto tem que ser Acessível 11 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  12. 12. Acessibilidade Mundo 650 milhões Brasil 24,5 milhões 12 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  13. 13. Acessibilidade Benefícios para o projeto • Reforça a credibilidade • Aumenta a audiência • Reflete cuidado com a responsabilidade social • Atende a requisitos legais • Melhora o retorno em engenhos de busca • Maior compatibilidade com outros dispositivos • Diminui o esforço de manutenção • Melhora a usabilidade • Melhora a performance 13 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  14. 14. Acessibilidade Acessibilidade Alguns exemplos 14 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  15. 15. Acessibilidade 1.1 Fornecer um equivalente em texto para cada elemento não textual Imagens Vídeos Animações flash 15 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  16. 16. Acessibilidade 2.1 Assegurar que todas as informações veiculadas com cor estejam também disponíveis sem cor Neste exemplo do lado esquerdo vemos que o modelo de clique é comunicado pela cor azul. No lado direito vemos que o acesso por um usuário com deficiência de cor não poderá identificar os pontos de clique 16 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  17. 17. Acessibilidade 2.1 Assegurar que todas as informações veiculadas com cor estejam também disponíveis sem cor Percepção normal de cores Deficiência de cor: verde Verde Verde Vermelho Verde Amarelo citro Vermelho Verde Amarelo citro Verde Verde Marrom Verde Verde Marrom escuro marrom escuro escuro escuro marrom escuro escuro Azul Azul Azul Violeta celeste Rosa Azul Violeta celeste Rosa Quando se comunica informações através de cores, se incorre no risco de que usuários com deficiência de cor percam esta informação 17 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  18. 18. Acessibilidade 14.1 Utilizar a linguagem mais simples e clara possível, logicamente, apropriada para um dado conteúdo Analfabeto 7% 30% Alfabetizado Nível Rudimentar Alfabetizado Nível Básico 38% Alfabetizado Nível Pleno 26% Segundo o estudo INAF (Indicador Nacional de Alfabetismo Funcional) apenas 26% dos Brasileiros tem nível pleno de alfabetização. Logo, os textos de um projeto web devem ser criados levando esta realidade em conta 18 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  19. 19. Acessibilidade 2.2 Garantir que a combinação de cores ofereça um bom contraste entre o texto e o fundo Neste exemplo, um site direcionado ao conjunto da população Brasileira oferece uma razão de contraste abaixo do ideal o que pode comprometer a experiência de navegação de parte dos usuários 19 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  20. 20. Acessibilidade 9.4 Criar uma seqüência lógica de tabulação para percorrer links, controles de formulários e objetos Para um usuário que utiliza um software de leitura de tela, chegar a um dos links internos da página o obriga a passar por todo o longo menu lateral (quando a navegação for feita pela sequência de cliques disponível. 20 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  21. 21. Acessibilidade 13.1 Identificar claramente o destino de um link O uso de “Veja mais” perde o contexto quando lido através de um leitor de tela. Os links devem ter um texto relevante que reflita o seu destino. 21 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  22. 22. Usabilidade 22 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  23. 23. “Usabilidade é a extensão na qual usuários pertencentes a um determinado público-alvo atinjam objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso particular ” ISO 9241-11 23 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  24. 24. Usabilidade Benefícios para o projeto Maiores vendas e Satisfação do consumidor – A aplicação de metodologia de Usabilidade aumenta a satisfação do usuário em 40% (Gartner Group). 24 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  25. 25. Usabilidade Benefícios para o projeto Menor custo de desenvolvimento e manutenção – A aplicação de técnicas de usabilidade reduziu o tempo de desenvolvimento em 40% (Bosert, J. L -1991) 25 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  26. 26. Usabilidade Benefícios para o projeto Maior produtividade e eficiência operacional – Uma companhia reportou uma redução de 25% em erros de usuários depois de cuidados com a usabilidade (Cost-Justifying Usability) 26 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  27. 27. Usabilidade Benefícios para o projeto Menor demanda de suporte – Um recurso do Word que gerava longos atendimentos de suporte (45 min.) foi drasticamente reduzido após um estudo de usabilidade (Cost-Justifying Usability). 27 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  28. 28. Usabilidade A disciplina de Human Factors iniciou durante a guerra no século XX para melhorar a usabilidade de aviões... “Se não podia ser usada, os objetivos militares não podiam ser alcançados” 28 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  29. 29. Usabilidade ...e no século XXI a usabilidade de quase tudo desde produtos até websites. Mas nem sempre é aplicada seja em carros...(o exemplo abaixo apresenta um dispositivo de controle de um carro que que exige grande perícia do usuário) • 28 de 30 usuários desistiram de ligar o carro; • Comprador potencial precisa de 20 minutos de treinamento; • O campeão de corridas Geoff Brabham conseguiu mover o carro para frente... • ...mas não para trás 29 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  30. 30. Usabilidade ...seja em impressos de votação. (o exemplo abaixo mostra o cartão de voto onde muitos usuários que pretendiam votar no candidato democrata Al Gore acabaram votando no conservador Pat Buchanan por conta da disposição do impresso) 30 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  31. 31. Usabilidade Em projetos web, temos um conjunto de metodologias para avaliar a usabilidade onde se busca... ...levantar informações demográficas, comportamentais e aspiracionais dos usuários e identificar boas práticas do segmento em que atua. 31 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  32. 32. Usabilidade As metodologias podem ser aplicadas em várias fases do projeto (exemplos de alguns métodos e as etapas de um projeto onde podem ser aplicadas) Exploração Evolução Interação experiência Desenho da Implementação Transferência Publicação MA DI DG Teste de Usabilidade Questionário on-line Análise Comparativa de Usabilidade Expert review Análise Contextual Avaliação de acessibilidade Card Sorting Inspeção heurística Entrevistas Estruturadas 32 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  33. 33. Usabilidade Teste de usabilidade Obs: este é um teste piloto feito para propósitos de demonstração. O teste de Usabilidade é um método qualitativo que envolve a entrevista individual com um número de usuários pertencentes ao público-alvo do projeto que realizam tarefas específicas com o objetivo de identificar pontos de melhoria. Por ser uma análise qualitativa, o número necessário de usuários pode ser relativamente reduzido (entre 6 e 8 usuários por perfil). As atividades são acompanhadas por um moderador e registradas digitalmente. 33 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  34. 34. Usabilidade Etapas 1. Entendimento do projeto; 2. Definição do escopo de teste; 3. Plano de teste: objetivo, roteiro de teste, questionário pré e pós teste, tarefas; 4. Teste piloto; 5. Recrutamento de participantes; 6. Condução dos testes; 7. Compilação e análise de dados; 8. Relatório final. 34 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  35. 35. Usabilidade Exemplo de tarefa: localizar o site Cenário Você não recebeu seu exemplar do jornal XYZ hoje e decidiu fazer uma reclamação utilizando a Internet. Gostaria que você localizasse o site do jornal XYZ Perfis de Participantes: Todos Duração da tarefa: Máximo de 2 minutos Critérios de avaliação: Tempo para encontrar o acesso ao website, Quantos participantes localizaram o website, índice de desistência. 35 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  36. 36. Usabilidade Exemplo de tarefa: localizar o site Recomendações para condução do teste: Deve-se deixar o computador com o Internet Explorer aberto numa página neutra, branca (configurando o IE com a opção branca), deixar um exemplar do jornal XYZ ao lado O que observar: O assinante acha facilmente a opção de Suspensão de Entrega? Como reage em relação às restrições do serviço? Procedimentos esperados: No espaço do assinante localizar o serviço de Suspensão de Entrega, Preencher dados, Confirmar dados, Enviar dados. 36 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  37. 37. Usabilidade Exemplo de tarefa: Suspensão assinatura Cenário Você passará 1 mês viajando e gostaria de interromper a entrega do jornal XYZ durante esse período. Verifique se é possível fazer isso no espaço do Assinante, e, em caso positivo, faça esta alteração Perfis de Participantes: Todos Duração da tarefa: 10 minutos Critérios de avaliação: Tempo para encontrar o recurso de Suspensão de Entrega, Quantos assinantes fizeram a suspensão da assinatura, índice de desistência 37 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  38. 38. Usabilidade 1 2 O laboratório móvel tem na sala 1 o moderador e o participante. Na sala 2 os clientes podem observar cada movimento de tela e acompanhar as feições e observações dos usuários. Obs: este é um teste piloto feito para propósitos de demonstração. Não é um teste de cliente da Sirius. O usuário autorizou esta exibição neste apresentação. 38 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  39. 39. Usabilidade Expert review INT EXP DES IMP TRA PUB EVO Profissionais de Usabilidade julgam o sistema interativo de acordo com um conjunto de boas práticas estabelecidas e segundo facetas do sistema interativo como: sistema de informação, titulação, busca, navegação, design, acessibilidade e arquitetura de conteúdo. O relatório lista os pontos de melhoria identificados e faz recomendações de correção 39 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  40. 40. Usabilidade Etapas 1. Entendimento do projeto; 2. Definição do escopo de teste; 3. Plano de teste: critérios e procedimento de avaliação ; 4. Avaliação (2 a 3 analistas); 5. Compilação e avaliação qualitativa dos pontos de melhoria; 6. Relatório final. 40 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  41. 41. Usabilidade Card Sorting Card-sorting é uma técnica utilizada para levantar como as pessoas agrupam os conteúdos de um projeto de uma forma que melhor reflita suas necessidades e modelo mental. Pode ser realizada antes ou depois do processo de arquitetura de informação do projeto. Atividade 1 Atividade 2 Atividade 3 Comunicação COMUNICAÇÃO NEGÓCIOS A EMPRESA “informações associadas a Arquivo de produtos Missão imagens Cadastro campanhas e notícias” Notícias Assessoria fornecedor Compras Relatório Imprensa on-line Social Livre associação Card-Sorting Validação de fluxo 41 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  42. 42. Usabilidade Etapas 1. Entendimento do projeto; 2. Definição do escopo de teste; 3. Plano de teste; 4. Teste piloto; 5. Recrutamento de participantes; 6. Condução dos testes; 7. Compilação e análise de dados; 8. Relatório final. 42 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  43. 43. Usabilidade Análise Comparativa de usabilidade O Mapeamento de projetos que tenham um posicionamento web similar, através de um conjunto de critérios que compõe um sistema de interação, permite que sejam levantadas de forma sistemática suas melhores práticas e que sejam identificados conteúdos e recursos que possam ser incorporados ao projeto. 43 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  44. 44. Usabilidade Exemplo de página de um relatório 44 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  45. 45. Usabilidade Exemplo de página de um relatório 45 Copyright Sirius Interativa - 2008 - Todos direitos reservados
  46. 46. Obrigado 46 Copyright Sirius Interativa - 2008 - Todos direitos reservados

×