APRESENTAÇÃO Planejamento de Marketing Interativo –  www.inmeta.com.br Ricardo Heidorn USABILIDADE: Experiência e Conteúdo
O QUE É USABILIDADE? <ul><li>Atributo de qualidade relacionado a  facilidade do uso de </li></ul><ul><li>algo; </li></ul><...
O QUE É USABILIDADE? Planejamento de Marketing Interativo –  www.inmeta.com.br Isto é... Refere-se ao grau com que um usuá...
O SEGREDO! Planejamento de Marketing Interativo –  www.inmeta.com.br Felizmente não há segredos para fazer o uso da usabil...
O QUE É USABILIDADE? Planejamento de Marketing Interativo –  www.inmeta.com.br Pensem no seguinte: Se o cliente não encont...
O QUE É USABILIDADE? Planejamento de Marketing Interativo –  www.inmeta.com.br Lembre-se: Quem clica no mouse é quem decide!
A WEB! Planejamento de Marketing Interativo –  www.inmeta.com.br Há 10 anos a web era algo diferente para as pessoas. Hoje...
A WEB! Planejamento de Marketing Interativo –  www.inmeta.com.br Na Internet, os competidores estão sempre a um clique de ...
SEJA RÁPIDO! Planejamento de Marketing Interativo –  www.inmeta.com.br Testes compravam que você tem menos de  DOIS MINUTO...
ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Informe onde os usuários...
ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo –  www.inmeta.com.br
ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo –  www.inmeta.com.br
ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo –  www.inmeta.com.br
ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo –  www.inmeta.com.br
A HOME PAGE! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Testes compravam também que os usuários fic...
ALGUMAS DICAS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Comunique 4 pontos importantes na Home de...
REGIÕES DAS PAGINAS IMPORTANTES! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Área de conteúdo; </li>...
REGIÕES DAS PAGINAS IMPORTANTES! Planejamento de Marketing Interativo –  www.inmeta.com.br
ALGUMAS DICAS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Coloque links importantes na área de cont...
ALGUMAS DICAS! Planejamento de Marketing Interativo –  www.inmeta.com.br
PRO B REMAS E MAIS PROB R EMAS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Links que não mudam de c...
PRO B REMAS E MAIS PROB R EMAS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Tempo de download; </li>...
PRO B REMAS E MAIS PROB R EMAS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Menus em cascata (Depend...
TECNICAS PUBLICITÁRIAS ODIADAS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Pop-Up; </li></ul><ul><l...
QUE FONTE DEVO USAR? Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Arial: Legível em tamanhos razoávei...
QUE FONTE DEVO USAR? Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Geórgia: A melhor fonte com serifa ...
QUE FONTE DEVO USAR? Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Times New Roman: boa para materiais...
NA DÚVIDA, USE VERDANA! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Verdana: A fonte on-line mais le...
LIMITE O NUMERO DE FONTES! Planejamento de Marketing Interativo –  www.inmeta.com.br Limite o numero de estilos de fonte  ...
COMO MELHORAR A LEGIBILIDADE! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Evite Jargões . A terminol...
COMO MELHORAR A LEGIBILIDADE! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Texto curto e agradável.  ...
COMO MONTAR UM PROJETO DE USABILIDADE! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Briefing do proje...
BRIEFING DO PROJETO! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><ul><li>Qual o propósito da interface? ...
PÚBLICO ALVO! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Separe todo o público em grupos (ou cluste...
PÚBLICO ALVO! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Descrição de perfil </li></ul><ul><li>Marc...
OBJETIVOS DOS USUÁRIOS! Planejamento de Marketing Interativo –  www.inmeta.com.br O Google é o melhor amigo do homem!
OBJETIVOS DOS USUÁRIOS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>O que faria o seu usuário acessa...
OBJETIVOS DOS USUÁRIOS! Planejamento de Marketing Interativo –  www.inmeta.com.br
CRIAÇÃO DE PERSONAS! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Descrição detalhada dos diversos us...
CRIAÇÃO DE PERSONAS! Planejamento de Marketing Interativo –  www.inmeta.com.br
CRIAÇÃO DE PERSONAS! Planejamento de Marketing Interativo –  www.inmeta.com.br Lucas tem 32 anos e sempre foi apaixonado p...
ANÁLISE HEURÍSTICA! Planejamento de Marketing Interativo –  www.inmeta.com.br 1 - Visibilidade do status do sistema   : On...
ANÁLISE HEURÍSTICA! Planejamento de Marketing Interativo –  www.inmeta.com.br 4 - Flexibilidade e eficiência de uso: Evita...
ANÁLISE HEURÍSTICA! Planejamento de Marketing Interativo –  www.inmeta.com.br 7 - Compatibilidade com o contexto: Usar sem...
CRIAÇÃO DE MICROS PROCESSOS! Planejamento de Marketing Interativo –  www.inmeta.com.br
BENCHMARKING! Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Em que situações o benchmarking é útil: </...
ARQUITETURA DA INFORMAÇÃO! Planejamento de Marketing Interativo –  www.inmeta.com.br Organização das Informações
ARQUITETURA DA INFORMAÇÃO! Planejamento de Marketing Interativo –  www.inmeta.com.br
ARQUITETURA DA INFORMAÇÃO! Planejamento de Marketing Interativo –  www.inmeta.com.br LETREIRO A VIDA É UM FILME Crie seu f...
CARD SORTING Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Técnica utilizada para descobrir como os us...
ESTUDO ETNOGRÁFICO Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>O que o usuário faz com o seu produto...
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Monte o Plano de Teste: </li></ul><...
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Criar a Lista de Tarefas; </li></ul...
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br Teste o seu teste…ou você pode acabar com u...
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Todo trabalho é realizado por um ti...
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br CUIDADO! O avaliador não deve ser o dono do...
EXEMPLOS Planejamento de Marketing Interativo –  www.inmeta.com.br
REFERÊNCIAS Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Livros: </li></ul><ul><li>Projetando website...
DICAS – MARKETING INTERATIVO Planejamento de Marketing Interativo –  www.inmeta.com.br <ul><li>Mercado digital não existe!...
DICAS – MARKETING INTERATIVO Planejamento de Marketing Interativo –  www.inmeta.com.br Restringir-se a um modelo “on-line”...
TESTE DE USABILIDADE Planejamento de Marketing Interativo –  www.inmeta.com.br Por hoje é só pessoal! [email_address]
Upcoming SlideShare
Loading in …5
×

Como montar um projeto de usabilidade

4,097 views

Published on

Usabilidade é um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante. A usabilidade pode também se referir aos métodos de mensuração da usabilidade e ao estudo dos princípios por trás da eficiência percebida de um objeto.

Published in: Technology, Business

Como montar um projeto de usabilidade

  1. 1. APRESENTAÇÃO Planejamento de Marketing Interativo – www.inmeta.com.br Ricardo Heidorn USABILIDADE: Experiência e Conteúdo
  2. 2. O QUE É USABILIDADE? <ul><li>Atributo de qualidade relacionado a facilidade do uso de </li></ul><ul><li>algo; </li></ul><ul><li>Refere-se a rapidez com que o usuários podem aprender a </li></ul><ul><li>usar alguma coisa; </li></ul><ul><li>A eficiência deles ao usá-la; </li></ul><ul><li>O quanto lembram daquilo; </li></ul><ul><li>...e principalmente o quanto gostam dela. </li></ul>Planejamento de Marketing Interativo – www.inmeta.com.br
  3. 3. O QUE É USABILIDADE? Planejamento de Marketing Interativo – www.inmeta.com.br Isto é... Refere-se ao grau com que um usuário consegue realizar uma tarefa de forma rápida e fácil!
  4. 4. O SEGREDO! Planejamento de Marketing Interativo – www.inmeta.com.br Felizmente não há segredos para fazer o uso da usabilidade em seus projetos. Simplesmente uma questão de usar o Bom Censo e documentar o projeto. Depois de descobrir como seu público interage com seu projeto, você pode ficar melhor que seu CONCORRENTE.
  5. 5. O QUE É USABILIDADE? Planejamento de Marketing Interativo – www.inmeta.com.br Pensem no seguinte: Se o cliente não encontrar o produto... Ele não comprará!
  6. 6. O QUE É USABILIDADE? Planejamento de Marketing Interativo – www.inmeta.com.br Lembre-se: Quem clica no mouse é quem decide!
  7. 7. A WEB! Planejamento de Marketing Interativo – www.inmeta.com.br Há 10 anos a web era algo diferente para as pessoas. Hoje ela é uma ferramenta. Se for de FÁCIL ACESSO , elas a utilizarão, caso contrário NÃO .
  8. 8. A WEB! Planejamento de Marketing Interativo – www.inmeta.com.br Na Internet, os competidores estão sempre a um clique de distância, de modo que, se você frustrar os usuários, eles irão para outro lugar.
  9. 9. SEJA RÁPIDO! Planejamento de Marketing Interativo – www.inmeta.com.br Testes compravam que você tem menos de DOIS MINUTOS para se comunicar na primeira vez em que seu cliente visita seu Web Site.
  10. 10. ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Informe onde os usuários estão : Logotipo da empresa no canto superior esquerdo, link informando um retorno a HOME da empresa e uma sistema de busca interno no canto superior direito; </li></ul><ul><li>Oriente o usuário quanto sua localização : Forneça a famosa “Migalhas de Pão” – Home >> Empresa >> Localização; </li></ul><ul><li>Não pense que os usuários seguiram um caminho reto para chegar em seu Web Site. Eles podem ter optado por um caminho diferente. </li></ul>
  11. 11. ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo – www.inmeta.com.br
  12. 12. ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo – www.inmeta.com.br
  13. 13. ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo – www.inmeta.com.br
  14. 14. ALGUMAS DIRETRIZES IMPORTANTES! Planejamento de Marketing Interativo – www.inmeta.com.br
  15. 15. A HOME PAGE! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Testes compravam também que os usuários ficam aproximadamente: </li></ul><ul><li>35 segundos na home – usuários com fluência Web Baixa; </li></ul><ul><li>25 segundos com usuários de fluência web alta. </li></ul><ul><li>Quanto maior a experiência, menos tempo eles ficam! </li></ul>
  16. 16. ALGUMAS DICAS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Comunique 4 pontos importantes na Home de seu Web Site: </li></ul><ul><li>O site a que eles chegaram; </li></ul><ul><li>Os benefícios que a empresa oferece; </li></ul><ul><li>Algo sobre a empresa e seus produtos-serviços mais recentes ou novos desenvolvidos; </li></ul><ul><li>As opções para que os usuários cheguem as sessões mais importantes para eles. </li></ul>
  17. 17. REGIÕES DAS PAGINAS IMPORTANTES! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Área de conteúdo; </li></ul><ul><li>Topo da pagina; </li></ul><ul><li>Coluna esquerda; </li></ul><ul><li>Coluna direita </li></ul><ul><li>Rodapé. </li></ul>
  18. 18. REGIÕES DAS PAGINAS IMPORTANTES! Planejamento de Marketing Interativo – www.inmeta.com.br
  19. 19. ALGUMAS DICAS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Coloque links importantes na área de conteúdo de seu Web Site. Como no exemplo mostrado do Terra.com. </li></ul><ul><li>Menus navegação; </li></ul><ul><li>Indique uma noticia relacionada ao tema; </li></ul>
  20. 20. ALGUMAS DICAS! Planejamento de Marketing Interativo – www.inmeta.com.br
  21. 21. PRO B REMAS E MAIS PROB R EMAS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Links que não mudam de cor quando visitados; </li></ul><ul><li>Quebrando o botão voltar; </li></ul><ul><li>Abrindo novas janelas no navegador; </li></ul><ul><li>Janelas Pop-Up; </li></ul><ul><li>Elementos e design que parecem anúncios; </li></ul><ul><li>Violando convenções na web; </li></ul><ul><li>Conteúdo vago; </li></ul><ul><li>Conteúdo denso; </li></ul>
  22. 22. PRO B REMAS E MAIS PROB R EMAS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Tempo de download; </li></ul><ul><li>Frames; </li></ul><ul><li>Flash; </li></ul><ul><li>Listagens de pesquisas de baixa tolerância; </li></ul><ul><li>Multimídias e vídeos longos; </li></ul><ul><li>Incompatibilidade entre navegadores; </li></ul><ul><li>Clicabilidade incerta; </li></ul><ul><li>links que não são azuis e sublinhados ; </li></ul>
  23. 23. PRO B REMAS E MAIS PROB R EMAS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Menus em cascata (Depende da Aplicação); </li></ul><ul><li>URL’s complexas; </li></ul><ul><li>Interface 3D; </li></ul><ul><li>Conteúdo ultrapassados; </li></ul>
  24. 24. TECNICAS PUBLICITÁRIAS ODIADAS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Pop-Up; </li></ul><ul><li>Carregar lentamente; </li></ul><ul><li>Tentar levá-lo ao clicar nele; </li></ul><ul><li>Não ter um botão fechar; </li></ul><ul><li>cobre o que você esta tentando ver; </li></ul><ul><li>move o conteúdo; </li></ul><ul><li>ocupar a maior parte da pagina; </li></ul><ul><li>piscar; </li></ul><ul><li>reproduzir som automaticamente. </li></ul>
  25. 25. QUE FONTE DEVO USAR? Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Arial: Legível em tamanhos razoáveis. Boa na fonte de 10 pontos ou acima. Passa a impressão de moderna, limpa, básica. Geralmente é preferida pelas as pessoas de todas as idades; </li></ul><ul><li>Comic Sans MS: Fonte decorativa, mais difícil de ler on-line, mesmo em tamanho grandes. Passa a impressão de amigável, juvenil, divertida e formal. </li></ul>
  26. 26. QUE FONTE DEVO USAR? Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Geórgia: A melhor fonte com serifa projetada para leitura on-line. Geralmente boa em tamanhos de fonte de 10 pontos e acima. Possui aparência tradicional. Mas com visual mais moderno que a Times New Roman; </li></ul><ul><li>Impact: Geralmente utilizada para impressão. Não recomendada para visualização on-line. Muito ruim sua legibilidade, mesmo em tamanhos grandes. Escura. Não adequada a blocos de conteudo. </li></ul>
  27. 27. QUE FONTE DEVO USAR? Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Times New Roman: boa para materiais impressos. A legibilidade na tela rapidamente diminui em tamanhos menores. Use no corpo de 10 ou superior. Aparência tradicional. Não recomendada se você quer passar a impressão de algo profissional. Geralmente não é a preferida pela audiência; </li></ul><ul><li>Trebuchet MS: legivel em tamanhos razoáveis. Boa na fonte de 10 pontos ou acima. Passa a impressão de moderna, simples e aguçada. A cara de WEB 2.0; </li></ul>
  28. 28. NA DÚVIDA, USE VERDANA! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Verdana: A fonte on-line mais legível, mesmo em texto pequeno. Profissional, simples e moderna. A fonte recomendada para uso no corpo de texto. Em que a legibilidade é fundamental. Altamente cotada na preferência dos usuários. </li></ul>
  29. 29. LIMITE O NUMERO DE FONTES! Planejamento de Marketing Interativo – www.inmeta.com.br Limite o numero de estilos de fonte e cores no seu Web Site . As pessoas não confiam em sites que se pareçam com: Bilhetes de Seqüestro!
  30. 30. COMO MELHORAR A LEGIBILIDADE! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Evite Jargões . A terminologia que o seu setor ou a sua empresa utiliza não faz parte da linguagem de seu cliente. Termos simples talvez não pareçam engenhosos ou originais, mas são compreensíveis; </li></ul><ul><li>Evite acrônimos (SIGLAS) . Web sites governamentais são especialmente notórios por espalharem acrônimos por todas as suas paginas, supondo que o público sabe o que eles significam; </li></ul>
  31. 31. COMO MELHORAR A LEGIBILIDADE! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Texto curto e agradável. Nunca é demais enfatizar isto: texto longo e confuso frustra o público. </li></ul><ul><li>Lembre-se: </li></ul><ul><li>As pessoas não lêem na web, apenas passam os olhos! </li></ul>
  32. 32. COMO MONTAR UM PROJETO DE USABILIDADE! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Briefing do projeto; </li></ul><ul><li>Público alvo; </li></ul><ul><li>Objetivos dos usuários; </li></ul><ul><li>Criação de personas; </li></ul><ul><li>Criação de micro processos; </li></ul><ul><li>Análise heurística; </li></ul><ul><li>Benchmarking; </li></ul><ul><li>Arquitetura de Informação; </li></ul><ul><li>Card Sorting; </li></ul><ul><li>Estudo etnográfico; </li></ul><ul><li>Teste de Usabilidade. </li></ul>
  33. 33. BRIEFING DO PROJETO! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><ul><li>Qual o propósito da interface? </li></ul></ul><ul><ul><li>Quais são os objetivos? </li></ul></ul><ul><ul><li>Como você define o sucesso desse produto para sua organização? </li></ul></ul><ul><ul><li>Como você irá saber desse sucesso? </li></ul></ul><ul><ul><li>Como você descreve a interface? </li></ul></ul><ul><ul><li>- Sob o ponto de vista da organização; </li></ul></ul><ul><ul><li>- Sob o ponto de vista dos usuários. </li></ul></ul>
  34. 34. PÚBLICO ALVO! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Separe todo o público em grupos (ou clusters) de acordo com as suas características </li></ul><ul><ul><li>Exemplo: o Bradesco tem universitários, primes, médicos, nisseis etc. </li></ul></ul><ul><li>Liste as características que você mais deseja avaliar, montando uma tabela </li></ul><ul><li>Descreva as características por escrito </li></ul>
  35. 35. PÚBLICO ALVO! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Descrição de perfil </li></ul><ul><li>Marca-sinônimo </li></ul><ul><li>Classe social </li></ul><ul><li>Pré-ação </li></ul><ul><li>Sexo </li></ul><ul><li>Tempo com acesso a Internet </li></ul><ul><li>De onde acessa </li></ul><ul><li>O que mais busca na Internet </li></ul><ul><li>Hábitos de consumo online </li></ul><ul><li>Grau de simpatia com a sua marca </li></ul><ul><li>Fluência Web </li></ul><ul><li>Região geográfica </li></ul>
  36. 36. OBJETIVOS DOS USUÁRIOS! Planejamento de Marketing Interativo – www.inmeta.com.br O Google é o melhor amigo do homem!
  37. 37. OBJETIVOS DOS USUÁRIOS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>O que faria o seu usuário acessar o seu site? </li></ul><ul><li>Com esta pergunta- se quer evitar: </li></ul><ul><ul><li>- Síndrome do CEO; </li></ul></ul><ul><ul><li>- “A ferramenta permite...”; </li></ul></ul><ul><ul><li>- Fuga de foco. </li></ul></ul>Lembre-se: a Internet é um meio passivo – o protagonista é SEMPRE o usuário e NUNCA a empresa.
  38. 38. OBJETIVOS DOS USUÁRIOS! Planejamento de Marketing Interativo – www.inmeta.com.br
  39. 39. CRIAÇÃO DE PERSONAS! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Descrição detalhada dos diversos usuários; </li></ul><ul><li>Tentar imaginar o que os motiva/desmotiva a usar uma interface para realizar uma determinada tarefa. </li></ul>
  40. 40. CRIAÇÃO DE PERSONAS! Planejamento de Marketing Interativo – www.inmeta.com.br
  41. 41. CRIAÇÃO DE PERSONAS! Planejamento de Marketing Interativo – www.inmeta.com.br Lucas tem 32 anos e sempre foi apaixonado por tecnologia. Por ter uma mentalidade mais criativa, nunca se interessou por trabalhar com programação ou coisas do gênero – e descobriu na Internet a forma de unir a sua paixão à criatividade em marketing que sempre se orgulhou em ter. Assim, há alguns anos, abandonou seu trabalho e montou a sua própria agência interativa, a Market Interactive. Junto com um sócio, Lucas penou para conseguir os seus primeiros clientes, a quem ele teve que catequizar quanto ao uso eficiente da Web.
  42. 42. ANÁLISE HEURÍSTICA! Planejamento de Marketing Interativo – www.inmeta.com.br 1 - Visibilidade do status do sistema : Onde estou? e O que este portal faz?. 2 - Projeto estético e minimalista: Usar no máximo dois tipos de fontes e Usar tamanho de fonte legível. 3 - Controle do usuário: Possibilitar o retorno à página anterior e Possibilitar aos usuários interromper ou cancelar o processamento ou transação atual.
  43. 43. ANÁLISE HEURÍSTICA! Planejamento de Marketing Interativo – www.inmeta.com.br 4 - Flexibilidade e eficiência de uso: Evitar rolagem da página, Usar % no tamanho de Fonte. 5 - Prevenir erros: Não usar páginas com a expressão “em construção”. O portal deve apresentar apenas o que já está pronto para ser acessado pelo usuário. 6 - Consistência: Evitar sair do padrão Web para links – cor azul e sublinhado.
  44. 44. ANÁLISE HEURÍSTICA! Planejamento de Marketing Interativo – www.inmeta.com.br 7 - Compatibilidade com o contexto: Usar sempre as Convenções.
  45. 45. CRIAÇÃO DE MICROS PROCESSOS! Planejamento de Marketing Interativo – www.inmeta.com.br
  46. 46. BENCHMARKING! Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Em que situações o benchmarking é útil: </li></ul><ul><li>No início do projeto de um Web site - para descobrir como os concorrentes atuam, que soluções adotaram, quais funcionam e também quais não funcionam, para que você possa evitá-las antes mesmo de começar. </li></ul><ul><li>A qualquer momento - para vislumbrar novas oportunidades e diferenciais. </li></ul>
  47. 47. ARQUITETURA DA INFORMAÇÃO! Planejamento de Marketing Interativo – www.inmeta.com.br Organização das Informações
  48. 48. ARQUITETURA DA INFORMAÇÃO! Planejamento de Marketing Interativo – www.inmeta.com.br
  49. 49. ARQUITETURA DA INFORMAÇÃO! Planejamento de Marketing Interativo – www.inmeta.com.br LETREIRO A VIDA É UM FILME Crie seu filme Apenas um protagonista Protagonista e Coadjuvantes Você e seus amigos podem ser os astros desta história. Escolha uma das opções para fazer o seu filme: Jogo dos 7 erros Campeões de Bilheteria Apenas coadjuvantes Como Participar Crie seu Filme Campeões de Bilheteria Jogo dos 7 Erros | ver exemplo | ver exemplo | ver exemplo Conheça a Galeria de Filmes da Gradiente
  50. 50. CARD SORTING Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Técnica utilizada para descobrir como os usuários classificam as informações em sua mente; </li></ul><ul><li>Segundo Nielsen(1994) o sorteamento é uma técnica comum de usabilidade utilizada para descobrir os modelos mentais dos usuários sobre informações espaciais. </li></ul><ul><li>Método de categorização onde são utilizados cartões selecionados representando vários conceitos dentro de algumas categorias </li></ul>
  51. 51. ESTUDO ETNOGRÁFICO Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>O que o usuário faz com o seu produto ou serviço? </li></ul><ul><li>O que ele usa mais? </li></ul><ul><li>Como usa? </li></ul><ul><li>Em que situações? </li></ul><ul><li>Que dificuldades encontra? </li></ul><ul><li>O que poderia ser melhor? </li></ul>
  52. 52. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Monte o Plano de Teste: </li></ul><ul><li>Propósito do Teste; </li></ul><ul><li>Declaração dos Problemas; </li></ul><ul><li>Perfil do Usuário; </li></ul><ul><li>Metodologia; </li></ul><ul><li>Lista de Tarefas; </li></ul><ul><li>Ambiente de Teste / Equipamento; </li></ul><ul><li>Papel do Avaliador; </li></ul><ul><li>Medidas de avaliação. </li></ul>
  53. 53. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Criar a Lista de Tarefas; </li></ul><ul><li>Teste individual ou em grupo; </li></ul><ul><li>Gravar vídeo do rosto durante a realização; </li></ul><ul><li>Gravar imagens do monitor; </li></ul><ul><li>Entrevista de debriefing. </li></ul>
  54. 54. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br Teste o seu teste…ou você pode acabar com um monte de dados inúteis.
  55. 55. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br
  56. 56. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br
  57. 57. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Todo trabalho é realizado por um time que: </li></ul><ul><li>Que determina o público-alvo; </li></ul><ul><li>Seleciona as tarefas que serão realizadas no teste; </li></ul><ul><li>Cria o material do teste em papel; </li></ul><ul><li>Realiza o teste: </li></ul><ul><li>- Usuário; </li></ul><ul><li>- “Computador” & “Processador”; </li></ul><ul><li>- Facilitador; </li></ul><ul><li>- Escriba; </li></ul><ul><li>- Observadores. </li></ul>
  58. 58. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br CUIDADO! O avaliador não deve ser o dono do produto que está sendo testado!
  59. 59. EXEMPLOS Planejamento de Marketing Interativo – www.inmeta.com.br
  60. 60. REFERÊNCIAS Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Livros: </li></ul><ul><li>Projetando websites – Jakob Nielsen </li></ul><ul><li>Usabilidade na WEB - Jakob Nielsen e Hoa Loranger </li></ul><ul><li>Não me Faça Pensar – Steve Krug </li></ul><ul><li>Sites: </li></ul><ul><li>http://www.useit.com </li></ul><ul><li>http://www.usabilidoido.com.br </li></ul>
  61. 61. DICAS – MARKETING INTERATIVO Planejamento de Marketing Interativo – www.inmeta.com.br <ul><li>Mercado digital não existe! </li></ul><ul><li>Não existem pessoas digitais – existem pessoas: </li></ul><ul><ul><li>Que assistem filmes; </li></ul></ul><ul><ul><li>Navegam na Web; </li></ul></ul><ul><ul><li>Jogam futebol; </li></ul></ul><ul><ul><li>Visitam Shoppings; </li></ul></ul><ul><ul><li>Etc. </li></ul></ul>
  62. 62. DICAS – MARKETING INTERATIVO Planejamento de Marketing Interativo – www.inmeta.com.br Restringir-se a um modelo “on-line” ou “off-line” é, no mínimo, jogar fora uma boa parcela de mercado – pois você terá que pensar interativamente de qualquer jeito, independente do meio.
  63. 63. TESTE DE USABILIDADE Planejamento de Marketing Interativo – www.inmeta.com.br Por hoje é só pessoal! [email_address]

×