Como montar um projeto de usabilidade
Upcoming SlideShare
Loading in...5
×
 

Como montar um projeto de usabilidade

on

  • 3,993 views

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

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.

Statistics

Views

Total Views
3,993
Views on SlideShare
3,626
Embed Views
367

Actions

Likes
7
Downloads
108
Comments
1

11 Embeds 367

http://aulasjoaorafael.blogspot.com 155
http://cursosrapidosonline.com.br 68
http://aulasjoaorafael.blogspot.com.br 62
http://portaldecursosrapidos.com.br 46
https://cesbonline.com.br 16
http://cursosonlinecursos.com.br 7
http://www.aulasjoaorafael.blogspot.com.br 4
http://cursosrapidosonline2012.com.br 4
http://www.aulasjoaorafael.blogspot.com 3
http://cesbonline.com.br 1
http://portaleduca.com.br 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • quero montar um biblioteca gratuita para estudantes do meu estado
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Em média, os usuários de teste gastaram 1 minuto e 49 segundos visitando um Web site antes de decidir abandoná-lo. Quando trabalham arduamente em uma tarefa, eles gastam em média de 3 minutos e 49 segundos.
  • Em média, os usuários de teste gastaram 1 minuto e 49 segundos visitando um Web site antes de decidir abandoná-lo. Quando trabalham arduamente em uma tarefa, eles gastam em média de 3 minutos e 49 segundos.
  • Digamos que estivéssemos procurando por uma letra de musica no Web Site www.allmusicals.com e tenhamos encontrado uma música nos buscadores de busca (Google, Yahoo, etc). Esse Web site não encoraja nenhum usuário a fazer nada depois de ler a música (Se chegar a ler). - Nome do site na parte superior: Centralizado e é apresentado como um Título e não um logotipo. - Não há nenhum slogan ou frase que explique qual o propósito do site; - Há Alguns links, mas os mesmo parecem mais comerciais pelo fato de não estarem sublinhados ou coloridos e não se parecem com uma barra de navegação, e também, pode ignorar os links pelo fato do alto numero de banners no site. - O próprio titulo da musica poderia ser um link, pois poderia esta linkado a outras musicas do autor ou etc.
  • Digamos que estivéssemos procurando por uma letra de musica no Web Site www.allmusicals.com e tenhamos encontrado uma música nos buscadores de busca (Google, Yahoo, etc). Esse Web site não encoraja nenhum usuário a fazer nada depois de ler a música (Se chegar a ler). - Nome do site na parte superior: Centralizado e é apresentado como um Título e não um logotipo. - Não há nenhum slogan ou frase que explique qual o propósito do site; - Há Alguns links, mas os mesmo parecem mais comerciais pelo fato de não estarem sublinhados ou coloridos e não se parecem com uma barra de navegação, e também, pode ignorar os links pelo fato do alto numero de banners no site. - O próprio titulo da musica poderia ser um link, pois poderia esta linkado a outras musicas do autor ou etc.
  • Digamos que estivéssemos procurando por uma letra de musica no Web Site www.allmusicals.com e tenhamos encontrado uma música nos buscadores de busca (Google, Yahoo, etc). Esse Web site não encoraja nenhum usuário a fazer nada depois de ler a música (Se chegar a ler). - Nome do site na parte superior: Centralizado e é apresentado como um Título e não um logotipo. - Não há nenhum slogan ou frase que explique qual o propósito do site; - Há Alguns links, mas os mesmo parecem mais comerciais pelo fato de não estarem sublinhados ou coloridos e não se parecem com uma barra de navegação, e também, pode ignorar os links pelo fato do alto numero de banners no site. - O próprio titulo da musica poderia ser um link, pois poderia esta linkado a outras musicas do autor ou etc.

Como montar um projeto de usabilidade Como montar um projeto de usabilidade Presentation Transcript

  • 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! View slide
  • 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. View slide
  • 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
    • Área de conteúdo;
    • Topo da pagina;
    • Coluna esquerda;
    • Coluna direita
    • 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
  • PRO B REMAS E MAIS PROB R EMAS! 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;
  • PRO B REMAS E MAIS PROB R EMAS! 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 ;
  • PRO B REMAS E MAIS PROB R EMAS! 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 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
  • 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:
    • Propósito do Teste;
    • Declaração dos Problemas;
    • Perfil do Usuário;
    • Metodologia;
    • Lista de Tarefas;
    • Ambiente de Teste / Equipamento;
    • Papel do Avaliador;
    • 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! [email_address]