Oficina de Capacitação   – 24 de janeiro de 2008  Usabilidade e Experiência do Usuário Faça da usabilidade um diferencial ...
Ricardo Lima – ricardolimaprojetos@gmail.com Gerenciando um projeto de usabilidade: como obter resultados satisfatórios Us...
A Usabilidade está por todo lado <ul><li>Novas placas de rua em níveis diferentes </li></ul><ul><li>Formulário de exames e...
Definição de Usabilidade <ul><li>“ Determina se um produto, sistema ou serviço é eficaz, ou seja, se traz satisfação e se ...
Profissional de Usabilidade Usabilidade Como é o produto. O que ele faz. Qual o público. Políticas Internas. Áreas envolvi...
A Usabilidade e o foco no usuário <ul><li>Foco nos usuários (o que meu usuário quer? como ele usa?) </li></ul><ul><li>A Us...
A Usabilidade e o foco no usuário <ul><li>Istockphoto.com – propagandas sazonais (Natal, Hannukah, Ano Novo) </li></ul>
A Usabilidade e o foco no usuário <ul><li>NetVibes.com e a USABILIDADE NAS MÃOS DO USUÁRIO </li></ul>
Projetos focados em Usabilidade <ul><li>Estruturação de projeto, contemplando a usabilidade em todas as fases: </li></ul>P...
Projetos focados em Usabilidade – Visão Macro <ul><li>Apresentação Técnica (equipe) </li></ul><ul><li>Como deve ser estrut...
CASE 1 - Asset Management <ul><li>Objetivo </li></ul><ul><li>Atingir público crescente de clientes buscando investimentos ...
CASE 1 - Asset Management <ul><li>Planejamento e execução </li></ul><ul><li>Pesquisas com clientes (Central de Atendimento...
CASE 1 - Asset Management Clientes reclamavam da dificuldade para conseguir ler o conteúdo dentro das caixas. Não sabiam q...
CASE 1 - Asset Management Espaço reduzido para leitura e scroll em JavaScript incomodavam (“conteúdo preso!”) “ Menu está ...
CASE 1 - Asset Management Apesar da inserção do homem, a A.I não foi bem aceita. Utilização de Highlight ajudou pouco
CASE 1 - Asset Management 1 2 3 1. Novo menu horizontal 2. Propagandas maiores com imagens claras 3. Exibição de notícias ...
CASE 1 - Asset Management 1 1 1 1. Distinção de fundos pela cor (Benchmarking + sugestão de clientes)
CASE 1 - Asset Management 1 1. Texto “livre”, com possibilidade de impressão 2. Subseções dentro da seção, durante toda a ...
CASE 1 - Asset Management 1. Rentabilidade no período (aumento da fonte/cliente com calculadora) 1
CASE 2 – Pequenas Empresas <ul><li>Objetivo </li></ul><ul><li>Atingir empresas com faturamento menor, que busquem produtos...
CASE 2 – Pequenas Empresas <ul><li>Método utilizado </li></ul><ul><li>Benchmarking (baixo custo), análise de clientes do p...
CASE 2 – Pequenas Empresas <ul><li>Soluções propostas </li></ul><ul><li>Criação de Menu mais fácil (benchmarking, clientes...
CASE 2 – Pequenas Empresas 1. Novo menu horizontal 2. Uma única propaganda, maior, focando determinado produto/serviço 3. ...
CASE 2 – Pequenas Empresas 1. Seções destacadas sempre ao lado esquerdo 2. Textos menores e focados na venda/contratação d...
CASE 2 – Pequenas Empresas 1. Menu horizontal com mesmas opções institucionais 2. Seções e Sub-Seções abertas (Master e Us...
CASE 2 – Pequenas Empresas 1. Exemplo de tela maximizada (Pagamentos, Cobrança, Recebimentos etc.) 2. Opção de Minimizar 1 2
CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (doc, ted...) </li></ul>
CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (doc, ted...) </li></ul>
CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (água, luz, gás...) </li></ul>
CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (água, luz, gás...) </li></ul>
CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (IPVA, DPVAT...) </li></ul>
CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (IPVA, DPVAT...) </li></ul>
CASE 3 – Corretora de Ações <ul><li>Objetivo </li></ul><ul><li>Atender crescente demanda por investimentos em ações </li><...
CASE 3 – Corretora de Ações <ul><li>Soluções Propostas </li></ul><ul><li>Treinamento com Central de Atendimento (pré-atend...
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações 1. Menu horizontal 2. Acesso direto, sem precisar acessar a conta pessoa física 3. Propagandas...
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações 1. Informações em tempo real sobre qualquer papel 2. Cotações e Índices atualizados 3. Busca p...
CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Menu) </li></ul><ul><li>Reorganização cuidadosa da A.I. </li></ul><ul><...
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações 1. Cabeçalho, seguindo linha institucional 2. Itens explicados dentro de cada subseção 3. Sem ...
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações 1. Renovação de cabeçalho, focando em contas e cotação “sempre à mão” 2. Alterações “sutis” de...
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações ... cores, fontes e estilo...
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações
CASE 3 – Corretora de Ações Seguindo preceitos básicos da Web 2.0, porém, de uma maneira diferente...
CASE 3 – Corretora de Ações <ul><li>Não está pronto para a WEB 2.0? </li></ul><ul><li>Adequação dos sistemas </li></ul><ul...
Usabilidade – Outras Informações <ul><li>Pop-ups </li></ul><ul><li>Transações pouco “usáveis” </li></ul><ul><li>PCDs </li>...
Usabilidade – Outras Informações <ul><li>Pop-ups </li></ul><ul><li>Regra geral, não utilizar </li></ul><ul><li>Exemplo: Ac...
Usabilidade – Outras Informações <ul><li>PCDs </li></ul><ul><li>Brasil, 25 milhões de deficientes </li></ul><ul><li>14,6% ...
Usabilidade – Outras Informações <ul><li>Acessibilidade (Kit de primeiros socorros) </li></ul><ul><li>Alt – Alternative te...
Usabilidade – Outras Informações <ul><li>Testes de Usabilidade (minha visão) </li></ul><ul><li>Sala fechada, avaliador, qu...
Usabilidade – Outras Informações <ul><li>Banner com foco definido = eficiência </li></ul><ul><li>Aumento de 69% - em média...
Usabilidade – Outras Informações <ul><li>Propaganda na web </li></ul><ul><li>Simplicidade e foco; </li></ul><ul><li>Venda ...
Usabilidade – Microsoft Surface
Usabilidade – Microsoft Surface
Usabilidade – Amazon Kindle <ul><li>Amazon Kindle </li></ul><ul><li>Mesma tecnologia de celulares </li></ul><ul><li>Facili...
Links <ul><li>http://useit.com </li></ul><ul><li>http://webinsider.uol.com.br </li></ul><ul><li>http://cetic.br/ </li></ul...
Contatos profissionais e pessoais <ul><li>Consultoria, informações, networking e troca de idéias... </li></ul><ul><li>MSN:...
Dúvidas? Ricardo Lima – ricardolimaprojetos@gmail.com
Obrigado! Ricardo Lima – ricardolimaprojetos@gmail.com
Próximos SlideShares
Carregando em…5
×

My Usability and User Experience Presentation at Jump Education

909 visualizações

Publicada em

Minha palestra sobre sobre Usabilidade e Experiência de uso focada em usuários. Palestra realizada na Empresa de treinamento Jump Education, localizada em São Paulo.

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
909
No SlideShare
0
A partir de incorporações
0
Número de incorporações
8
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

My Usability and User Experience Presentation at Jump Education

  1. 1. Oficina de Capacitação – 24 de janeiro de 2008 Usabilidade e Experiência do Usuário Faça da usabilidade um diferencial competitivo em seu negócio digital
  2. 2. Ricardo Lima – ricardolimaprojetos@gmail.com Gerenciando um projeto de usabilidade: como obter resultados satisfatórios Usabilidade e Experiência do Usuário
  3. 3. A Usabilidade está por todo lado <ul><li>Novas placas de rua em níveis diferentes </li></ul><ul><li>Formulário de exames em hospital (médico, paciente, hospital, enfermeira) – Por que não, “Assine a linha verde?” </li></ul><ul><li>Geladeira </li></ul><ul><li>Torneira com sensor (IBM) / Secador de Mãos (enxugue na calça) </li></ul><ul><li>Starbucks - bancada (leite quente, frio, açúcar refinado, granulado, orgânico, colher, vanilla, canela etc.) </li></ul><ul><li>Poupa Tempo (utilização de corredores com cores) </li></ul><ul><li>DVD pirata com opção de legenda AMARELA (foco no usuário) </li></ul><ul><li>Celular: Pai e filho (usabilidade relativa) </li></ul><ul><li>Navegação na internet (Google, o pai da usabilidade) </li></ul>
  4. 4. Definição de Usabilidade <ul><li>“ Determina se um produto, sistema ou serviço é eficaz, ou seja, se traz satisfação e se proporciona a experiência perfeita ao usuário!” </li></ul>
  5. 5. Profissional de Usabilidade Usabilidade Como é o produto. O que ele faz. Qual o público. Políticas Internas. Áreas envolvidas nas decisões O que o cliente espera Qual o objetivo do cliente ao consumir o produto. Empresa Produto Clientes
  6. 6. A Usabilidade e o foco no usuário <ul><li>Foco nos usuários (o que meu usuário quer? como ele usa?) </li></ul><ul><li>A Usabilidade exige imersão TOTAL na busca da experiência </li></ul><ul><li>Experiência – De que maneira meu cliente enxerga meu site, minha marca? Qual sua percepção ao ligar, comprar, contactar? </li></ul><ul><li>2001 Vídeo - Disposição voltada ao público: Prateleiras com os diretores, Allen, Hitchcock, Rohmer, Kubrick, Truffaut. </li></ul><ul><li>Corretora de Ações - Páginas de transações que somente um usuário pode produzir e entender (compra, venda, painel de negociação, livro de ofertas etc.) </li></ul><ul><li>Pequenas Empresas - pagamentos, cobrança, conta corrente etc. Clientes que usam o site como plataforma de trabalho </li></ul>
  7. 7. A Usabilidade e o foco no usuário <ul><li>Istockphoto.com – propagandas sazonais (Natal, Hannukah, Ano Novo) </li></ul>
  8. 8. A Usabilidade e o foco no usuário <ul><li>NetVibes.com e a USABILIDADE NAS MÃOS DO USUÁRIO </li></ul>
  9. 9. Projetos focados em Usabilidade <ul><li>Estruturação de projeto, contemplando a usabilidade em todas as fases: </li></ul>Pesquisa, Benchmarking Usabilidade Conteúdo Principal Seções Arquitetura de Informação / Navegação Design
  10. 10. Projetos focados em Usabilidade – Visão Macro <ul><li>Apresentação Técnica (equipe) </li></ul><ul><li>Como deve ser estruturada a navegação nas atualizações; </li></ul><ul><li>Documentação com Css, Java, Asp, Banco de Dados, Intarface, fontes, cores, tabelas. </li></ul><ul><li>Apresentação Geral (equipe, usuário, áreas relacionadas) </li></ul><ul><li>Objetivo do projeto </li></ul><ul><li>Qual público </li></ul><ul><li>Segmento </li></ul><ul><li>Mercado de inserção </li></ul>
  11. 11. CASE 1 - Asset Management <ul><li>Objetivo </li></ul><ul><li>Atingir público crescente de clientes buscando investimentos por conta própria, sem ajuda dos Gerentes </li></ul><ul><li>Disponibilizar todas as informações para a tomada de decisão do cliente (composição do fundo, cotas, regulamento, prospecto, rentabilidade diária, mensal, comentários do gestor etc.) </li></ul><ul><li>Migrar clientes das agências e Central de atendimento para Canais eletrônicos (pessoa física, afluente baixo, pessoa jurídica e private) </li></ul><ul><li>Público </li></ul><ul><li>Clientes do Banco que buscam APENAS investir nos fundos de investimento (carteira) </li></ul>
  12. 12. CASE 1 - Asset Management <ul><li>Planejamento e execução </li></ul><ul><li>Pesquisas com clientes (Central de Atendimento/Gerentes) </li></ul><ul><li>Webtrends (principal acesso pessoa física + Safra Report) </li></ul><ul><li>Reunião com Asset, Propaganda e Marketing </li></ul><ul><li>Definição do foco </li></ul><ul><li>Estruturação da A.I. (Mapa, organização e navegação) </li></ul><ul><li>Benchmarking (respeitando perfil de cliente) </li></ul><ul><li>Reunião para aprovação do Mapa </li></ul><ul><li>Desenvolvimento de Layout (Home + interna) via Wireframe </li></ul><ul><li>Desenvolvimento Site completo (+ aprovações de texto e propagandas com Jurídico) </li></ul><ul><li>Apresentação final e ajustes </li></ul><ul><li>Implementação </li></ul><ul><li>Atualizações (????) </li></ul>
  13. 13. CASE 1 - Asset Management Clientes reclamavam da dificuldade para conseguir ler o conteúdo dentro das caixas. Não sabiam que os itens eram propagandas.
  14. 14. CASE 1 - Asset Management Espaço reduzido para leitura e scroll em JavaScript incomodavam (“conteúdo preso!”) “ Menu está apagado!” / “Não parece Menu”
  15. 15. CASE 1 - Asset Management Apesar da inserção do homem, a A.I não foi bem aceita. Utilização de Highlight ajudou pouco
  16. 16. CASE 1 - Asset Management 1 2 3 1. Novo menu horizontal 2. Propagandas maiores com imagens claras 3. Exibição de notícias atualizadas pela área
  17. 17. CASE 1 - Asset Management 1 1 1 1. Distinção de fundos pela cor (Benchmarking + sugestão de clientes)
  18. 18. CASE 1 - Asset Management 1 1. Texto “livre”, com possibilidade de impressão 2. Subseções dentro da seção, durante toda a navegação 3. Fale Conosco (dúvidas de investimentos + Treinamento central atendimento) 2 3
  19. 19. CASE 1 - Asset Management 1. Rentabilidade no período (aumento da fonte/cliente com calculadora) 1
  20. 20. CASE 2 – Pequenas Empresas <ul><li>Objetivo </li></ul><ul><li>Atingir empresas com faturamento menor, que busquem produtos mais simples e sob medida para sua necessidades do dia-a-dia. </li></ul><ul><li>Características </li></ul><ul><li>60% da carteira. </li></ul><ul><li>Foco na Segmentação (tendência – Personnalite, BB Estilo, Private). </li></ul><ul><li>Melhoria nos processos existentes (posterior migração para demais segmentos – JÁ OCORRENDO – Middle e Corporate). </li></ul><ul><li>Redução de Custos (migrar clientes para a web). </li></ul><ul><li>Diminuição do envolvimento dos Gerentes (poucos gerentes, muitas empresas). </li></ul><ul><li>Venda direta e contratação pela internet (estrutura sistêmica). </li></ul><ul><li>Desenvolvimento direto com o cliente (cortando intermediários) </li></ul>
  21. 21. CASE 2 – Pequenas Empresas <ul><li>Método utilizado </li></ul><ul><li>Benchmarking (baixo custo), análise de clientes do próprio Banco, visitas. </li></ul><ul><li>Pesquisa com clientes </li></ul><ul><li>Cliente nunca pagou contas de água e luz pois nunca encontrou a opção de Serviços Públicos no menu. </li></ul><ul><li>Nunca conseguiu realizar transferência entre contas (PagSafra/Pagamentos a Fornecedores/DOC) </li></ul><ul><li>Comodidade de realizar envio de cobrança até 20h. Concorrência até 19h. </li></ul><ul><li>Novos funcionários precisam de treinamento. </li></ul><ul><li>Dificuldade de encontrar produtos/serviços pelos nomes no Menu (Nomes internos – Arrecadações, Net Autos, Net ID, PagSafra x Nomes de mercado – Tributos, Detran, Token, Pagamentos). </li></ul><ul><li>Caixa de mensagens usada para mensagens irrelevantes (Gerentes). </li></ul><ul><li>Tela apertada para quantidade de informações. </li></ul>
  22. 22. CASE 2 – Pequenas Empresas <ul><li>Soluções propostas </li></ul><ul><li>Criação de Menu mais fácil (benchmarking, clientes), expondo todas as seções e subseções (estilo pessoa física). </li></ul><ul><li>Master e usuários visualizando todas as opções. </li></ul><ul><li>Descritivos de produtos mais vendedores (nomenclaturas de mercado). </li></ul><ul><li>Foco nos itens mais apreciados pelos clientes. </li></ul><ul><li>Criação de &quot;Dicas&quot; e &quot;Você sabia&quot; (dúvidas de clientes via Central PJ e Gerente - horários, feriados, valores máximos). </li></ul><ul><li>Opção de maximizar, dentro de toda a navegação (clientes utilizando o site como plataforma de trabalho). </li></ul><ul><li>Pesquisa Webtrends (97% de 800x600, telas menores, sistema complexo). </li></ul>
  23. 23. CASE 2 – Pequenas Empresas 1. Novo menu horizontal 2. Uma única propaganda, maior, focando determinado produto/serviço 3. Oferecimento de produtos/serviços secundários 1 2 3
  24. 24. CASE 2 – Pequenas Empresas 1. Seções destacadas sempre ao lado esquerdo 2. Textos menores e focados na venda/contratação direta pela internet 1 2
  25. 25. CASE 2 – Pequenas Empresas 1. Menu horizontal com mesmas opções institucionais 2. Seções e Sub-Seções abertas (Master e Usuários) 3. Propaganda focada 4. Dicas/Você sabia? 5. Maximizar – Ajuda integrada (para cada serviço) 1 2 3 4 5
  26. 26. CASE 2 – Pequenas Empresas 1. Exemplo de tela maximizada (Pagamentos, Cobrança, Recebimentos etc.) 2. Opção de Minimizar 1 2
  27. 27. CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (doc, ted...) </li></ul>
  28. 28. CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (doc, ted...) </li></ul>
  29. 29. CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (água, luz, gás...) </li></ul>
  30. 30. CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (água, luz, gás...) </li></ul>
  31. 31. CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (IPVA, DPVAT...) </li></ul>
  32. 32. CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Pagamentos) (IPVA, DPVAT...) </li></ul>
  33. 33. CASE 3 – Corretora de Ações <ul><li>Objetivo </li></ul><ul><li>Atender crescente demanda por investimentos em ações </li></ul><ul><li>Operações de mercado (Aluguel de Ações, Ofertas Públicas, Clube de Investimento) </li></ul><ul><li>Tirar clientes da Mesa de Operações (alto custo cliente x operador) </li></ul><ul><li>Transformar cliente em operador </li></ul><ul><li>Disponibilizar mais informações para a tomada de decisão do cliente (análise gráfica, fundamentalista, histórico dos papéis, evolução histórica etc.) </li></ul><ul><li>Criação de site focado em usabilidade e disponibilidade full time </li></ul><ul><li>Tomar clientes insatisfeitos de outras corretoras (facilidade para transferência de custódia) </li></ul><ul><li>Público </li></ul><ul><li>Usuários acostumados com operações de Corretora (compra, venda de ações, análise gráfica etc.) </li></ul><ul><li>Segmento de Heavy Users (pré-abertura, pregão, after market e análises) </li></ul><ul><li>Clientes exigentes que operam alto e trazem margem ao Banco </li></ul>
  34. 34. CASE 3 – Corretora de Ações <ul><li>Soluções Propostas </li></ul><ul><li>Treinamento com Central de Atendimento (pré-atendimento) </li></ul><ul><li>Operador, 3ª instância (web, central e mesa) </li></ul><ul><li>Linguagem institucional adequada à transacional </li></ul><ul><li>Acesso direto por site próprio (perfil de cliente que apenas opera) </li></ul><ul><li>Alterações visuais “sutis”, levando em conta perfil de público (mudança de cores, fontes e estilo) </li></ul><ul><li>Reorganização cuidadosa da A.I. </li></ul><ul><li>Pesquisa com clientes </li></ul><ul><li>Home com Painel de cotações (Bovespa, Dow Jones e Dólar) </li></ul><ul><li>Informações sobre resultados de Ofertas Públicas (rateio, valor etc.) </li></ul><ul><li>Valores de corretagem e operação diária </li></ul><ul><li>Reserva de Ofertas On-line </li></ul><ul><li>Menos informações, menos caos (percepção concorrência) </li></ul>
  35. 35. CASE 3 – Corretora de Ações
  36. 36. CASE 3 – Corretora de Ações
  37. 37. CASE 3 – Corretora de Ações
  38. 38. CASE 3 – Corretora de Ações
  39. 39. CASE 3 – Corretora de Ações 1. Menu horizontal 2. Acesso direto, sem precisar acessar a conta pessoa física 3. Propagandas com foco no mercado 4. Perdendo o foco... 5. Painel de Cotações rápido 6. Resultados de Ofertas Públicas, Calendário e afins 1 2 3 4 5 6
  40. 40. CASE 3 – Corretora de Ações
  41. 41. CASE 3 – Corretora de Ações
  42. 42. CASE 3 – Corretora de Ações
  43. 43. CASE 3 – Corretora de Ações 1. Informações em tempo real sobre qualquer papel 2. Cotações e Índices atualizados 3. Busca por código ou empresa 4. Maiores Altas (com atalho de compra) 5. Maiores Baixas (com atalho de compra) 1 2 3 4 5
  44. 44. CASE 2 – Pequenas Empresas <ul><li>Antes e depois (Menu) </li></ul><ul><li>Reorganização cuidadosa da A.I. </li></ul><ul><li>Negociação (compra, venda e painel de negociação) </li></ul><ul><li>Consultas (Carteira, Ordens, Histórico e Notas de Corretagem) </li></ul><ul><li>Análises (Econômicas, Cotações, Notícias, Gráficos) </li></ul>
  45. 45. CASE 3 – Corretora de Ações
  46. 46. CASE 3 – Corretora de Ações 1. Cabeçalho, seguindo linha institucional 2. Itens explicados dentro de cada subseção 3. Sem distinção por empresa prestadora de informação 1 2 3
  47. 47. CASE 3 – Corretora de Ações
  48. 48. CASE 3 – Corretora de Ações
  49. 49. CASE 3 – Corretora de Ações
  50. 50. CASE 3 – Corretora de Ações 1. Renovação de cabeçalho, focando em contas e cotação “sempre à mão” 2. Alterações “sutis” de cores, fontes e estilo 1 2
  51. 51. CASE 3 – Corretora de Ações
  52. 52. CASE 3 – Corretora de Ações ... cores, fontes e estilo...
  53. 53. CASE 3 – Corretora de Ações
  54. 54. CASE 3 – Corretora de Ações
  55. 55. CASE 3 – Corretora de Ações Seguindo preceitos básicos da Web 2.0, porém, de uma maneira diferente...
  56. 56. CASE 3 – Corretora de Ações <ul><li>Não está pronto para a WEB 2.0? </li></ul><ul><li>Adequação dos sistemas </li></ul><ul><li>Compra de Software etc. </li></ul><ul><li>Custos... </li></ul><ul><li>Dê opção ao cliente/usuário </li></ul>
  57. 57. Usabilidade – Outras Informações <ul><li>Pop-ups </li></ul><ul><li>Transações pouco “usáveis” </li></ul><ul><li>PCDs </li></ul><ul><li>Acessibilidade (Kit de primeiros socorros) </li></ul><ul><li>Testes de Usabilidade (minha visão) </li></ul><ul><li>Banner com foco definido = eficiência </li></ul><ul><li>Propaganda na web </li></ul><ul><li>Campanhas e resultados </li></ul>
  58. 58. Usabilidade – Outras Informações <ul><li>Pop-ups </li></ul><ul><li>Regra geral, não utilizar </li></ul><ul><li>Exemplo: Acesso à conta enquanto pop-up se abre </li></ul><ul><li>Exceção: Mensagens essenciais (feriados, avisos de segurança, horário de verão) </li></ul><ul><li>Cuidado com os anti pop-ups </li></ul><ul><li>Transações pouco “usáveis” </li></ul><ul><li>Sistema com natureza específica </li></ul><ul><li>Cliente habituados x novos clientes </li></ul><ul><li>Criação de Simulador permanente (treinamento) </li></ul><ul><li>Ajuda integrada (contribuições de clientes) </li></ul><ul><li>Divisão por tema, palavra-chave etc. </li></ul><ul><li>Não esqueça da opção de BUSCA (Amazon, Google) </li></ul><ul><li>Quem sabe a dificuldade do sistema é o CLIENTE! </li></ul>
  59. 59. Usabilidade – Outras Informações <ul><li>PCDs </li></ul><ul><li>Brasil, 25 milhões de deficientes </li></ul><ul><li>14,6% da população </li></ul><ul><li>57% possuem acesso a computador </li></ul><ul><li>Cerca de 48% deficientes visuais </li></ul><ul><li>Lei de Cotas: 1 milhão de vagas </li></ul><ul><li>50% das vagas preenchidas </li></ul><ul><li>Potencial de consumo: R$ 100 bilhões anuais </li></ul><ul><li>Mercado em ascensão </li></ul><ul><li>Usabilidade e acessibilidade (PCD cliente, parceiro, funcionário) </li></ul>
  60. 60. Usabilidade – Outras Informações <ul><li>Acessibilidade (Kit de primeiros socorros) </li></ul><ul><li>Alt – Alternative text: propaganda explicada, nome da seção, se abrirá em nova janela, qual tipo de arquivo (pdf, xls etc.), qual o tamanho... </li></ul><ul><li>Tabindex – Orientando a navegação (priorização dos textos) </li></ul><ul><li>Input, title – Ex: ddd, telefone. Mensagem, tamanho máximo xxx caracteres </li></ul><ul><li>Esqueça as animações em flash (ou dê alternativas explicativas) </li></ul><ul><li>Guias práticos e suas negativas </li></ul><ul><li>- Não pode frame? Claro que pode... </li></ul>
  61. 61. Usabilidade – Outras Informações <ul><li>Testes de Usabilidade (minha visão) </li></ul><ul><li>Sala fechada, avaliador, questões, sala espelho, câmeras... </li></ul><ul><li>Think Aloud - Você costuma falar sozinho? </li></ul><ul><li>Você está certo que seu cliente está à vontade? Há bom desempenho no processo? </li></ul><ul><li>CUSTOS DOS TESTES! </li></ul><ul><li>Busque o cliente em seu &quot;habitat natural&quot; </li></ul><ul><li>Visite seu CLIENTE (486, monitor piscando, barulho, entra e sai de gente, telefone tocando) </li></ul><ul><li>Case Confecção e Laticínios </li></ul><ul><li>Não existem condições ideais no dia-a-dia! Pense nisso! </li></ul>
  62. 62. Usabilidade – Outras Informações <ul><li>Banner com foco definido = eficiência </li></ul><ul><li>Aumento de 69% - em média - nos cliques em banners durante grandes campanhas (natal, crianças, namorados, pais, mães) </li></ul><ul><li>Banner: Questão de credibilidade. Foco, foco, foco... </li></ul><ul><li>O que meu cliente quer? </li></ul><ul><li>Sem engano: </li></ul><ul><li>Banners com boa taxa de cliques, porém, PÉSSIMOS VENDEDORES... </li></ul><ul><li>Compromisso com os resultados! </li></ul>Banner mais eficiente = o que vende mais!
  63. 63. Usabilidade – Outras Informações <ul><li>Propaganda na web </li></ul><ul><li>Simplicidade e foco; </li></ul><ul><li>Venda direcionada! O que meu cliente quer e precisa? </li></ul><ul><li>Importância da segmentação... </li></ul><ul><li>Case Venda de Crédito </li></ul>Com crédito pré-aprovado Sem crédito pré-aprovado Banner/Cliente PRODUTO GERENTE
  64. 64. Usabilidade – Microsoft Surface
  65. 65. Usabilidade – Microsoft Surface
  66. 66. Usabilidade – Amazon Kindle <ul><li>Amazon Kindle </li></ul><ul><li>Mesma tecnologia de celulares </li></ul><ul><li>Facilidade de uso (ao contrário de ler em celulares e PDAs) </li></ul><ul><li>Ler livros como no papel (luz do sol) </li></ul><ul><li>Download de livros, jornais, blogs, documentos em geral </li></ul><ul><li>SD card </li></ul><ul><li>Preços 3 vezes menores que impresso </li></ul><ul><li>Acesso à internet </li></ul><ul><li>Mais info: Youtube ou </li></ul><ul><li>www.amazon.com </li></ul>
  67. 67. Links <ul><li>http://useit.com </li></ul><ul><li>http://webinsider.uol.com.br </li></ul><ul><li>http://cetic.br/ </li></ul><ul><li>(Centro de Estudos sobre T.I e da Comunicação) </li></ul><ul><li>http://www.guilhermo.com/ </li></ul><ul><li>http://jumpexec.uol.com.br/ </li></ul><ul><li>http://usabilidoido.com.br </li></ul><ul><li>http://www.fmemoria.com.br/ </li></ul><ul><li>http://www.capes.gov.br/ </li></ul><ul><li>http://www.netvibes.com </li></ul>
  68. 68. Contatos profissionais e pessoais <ul><li>Consultoria, informações, networking e troca de idéias... </li></ul><ul><li>MSN: [email_address] </li></ul><ul><li>E-mail: [email_address] </li></ul>
  69. 69. Dúvidas? Ricardo Lima – ricardolimaprojetos@gmail.com
  70. 70. Obrigado! Ricardo Lima – ricardolimaprojetos@gmail.com

×