Post on 24-May-2015
description
APRESENTAÇÃO
Planejamento de Marketing Interativo – www.inmeta.com.br
Ricardo Heidorn
USABILIDADE:
Experiência e Conteúdo
O QUE É USABILIDADE?
• Atributo de qualidade relacionado a facilidade do uso de
algo;
• Refere-se a rapidez com que o usuários podem aprender a
usar alguma coisa;
• A eficiência deles ao usá-la;
• O quanto lembram daquilo;
• ...e principalmente o quanto gostam dela.
Planejamento de Marketing Interativo – www.inmeta.com.br
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!
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.
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á!
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 ela é uma ferramenta. Se for de FÁCIL ACESSO,
elas a utilizarão, caso contrário NÃO.
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.
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.
ALGUMAS DIRETRIZES IMPORTANTES!
Planejamento de Marketing Interativo – www.inmeta.com.br
• 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;
• Oriente o usuário quanto sua localização: Forneça a
famosa “Migalhas de Pão” – Home>> Empresa>>
Localização;
• 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.
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
Testes compravam também que os usuários ficam
aproximadamente:
- 35 segundos na home – usuários com fluência
Web Baixa;
- 25 segundos com usuários de fluência web alta.
Quanto maior a experiência, menos tempo eles
ficam!
ALGUMAS DICAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
Comunique 4 pontos importantes na Home de seu
Web Site:
• O site a que eles chegaram;
• Os benefícios que a empresa oferece;
• Algo sobre a empresa e seus produtos-serviços
mais recentes ou novos desenvolvidos;
• As opções para que os usuários cheguem as
sessões mais importantes para eles.
REGIÕES DAS PAGINAS IMPORTANTES!
Planejamento de Marketing Interativo – www.inmeta.com.br
1. Área de conteúdo;
2. Topo da pagina;
3. Coluna esquerda;
4. Coluna direita
5. Rodapé.
REGIÕES DAS PAGINAS IMPORTANTES!
Planejamento de Marketing Interativo – www.inmeta.com.br
ALGUMAS DICAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
Coloque links importantes na área de conteúdo de
seu Web Site. Como no exemplo mostrado do
Terra.com.
• Menus navegação;
• Indique uma noticia relacionada ao tema;
ALGUMAS DICAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
PROBREMAS E MAIS PROBREMAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Links que não mudam de cor quando visitados;
• Quebrando o botão voltar;
• Abrindo novas janelas no navegador;
• Janelas Pop-Up;
• Elementos e design que parecem anúncios;
• Violando convenções na web;
• Conteúdo vago;
• Conteúdo denso;
PROBREMAS E MAIS PROBREMAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Tempo de download;
• Frames;
• Flash;
• Listagens de pesquisas de baixa tolerância;
• Multimídias e vídeos longos;
• Incompatibilidade entre navegadores;
• Clicabilidade incerta;
• links que não são azuis e sublinhados;
PROBREMAS E MAIS PROBREMAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Menus em cascata (Depende da Aplicação);
• URL’s complexas;
• Interface 3D;
• Conteúdo ultrapassados;
TECNICAS PUBLICITÁRIAS ODIADAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Pop-Up;
• Carregar lentamente;
• Tentar levá-lo ao clicar nele;
• Não ter um botão fechar;
• cobre o que você esta tentando ver;
• move o conteúdo;
• ocupar a maior parte da pagina;
• piscar;
• reproduzir som automaticamente.
QUE FONTE DEVO USAR?
Planejamento de Marketing Interativo – www.inmeta.com.br
• 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;
• 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.
QUE FONTE DEVO USAR?
Planejamento de Marketing Interativo – www.inmeta.com.br
• 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;
• 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.
QUE FONTE DEVO USAR?
Planejamento de Marketing Interativo – www.inmeta.com.br
• 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;
• 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;
NA DÚVIDA, USE VERDANA!
Planejamento de Marketing Interativo – www.inmeta.com.br
• 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.
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!
COMO MELHORAR A LEGIBILIDADE!
Planejamento de Marketing Interativo – www.inmeta.com.br
• 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;
• 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;
COMO MELHORAR A LEGIBILIDADE!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Texto curto e agradável. Nunca é demais
enfatizar isto: texto longo e confuso frustra o público.
Lembre-se:
As pessoas não lêem na web, apenas passam os
olhos!
COMO MONTAR UM PROJETO DE USABILIDADE!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Briefing do projeto;
• Público alvo;
• Objetivos dos usuários;
• Criação de personas;
• Criação de micro processos;
• Análise heurística;
• Benchmarking;
• Arquitetura de Informação;
• Card Sorting;
• Estudo etnográfico;
• Teste de Usabilidade.
BRIEFING DO PROJETO!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Qual o propósito da interface?
• Quais são os objetivos?
• Como você define o sucesso desse produto para sua
organização?
• Como você irá saber desse sucesso?
• Como você descreve a interface?
- Sob o ponto de vista da organização;
- Sob o ponto de vista dos usuários.
PÚBLICO ALVO!
Planejamento de Marketing Interativo – www.inmeta.com.br
Separe todo o público em grupos (ou clusters) de
acordo com as suas características
Exemplo: o Bradesco tem universitários, primes,
médicos, nisseis etc.
Liste as características que você mais deseja avaliar,
montando uma tabela
Descreva as características por escrito
PÚBLICO ALVO!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Descrição de perfil
• Marca-sinônimo
• Classe social
• Pré-ação
• Sexo
• Tempo com acesso
a Internet
• De onde acessa
• O que mais busca
na Internet
• Hábitos de consumo
online
• Grau de simpatia
com a sua marca
• Fluência Web
• Região geográfica
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
O que faria o seu usuário acessar o seu site?
Com esta pergunta- se quer evitar:
- Síndrome do CEO;
- “A ferramenta permite...”;
- Fuga de foco.
Lembre-se: a Internet é um meio passivo – o protagonista é SEMPRE o usuário e NUNCA a
empresa.
OBJETIVOS DOS USUÁRIOS!
Planejamento de Marketing Interativo – www.inmeta.com.br
CRIAÇÃO DE PERSONAS!
Planejamento de Marketing Interativo – www.inmeta.com.br
• Descrição detalhada dos diversos usuários;
• Tentar imaginar o que os motiva/desmotiva a
usar uma interface para realizar uma determinada
tarefa.
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 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.
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.
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.
ANÁLISE HEURÍSTICA!
Planejamento de Marketing Interativo – www.inmeta.com.br
7 - Compatibilidade com o contexto:
Usar sempre as Convenções.
CRIAÇÃO DE MICROS PROCESSOS!
Planejamento de Marketing Interativo – www.inmeta.com.br
BENCHMARKING!
Planejamento de Marketing Interativo – www.inmeta.com.br
Em que situações o benchmarking é útil:
• 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.
• A qualquer momento - para vislumbrar novas
oportunidades e diferenciais.
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 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
Jogo dos 7 erros
Campeões de Bilheteria
Campeões de Bilheteria
Apenas coadjuvantes
Como Partici
par
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
CARD SORTING
Planejamento de Marketing Interativo – www.inmeta.com.br
• Técnica utilizada para descobrir como os usuários classificam
as informações em sua mente;
• Segundo Nielsen(1994) o sorteamento é uma técnica comum
de usabilidade utilizada para descobrir os modelos mentais dos
usuários sobre informações espaciais.
• Método de categorização onde são utilizados cartões
selecionados representando vários conceitos dentro de algumas
categorias
ESTUDO ETNOGRÁFICO
Planejamento de Marketing Interativo – www.inmeta.com.br
• O que o usuário faz com o seu produto ou serviço?
• O que ele usa mais?
• Como usa?
• Em que situações?
• Que dificuldades encontra?
• O que poderia ser melhor?
TESTE DE USABILIDADE
Planejamento de Marketing Interativo – www.inmeta.com.br
Monte o Plano de Teste:
1. Propósito do Teste;
2. Declaração dos Problemas;
3. Perfil do Usuário;
4. Metodologia;
5. Lista de Tarefas;
6. Ambiente de Teste / Equipamento;
7. Papel do Avaliador;
8. Medidas de avaliação.
TESTE DE USABILIDADE
Planejamento de Marketing Interativo – www.inmeta.com.br
• Criar a Lista de Tarefas;
• Teste individual ou em grupo;
• Gravar vídeo do rosto durante a realização;
• Gravar imagens do monitor;
• Entrevista de debriefing.
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.
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
Todo trabalho é realizado por um time que:
• Que determina o público-alvo;
• Seleciona as tarefas que serão realizadas no teste;
• Cria o material do teste em papel;
• Realiza o teste:
- Usuário;
- “Computador” & “Processador”;
- Facilitador;
- Escriba;
- Observadores.
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!
EXEMPLOS
Planejamento de Marketing Interativo – www.inmeta.com.br
REFERÊNCIAS
Planejamento de Marketing Interativo – www.inmeta.com.br
Livros:
- Projetando websites – Jakob Nielsen
- Usabilidade na WEB - Jakob Nielsen e Hoa Loranger
- Não me Faça Pensar – Steve Krug
Sites:
http://www.useit.com
http://www.usabilidoido.com.br
DICAS – MARKETING INTERATIVO
Planejamento de Marketing Interativo – www.inmeta.com.br
Mercado digital não existe!
Não existem pessoas digitais – existem pessoas:
• Que assistem filmes;
• Navegam na Web;
• Jogam futebol;
• Visitam Shoppings;
• Etc.
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.
TESTE DE USABILIDADE
Planejamento de Marketing Interativo – www.inmeta.com.br
Por hoje é só pessoal!
ricardo@inmeta.com.br