Como montar um projeto de usabilidade

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.




Isto é...

Refere-se ao grau com que

um usuário consegue

realizar uma tarefa de

forma rápida e fácil!

O SEGREDO!


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.



Pensem no seguinte:

Se o cliente não encontrar o

produto...

Ele não comprará!



Lembre-se:

Quem clica no mouse é quem

decide!

A WEB!


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!


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!


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!


• 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!


A HOME PAGE!


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!


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!


1. Área de conteúdo;

2. Topo da pagina;

3. Coluna esquerda;

4. Coluna direita

5. Rodapé.

REGIÕES DAS PAGINAS IMPORTANTES!


ALGUMAS DICAS!


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!


PROBREMAS E MAIS PROBREMAS!


• 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;



• 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;



• Menus em cascata (Depende da Aplicação);

• URL’s complexas;

• Interface 3D;

• Conteúdo ultrapassados;

TECNICAS PUBLICITÁRIAS ODIADAS!


• 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?


• 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.



• 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.



• 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!


• 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!


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!


• 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!


• 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!


• 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!


• 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!


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!


• 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!


O Google é o melhor amigo do homem!



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.

CRIAÇÃO DE PERSONAS!


• Descrição detalhada dos diversos usuários;

• Tentar imaginar o que os motiva/desmotiva a

usar uma interface para realizar uma determinada

tarefa.



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!


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.



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.



7 - Compatibilidade com o contexto:

Usar sempre as Convenções.

CRIAÇÃO DE MICROS PROCESSOS!


BENCHMARKING!


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!


Organização das Informações



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


• 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


• 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


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.



• 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 o seu teste…ou você pode acabar com

um monte de dados inúteis.



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.



CUIDADO!

O avaliador não deve ser o dono do produto que

está sendo testado!

EXEMPLOS


REFERÊNCIAS


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

http://www.useit.com/

http://www.usabilidoido.com.br/

DICAS – MARKETING INTERATIVO


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


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.



Por hoje é só pessoal!

[email protected]

Como montar um projeto de usabilidade

Technology

Transcript of Como montar um projeto de usabilidade