DESIGN CENTRADO NO USUÁRIO O cliente tem sempre a razão mesmo, e mais do que nunca.
Quem vai assistir a palestra?
Quem vai assistir a palestra?
Qual é o nosso real objetivo?
*Créditos - Personagem: McMillan Digital Art Christian Pablo Designer Arquiteto de Informação da AG2
[Vídeo com colegas de trabalho do público da palestra apresentando o outro palestrante, Guilherme Dienstmann]
Grau de Confiança (Abril de 2009) Recomendações de pessoas conhecidas 90% Opiniões de consumidores postadas online Site da Marca/Empresa Conteúdo Editorial (Ex: Jornal) Patrocínio da Marca em Eventos/Projetos TV Jornal Revistas Radio Cartazes/Outdoor 70% 70% 69% 64% 62% 61% 59% 55% 55% Anúncio em Banners online 33% Anúncio de texto em celulares 24% * Fonte: Nielsen Online Global Consumer Survey April 2009 / Base: All Respondents
A verdade não é verdade até que as pessoas acreditem em você e as pessoas não acreditarão em você se elas não souberem o que você está dizendo, e elas não saberão o que você está dizendo se elas não ouvirem você, e elas não ouvirão você se você não for interessante, e você não será interessante a menos que você diga coisas imaginativas, originais e frescas. William Bill Bernbach
A verdade não é verdade até que as pessoas acreditem em você e as pessoas não acreditarão em você se elas não souberem o que você está dizendo, e elas não saberão o que você está dizendo se elas não ouvirem você, e elas não ouvirão você se você não for interessante, e você não será interessante a menos que você diga coisas imaginativas, originais e frescas. William Bill Bernbach
A verdade não é verdade até que as pessoas acreditem em você e as pessoas não acreditarão em você se elas não souberem o que você está dizendo, e elas não saberão o que você está dizendo se elas não ouvirem você, e elas não ouvirão você se você não for interessante, e você não será interessante a menos que você diga coisas imaginativas, originais e frescas. William Bill Bernbach
A verdade não é verdade até que as pessoas acreditem em você e as pessoas não acreditarão em você se elas não souberem o que você está dizendo, e elas não saberão o que você está dizendo se elas não ouvirem você, e elas não ouvirão você se você não for interessante, e você não será interessante a menos que você diga coisas imaginativas, originais e frescas. William Bill Bernbach
A verdade não é verdade até que as pessoas acreditem em você e as pessoas não acreditarão em você se elas não souberem o que você está dizendo, e elas não saberão o que você está dizendo se elas não ouvirem você, e elas não ouvirão você se você não for interessante, e você não será interessante a menos que você diga coisas imaginativas, originais e frescas. William Bill Bernbach
A verdade não é verdade até que as pessoas acreditem em você e as pessoas não acreditarão em você se elas não souberem o que você está dizendo, e elas não saberão o que você está dizendo se elas não ouvirem você, e elas não ouvirão você se você não for interessante, e você não será interessante a menos que você diga coisas imaginativas, originais e frescas. William Bill Bernbach
Modelo Tradicinal Produto Embalagem Distribuição CRM Propaganda Usuário * Fonte: What s Next in Marketing and Advertising Paul Isakson http://www.slideshare.net/paulisakson/whats-next-in-marketing-advertising-318143 Marketing Digital - Lógica Digital - http://www.slideshare.net/logicadigital/marketing-digital-1842283?src=embed
Novo Modelo Produto Embalagem Distribuição CRM Propaganda Usuário * Fonte: What s Next in Marketing and Advertising Paul Isakson http://www.slideshare.net/paulisakson/whats-next-in-marketing-advertising-318143 Marketing Digital - Lógica Digital - http://www.slideshare.net/logicadigital/marketing-digital-1842283?src=embed
Por que vamos falar disto?
100% Em Conversão/Vendas O que se perde ao não investir em Design Centrado no Usuário? 161% Em Produtividade 150% Em Tráfego/Visitantes 202% Uso de Funcionalidade Específica *Estudo do NN/g com 42 projetos (http://www.useit.com/alertbox/roi-first-study.html)
Agência 55% Outros 5% Online 25% Telefone 15% A internet já é o 2 principal canal de solicitação e aquisição de novos produtos financeiros. *Fonte: Netpop Research/Google Brasil: Pesquisa com 1003 pessoas que pesquisaram por produtos financeiros nos últimos 6 meses. - http://www.youtube.com/watch?v=vbhejm3hysw&feature=related
Nova forma de mensurar mídia 2009 Influência Afinidade com a marca, recompras, transmissão de conteúdo e poder/score de influência Intimidade Sentimento nos blogs, opinião dos consumidores Interação Abrir/ Taxa de clique 1995 Envolvimento Visitas, páginas visualizadas e tempo no site Intimidade e Influência *Measuring Engagement - Forrester
Dave Carroll e a United Airlines
5 mi Assistiram o vídeo no You Tube 180 mi de perdas na bolsa creditadas ao vídeo
O ser humano há milênios vive em bandos, em grupos. Gostamos de nos aproximar de pessoas que têm interesses similares. A diferença é que com a internet, agora não há mais barreiras geográficas e ficou muito mais fácil, barato e rápido de se comunicar. Seth Codin (Tribes: We Need You to Lead Us - 2008)
Mercados em rede estão começando a se auto-organizar mais rápido que as empresas que os tem tradicionalmente servido. Graças a web, mercados estão se tornando melhor informados, mais inteligentes, e demandando qualidades perdidas na maioria das organizações. Christopher Locke, Rick Levine, Doc Searls e David Weinberger (ClueTrain Manifesto)
DESIGN CENTRADO NO USUÁRIO O cliente tem sempre a razão mesmo, e mais do que nunca.
1 Maturidade em Usabilidade
Modelo de Maturidade em Usabilidade Empresa guiada pelo Usuário Design Centrado no Usuário Integrado Processo sistemático de Usabilidade Dirigida pela usabilidade Verba dedicada a usabilidade Profissionais Experientes com foco em usabilidade Desenvolvedor Centrado na Usabilidade Hostilidade com a Usabilidade *Nielsen Usability Maturity Model (http://www.useit.com/alertbox/maturity.html).
*Stuffthathappens.com por Eric Burke
Modelo de Maturidade em Usabilidade Empresa guiada pelo Usuário Design Centrado no Usuário Integrado Processo sistemático de Usabilidade Dirigida pela usabilidade Verba dedicada a usabilidade Profissionais Experientes com foco em usabilidade Desenvolvedor Centrado na Usabilidade Hostilidade com a Usabilidade *Nielsen Usability Maturity Model (http://www.useit.com/alertbox/maturity.html).
Modelo de Maturidade em Usabilidade Empresa guiada pelo Usuário Design Centrado no Usuário Integrado Processo sistemático de Usabilidade Dirigida pela usabilidade Verba dedicada a usabilidade Profissionais Experientes com foco em usabilidade Desenvolvedor Centrado na Usabilidade Hostilidade com a Usabilidade *Nielsen Usability Maturity Model (http://www.useit.com/alertbox/maturity.html).
Modelo de Maturidade em Usabilidade Empresa guiada pelo Usuário Design Centrado no Usuário Integrado Processo sistemático de Usabilidade Dirigida pela usabilidade Verba dedicada a usabilidade Profissionais Experientes com foco em usabilidade Desenvolvedor Centrado na Usabilidade Hostilidade com a Usabilidade *Nielsen Usability Maturity Model (http://www.useit.com/alertbox/maturity.html).
2 Vamos ouvir
Nós temos algumas idéias para você também: algumas novas ferramentas que precisamos, alguns serviços melhores. Coisas que estamos dispostos a pagar. Tem um minuto? Christopher Locke, Rick Levine, Doc Searls e David Weinberger (ClueTrain Manifesto)
3 Vamos pensar a partir do Usuário
*Créditos - Personagem: McMillan Digital Art
Leonardo Administrador, 32 anos. Trabalha na divisão de internet do banco. Recebeu o desafio de reformular a presença digital da área de Empréstimos. *Créditos - Personagem: McMillan Digital Art
Júlio Professor, 27 anos. Trabalha na Escola Estadual José Ramires. Suas contas estão no vermelho. Está endividado, sem poder de investimento e tem receio de se endividar mais com credito. *Créditos - Personagens: McMillan Digital Art
Análise Heurística Análise de Benchmarking Focus-Group Análise de Métricas Análise Hierárquica de Tarefas Wireframes *Créditos - Personagens: McMillan Digital Art / Ícones: Peter Morville e Jeffery Callender
Análise Heurística Análise de Benchmarking Focus-Group Análise de Métricas Análise Hierárquica de Tarefas Wireframes *Créditos - Personagens: McMillan Digital Art / Ícones: Peter Morville e Jeffery Callender
01. Análise Heurística O que é? Método de inspeção tendo como base uma lista de heurísticas ou de critérios de usabilidade. Heurísticas de Nielsen
01. Análise Heurística 1. Visibilidade do estado do sistema;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário; 4. Consistência e padrões;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário; 4. Consistência e padrões; 5. Prevenção de erros;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário; 4. Consistência e padrões; 5. Prevenção de erros; 6. Reconhecimento ao invés de lembrança;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário; 4. Consistência e padrões; 5. Prevenção de erros; 6. Reconhecimento ao invés de lembrança; 7. Flexibilidade e eficiência de uso;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário; 4. Consistência e padrões; 5. Prevenção de erros; 6. Reconhecimento ao invés de lembrança; 7. Flexibilidade e eficiência de uso; 8. Estética e design minimalista;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário; 4. Consistência e padrões; 5. Prevenção de erros; 6. Reconhecimento ao invés de lembrança; 7. Flexibilidade e eficiência de uso; 8. Estética e design minimalista; 9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros;
01. Análise Heurística 1. Visibilidade do estado do sistema; 2. Compatibilidade do sistema com o mundo real; 3. Controle e liberdade do usuário; 4. Consistência e padrões; 5. Prevenção de erros; 6. Reconhecimento ao invés de lembrança; 7. Flexibilidade e eficiência de uso; 8. Estética e design minimalista; 9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros; 10. Ajudas e documentação.
Análise Heurística Análise de Benchmarking Focus-Group Análise de Métricas Análise Hierárquica de Tarefas Wireframes *Créditos - Personagens: McMillan Digital Art / Ícones: Peter Morville e Jeffery Callender
02. Análise de Benchmarking O que é? Identificação de padrões, riscos, posicionamento e oportunidades a partir de soluções de mercado.
Análise Heurística Análise de Benchmarking Focus-Group Análise de Métricas Análise Hierárquica de Tarefas Wireframes *Créditos - Personagens: McMillan Digital Art / Ícones: Peter Morville e Jeffery Callender
03. Análise de Métricas O que é? Análise do comportamento dos usuários a partir de relatórios de métricas. A partir disso, é possível identificar problemas e oportunidades para otimização do negócio.
03. Análise de Métricas Agência 55% Outros 5% Online 25% Telefone 15% Para alguns produtos a contratação online é ainda mais representativa: Investimentos: 45% Empréstimos: 26% Seguros: 18% *Fonte: Netpop Research/Google Brasil: Pesquisa com 1003 pessoas que pesquisaram por produtos financeiros nos últimos 6 meses. - http://www.youtube.com/watch?v=vbhejm3hysw&feature=related
03. Análise de Métricas Top 5 Atividades Realizadas online Informaram-se a respeito de tarifas ou promoções especiais 74% Compararam valores (Ex: Tarifas, Juros e etc) entre diferentes prestadores de serviços financeiros 69% Compararam detalhes e especificações de diferentes produtos financeiros 60% Procuraram o endereço de uma prestadora de serviços financeiros 53% Leram comentários sobre os produtos escritos por especialistas 47% *Fonte: Netpop Research/Google Brasil: Pesquisa com 1003 pessoas que pesquisaram por produtos financeiros nos últimos 6 meses. - http://www.youtube.com/watch?v=vbhejm3hysw&feature=related
03. Análise de Métricas Top 5 Atividades Realizadas online para Empréstimos Valor da parcela mensal 71% Juros 67% Opções de pagamento 66% Reputação da instituição 52% Valor do empréstimo vs. Valor que a instituição estava disposta a emprestar 42% *Fonte: Netpop Research/Google Brasil: Pesquisa com 1003 pessoas que pesquisaram por produtos financeiros nos últimos 6 meses. - http://www.youtube.com/watch?v=vbhejm3hysw&feature=related
Análise Heurística Análise de Benchmarking Focus-Group Análise de Métricas Análise Hierárquica de Tarefas Wireframes *Créditos - Personagens: McMillan Digital Art / Ícones: Peter Morville e Jeffery Callender
04. Focus-Group O que é? Uma técnica de discussão objetiva com um grupo de maneira não estruturada e natural. Aplicada para explorar comportamentos, identificar tendências e esclarecer questões específicas de um projeto.
Análise Heurística Análise de Benchmarking Focus-Group Análise de Métricas Análise Hierárquica de Tarefas Wireframes *Créditos - Personagens: McMillan Digital Art / Ícones: Peter Morville e Jeffery Callender
05. Análise Hierárquica de Tarefas O que é? Identificação das tarefas a serem executadas pelos usuários com classificação de relevância e mapeamento de fluxos alternativos.
Análise Heurística Análise de Benchmarking Focus-Group Análise de Métricas Análise Hierárquica de Tarefas Wireframes *Créditos - Personagens: McMillan Digital Art / Ícones: Peter Morville e Jeffery Callender
06. Wireframes O que é? A planta baixa de uma interface. Define organização, relacionamento, relevância e nomenclaturas de uma interface.
100% Em Conversão/Vendas 161% Em Produtividade O que se perde ao não investir em Design Centrado no Usuário? 150% Em Tráfego/Visitantes 202% Uso de Funcionalidade Específica *Créditos - Personagem: McMillan Digital Art
Competências do Arquiteto de Informação Análise Heurística Análise de Benchmarking Análise de Métricas Análise de Áreas de Interfaces Análise Hierárquica de Tarefas Teste de Usabilidade Eye-Tracking Pesquisa Etnográfica Focus-Group Card Sorting Site map Fluxograma Wireframes Definições de SEO *Créditos dos Ícones: Peter Morville e Jeffery Callender
4 Não há volta
*Créditos: Alan Bailey
5 Lições
1. Escute sempre primeiro. 2. Sim, o cliente tem sempre a razão. 3. O usuário guia o produto. 4. Produza informações e experiências que interessem e beneficiem as pessoas. 5. Converse, seja autêntico e transparente. Não busque o controle.
6 Mais sobre o tema
O design do dia-a-dia Donald A. Norman Não me faça pensar Steve Krug Design para a Internet Felipe Memória As Leis da Simplicidade John Maeda The Cluetrain Manifesto: The End Usual of Business as Locke, Levine, Searls e Weinberger Quickly Do It Wrong Mike Moran Fenômenos Sociais nos Negócios ( Groundswell ) Charlene Li e Josh Bernoff Cultura da Convergência Henry Jenkins
Muito Obrigado :) Guilherme Henrique Dienstmann guilherme.dienstmann@ag2.com.br twitter.com/guilhermehd Christian Pablo Antunes christian.antunes@ag2.com.br twitter.com/chrisantunes