SlideShare une entreprise Scribd logo
1  sur  45
Essa Tal Experiência do Usuário
                                 Amyris Fernandez
                  Profa. Dra UX Buscapé Company
Os meios digitais já fazem parte do dia-a-dia do consumidor
Como as empresas vão se relacionar com
estes consumidores que mudaram seus hábitos?
Empresas vão viver com seus consumidores ativando
 o relacionamento e estando aptas a recebê-lo através
                da sua conveniência…
                                        Media

               Digital TV | IPTV                          Mobile




                                   MULTIPLATAFORMA


                                                                   Social Networks
Intranet | Extranet




       Indoor Media and Out-of-Home                  Websites and Hot sites

                                           Games
…e explorando a oportunidade para desenvolver
   o seu “engagement” e convidá-lo à ação.
                   Segmentação



   On demand
                                     Imersão




 Mobilidade 24/7                    Customização


                     Interação
Começando por criar a ESTRATÉGIA
Estratégia é o plano de como a empresa irá competir no mercado.
A formulação da estratégia envolve cinco passos

                                 Quais consumidores iremos servir?
      Escolha da arena           Que produtos e serviços iremos oferecer?
                                 Onde iremos operar?

                                 Que tipo de benefícios nossos clientes procuram?
 Localização de uma posição      Nossa empresa possui todos os recursos, capacidades
         defensável              e capacitações para entregar os benefícios propostos
                                 melhor que nosso melhor competidor?

                                 Nossa proposta de valor é diferente das dos nossos
Busca de diferenciação através
  de atividades ou métodos       competidores?
                                 Os clientes conseguem perceber a diferença?

   Identificação e execução      Nossa locação de recursos reflete nossa
           de trade offs         diferenciação?

                                 Todas as decisões estratégicas são compatíveis?
    Desenho de atividades
         interligadas            Existe criação de valor as fornecer serviços
                                 complementares?
Premissa 01: Só existe 1 pessoa
Premissa 02: É uma experiência de consumo
                                    Duração
  Catalizadores
                                    . Iniciação
  Sentidos:
                                    . Imersão
  . Imagem
                                    . Conclusão
  . Som
                                    . Continuação
  . Tato                                                             Intensidade
  . Gosto                                                            . Hábitos
                                                                     . Engajamento
  Cognitivos:
  . Conceitos
  . Simbolos
  .Cultura                 experiência

                                                                Fôlego
                                                                . Produto
                                                                . Serviço
                                                                . Marcas (nomes)
                                  Eu e o Outro - Significados   . Canais/Ambientes
Interação
                                  . O fato de conseguir/ter     (espaços)
. Passiva
                                  . Status/Identidade           . Promoção
. Ativa
                                  . Emoção/Estilo de vida       . Preço que está
. Interativa
                                  . Significado de pagar um     disposto a pagar
                                  certo preço
                                  . Função
Então, como criar
um bom e-commerce?
Guia de desenvolvimento de e-commerce




          Design          Conteúdo




                               Arquitetura
     Tecnologia
                              de Informação



                   Negócios




                                   Copyright by Amyris Fernandez, 2008
Momentos cruciais do e-commerce




 Comunicação             Landing                          Pagamento
                                         Processo (AI)
 (banner, etc)             Page                           (logística)




 Mensagem         Qualificação do Lead   Navegação       Serviços
Público-Alvo       Falha no Processo        ruim
O que está errado nesta peça publicitária?
O que está errado
  nesta página?
O que está errado nesta vitrine?
O que está errado nesta página?
O que está errado?
Análise Heurística
(estruturada com números, nada de Jakob Nielsen)
Arquitetura
               Conteúdo
                                                                     de Informação
   Vídeo
                                                                  Navegação          Labels
                Texto                      Negócios                (busca)

Imagens
 (fotos)                                                                                  Navegação
                                                                          Ajudas          (processo)
              Som
                                                 Brand
                               Diálogo com
                               consumidores


              Design                                                 Tecnologia


  Formas        Fontes                                                    Portabilidade
                (letras)                                  Robustez
                                                                                           Modernidade
                             Diagramação                                                   tecnológica

      Cores
                                                         Confiabilidade
                    Ícones                                                    Rapidez da
                                                                               Resposta
Regras: AI / Tecnologia
                   ENTRADA DE DADOS


• Só pergunte uma vez por uma determinada informação;

• Use o endereço de envio como endereço de cobrança por default;

• Indique sempre e antes de começar o processo de preenchimento
quais são os campos obrigatórios;

• Mostre exemplos de como preencher os campos;

• Valide os campos conforme são preenchidos;

• Use o CEP para pré-popular os campos endereço e cidade;
Regras: AI / Tecnologia
                        NAVEGAÇÃO


• Os labels devem estar visíveis o tempo todo;

• Mostre a mudança de localização dentro de um processo através de
dicas visuais (cores, números, formas);

• Processos devem ser clicáveis e navegáveis;

• Títulos (e outras funções hierárquicas não clicáveis) devem indicar o
tempo todo que não são clicáveis;

• Imagens devem ser clicáveis;

• Pense em termos de acessibilidade e suas ferramentas e, por isso,
coloque descreva cada imagem em alt tag;
Regras: AI / Tecnologia
                     ENTRADA DE DADOS

• Os campos devem estar alinhados um embaixo do outro, respeitando
a ordem de leitura do usuário;

• Deixe um campo para nome (chamar de “Nome”) e outro para
sobrenome (Chamar de “Último Sobrenome”);

• Se o pagamento for via cartão de crédito, apresentar os campos na
ordem do cartão;

• Evite o uso de Drop Down Menus, pois eles diminuem a velocidade de
preenchimento;

• Desabilite a função “colar” para o campo de validação de email;

• Nunca peça como obrigatório: RG, telefone fixo, nome do pai ou da
mãe;
Regras: AI / Tecnologia
                            FLUXO


• O processo de check out deve ser linear;

• Destaque (mostre claramente) descontos e valores adicionais;

• Mostre o valor final o mais cedo possível no processo;

• Evite simuladores dissociados do carrinho (se simular, o valor deve ser
mostrado no carrinho);

• Permita comparação de atributos de produtos;
Regras:
                            CONTEÚDO

• Descreva os nomes dos links;

• Seja conciso nas descrições;

• Evite jargões técnicos;

• Nome de “endereço de envio” deve ser opcional;

• Erros devem conter mensagens simples, claras e conter instruções
para resolver o problema;

• Permita acesso a explicações (sem sair da página), para regras
particulares do seu negócio;

• Texto de finalização deve ser simples, claro e conter instruções que
diminuam receio de qualquer natureza;
Regras:
                                DESIGN

• Crie estruturas claras e de fácil identificação;

• Todo conteúdo deve ser apresentado de forma hierarquizada;

• Use diferentes tamanhos de fontes para indicar hierarquia;

• Permita o controle de tamanho de fontes/visualização;

• Durante o pagamento coloque o mínino possível de novos elementos,
para evitar distrações;
Regras:
                           NEGÓCIOS

• Registro no site deve ser opcional, sempre que o modelo de negócio
permitir;

• Peça informações de registro somente quando o usuário estiver
motivado;

• Não dê demasiada importância ao cupom;

• Cross-selling deve existir, mas deve ser apresentado com cuidado
para não atrapalhar a venda;
Análise de Relatórios de Servidor
Teste de Usabilidade (usamos Morae)
CAMADAS                         NÍVEIS
 apresentação                   servidor web


                    Pagamento   User/Admin     Conteúdo
  Lógica do
   Negócio
                {
                                                          Módulo
                                                          s




   Dados        {

Arquitetura de informação que pensa em arquitetura
         de sistemas e regras de negócios
E cada profissional verá o problema de um jeito
       diferente e vai brigar pra ter razão
Amyris Fernandez
       Profa. Dra UX Buscapé Company


amyris.fernadez@buscapecompany.com
                 celular: 11 8122.1723
     skype/facebook: Amyris Fernandez
                         twitter: amyrisf

Contenu connexe

Similaire à Arquitetura da informação para a navegação perfeita no e-commerce – Posicionamento, estilos e aumento de conversão - Amyris Fernandez

Similaire à Arquitetura da informação para a navegação perfeita no e-commerce – Posicionamento, estilos e aumento de conversão - Amyris Fernandez (20)

Monitoramento e Análise de Mídias Sociais no Marketing, Branding, CRM e SAC
Monitoramento e Análise de Mídias Sociais no Marketing, Branding, CRM e SACMonitoramento e Análise de Mídias Sociais no Marketing, Branding, CRM e SAC
Monitoramento e Análise de Mídias Sociais no Marketing, Branding, CRM e SAC
 
Nextarapres
NextarapresNextarapres
Nextarapres
 
Introducao canvas
Introducao canvasIntroducao canvas
Introducao canvas
 
Introdução ao business model canvas
Introdução ao business model canvasIntrodução ao business model canvas
Introdução ao business model canvas
 
Marketing 3.0 Gestão 2.0 e EU ainda no 1.0
Marketing 3.0 Gestão 2.0 e EU ainda no 1.0Marketing 3.0 Gestão 2.0 e EU ainda no 1.0
Marketing 3.0 Gestão 2.0 e EU ainda no 1.0
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframe
 
Kronedesign - Web Marketing
Kronedesign - Web MarketingKronedesign - Web Marketing
Kronedesign - Web Marketing
 
Kronedesign - Web Marketing
Kronedesign - Web MarketingKronedesign - Web Marketing
Kronedesign - Web Marketing
 
Semana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
Semana SEBRAE de Tecnologia e Inovação 2015 - Victor GonçalvesSemana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
Semana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
 
Web Marketing
Web MarketingWeb Marketing
Web Marketing
 
Next Digital branding - Digital Brand - Brandia Central
Next Digital branding - Digital Brand - Brandia CentralNext Digital branding - Digital Brand - Brandia Central
Next Digital branding - Digital Brand - Brandia Central
 
Estratégias de Marketing e Comunicação de Serviços
 Estratégias de Marketing e Comunicação de Serviços Estratégias de Marketing e Comunicação de Serviços
Estratégias de Marketing e Comunicação de Serviços
 
Estratégias de marketing e comunicação para serviços
Estratégias de marketing e comunicação para serviçosEstratégias de marketing e comunicação para serviços
Estratégias de marketing e comunicação para serviços
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013
 
Pitch
PitchPitch
Pitch
 
TIM beta no Prêmio Big Think 2014
TIM beta no Prêmio Big Think 2014TIM beta no Prêmio Big Think 2014
TIM beta no Prêmio Big Think 2014
 
CDI Lan BPLanHouses Rio de Janeiro
CDI Lan BPLanHouses Rio de JaneiroCDI Lan BPLanHouses Rio de Janeiro
CDI Lan BPLanHouses Rio de Janeiro
 
Inteligencia em midias sociais
Inteligencia em midias sociaisInteligencia em midias sociais
Inteligencia em midias sociais
 
Design Thinking na Indústria
Design Thinking na IndústriaDesign Thinking na Indústria
Design Thinking na Indústria
 
Inovação em serviços através do uso do design centrado nas pessoas
Inovação em serviços através do uso do design centrado nas pessoas �Inovação em serviços através do uso do design centrado nas pessoas �
Inovação em serviços através do uso do design centrado nas pessoas
 

Plus de E-Commerce Brasil

Plus de E-Commerce Brasil (20)

Conferência SC 24 | Como internacionalizar seu negócio e criar estratégias de...
Conferência SC 24 | Como internacionalizar seu negócio e criar estratégias de...Conferência SC 24 | Como internacionalizar seu negócio e criar estratégias de...
Conferência SC 24 | Como internacionalizar seu negócio e criar estratégias de...
 
Conferência SC 24 | Entregas extraordinárias: como anda seu lead time?
Conferência SC 24 |  Entregas extraordinárias: como anda seu lead time?Conferência SC 24 |  Entregas extraordinárias: como anda seu lead time?
Conferência SC 24 | Entregas extraordinárias: como anda seu lead time?
 
Conferência SC 24 | Data Analytics e IA: o futuro do e-commerce?
Conferência SC 24 | Data Analytics e IA: o futuro do e-commerce?Conferência SC 24 | Data Analytics e IA: o futuro do e-commerce?
Conferência SC 24 | Data Analytics e IA: o futuro do e-commerce?
 
Conferência SC 24 | Social commerce e recursos interativos: como aplicar no s...
Conferência SC 24 | Social commerce e recursos interativos: como aplicar no s...Conferência SC 24 | Social commerce e recursos interativos: como aplicar no s...
Conferência SC 24 | Social commerce e recursos interativos: como aplicar no s...
 
Conferência SC 24 | A força da geolocalização impulsionada em ADS e Fullcomme...
Conferência SC 24 | A força da geolocalização impulsionada em ADS e Fullcomme...Conferência SC 24 | A força da geolocalização impulsionada em ADS e Fullcomme...
Conferência SC 24 | A força da geolocalização impulsionada em ADS e Fullcomme...
 
Conferência SC 24 | Estratégias de precificação: loja própria e marketplace
Conferência SC 24 | Estratégias de precificação: loja própria e marketplaceConferência SC 24 | Estratégias de precificação: loja própria e marketplace
Conferência SC 24 | Estratégias de precificação: loja própria e marketplace
 
Conferência SC 24 | Otimize sua logística reversa com opções OOH (out of home)
Conferência SC 24 | Otimize sua logística reversa com opções OOH (out of home)Conferência SC 24 | Otimize sua logística reversa com opções OOH (out of home)
Conferência SC 24 | Otimize sua logística reversa com opções OOH (out of home)
 
Conferência SC 24 | Inteligência artificial no checkout: como a automatização...
Conferência SC 24 | Inteligência artificial no checkout: como a automatização...Conferência SC 24 | Inteligência artificial no checkout: como a automatização...
Conferência SC 24 | Inteligência artificial no checkout: como a automatização...
 
Conferência SC 24 | Estratégias de precificação para múltiplos canais de venda
Conferência SC 24 | Estratégias de precificação para múltiplos canais de vendaConferência SC 24 | Estratégias de precificação para múltiplos canais de venda
Conferência SC 24 | Estratégias de precificação para múltiplos canais de venda
 
Conferência SC 24 | Omnichannel: uma cultura ou apenas um recurso comercial?
Conferência SC 24 | Omnichannel: uma cultura ou apenas um recurso comercial?Conferência SC 24 | Omnichannel: uma cultura ou apenas um recurso comercial?
Conferência SC 24 | Omnichannel: uma cultura ou apenas um recurso comercial?
 
Conferência SC 24 | Estratégias omnicanal: transformando a logística em exper...
Conferência SC 24 | Estratégias omnicanal: transformando a logística em exper...Conferência SC 24 | Estratégias omnicanal: transformando a logística em exper...
Conferência SC 24 | Estratégias omnicanal: transformando a logística em exper...
 
Conferência SC 24 | O custo real de uma operação
Conferência SC 24 | O custo real de uma operaçãoConferência SC 24 | O custo real de uma operação
Conferência SC 24 | O custo real de uma operação
 
Conferência SC 24 | Estratégias de diversificação de investimento em mídias d...
Conferência SC 24 | Estratégias de diversificação de investimento em mídias d...Conferência SC 24 | Estratégias de diversificação de investimento em mídias d...
Conferência SC 24 | Estratégias de diversificação de investimento em mídias d...
 
Conferência SC 24 | Gestão logística para redução de custos e fidelização
Conferência SC 24 | Gestão logística para redução de custos e fidelizaçãoConferência SC 24 | Gestão logística para redução de custos e fidelização
Conferência SC 24 | Gestão logística para redução de custos e fidelização
 
Conferência SC 2024 | De vilão a herói: como o frete vai salvar as suas vendas
Conferência SC 2024 |  De vilão a herói: como o frete vai salvar as suas vendasConferência SC 2024 |  De vilão a herói: como o frete vai salvar as suas vendas
Conferência SC 2024 | De vilão a herói: como o frete vai salvar as suas vendas
 
Conferência SC 2024 | Tendências e oportunidades de vender mais em 2024
Conferência SC 2024 | Tendências e oportunidades de vender mais em 2024Conferência SC 2024 | Tendências e oportunidades de vender mais em 2024
Conferência SC 2024 | Tendências e oportunidades de vender mais em 2024
 
Congresso Grocery & Drinks | Digitalizando a experiência do cliente
Congresso Grocery & Drinks | Digitalizando a experiência do clienteCongresso Grocery & Drinks | Digitalizando a experiência do cliente
Congresso Grocery & Drinks | Digitalizando a experiência do cliente
 
Congresso Grocery & Drinks | A era da omnicanalidade e os desafios da indústria
Congresso Grocery & Drinks |  A era da omnicanalidade e os desafios da indústriaCongresso Grocery & Drinks |  A era da omnicanalidade e os desafios da indústria
Congresso Grocery & Drinks | A era da omnicanalidade e os desafios da indústria
 
Congresso Grocery & Drinks | A realidade após a empolgação - O uso de IA Gene...
Congresso Grocery & Drinks | A realidade após a empolgação - O uso de IA Gene...Congresso Grocery & Drinks | A realidade após a empolgação - O uso de IA Gene...
Congresso Grocery & Drinks | A realidade após a empolgação - O uso de IA Gene...
 
Congresso Grocery & Drinks | Transformando o e-commerce alimentar por meio do...
Congresso Grocery & Drinks | Transformando o e-commerce alimentar por meio do...Congresso Grocery & Drinks | Transformando o e-commerce alimentar por meio do...
Congresso Grocery & Drinks | Transformando o e-commerce alimentar por meio do...
 

Dernier

matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
tatianehilda
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
Aula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptxAula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptx
andrenespoli3
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 

Dernier (20)

Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Aula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptxAula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptx
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
O PLANETA TERRA E SEU SATÉLITE NATURAL - LUA
O PLANETA TERRA E SEU SATÉLITE NATURAL - LUAO PLANETA TERRA E SEU SATÉLITE NATURAL - LUA
O PLANETA TERRA E SEU SATÉLITE NATURAL - LUA
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptx
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 

Arquitetura da informação para a navegação perfeita no e-commerce – Posicionamento, estilos e aumento de conversão - Amyris Fernandez

  • 1. Essa Tal Experiência do Usuário Amyris Fernandez Profa. Dra UX Buscapé Company
  • 2. Os meios digitais já fazem parte do dia-a-dia do consumidor
  • 3. Como as empresas vão se relacionar com estes consumidores que mudaram seus hábitos?
  • 4. Empresas vão viver com seus consumidores ativando o relacionamento e estando aptas a recebê-lo através da sua conveniência… Media Digital TV | IPTV Mobile MULTIPLATAFORMA Social Networks Intranet | Extranet Indoor Media and Out-of-Home Websites and Hot sites Games
  • 5. …e explorando a oportunidade para desenvolver o seu “engagement” e convidá-lo à ação. Segmentação On demand Imersão Mobilidade 24/7 Customização Interação
  • 6. Começando por criar a ESTRATÉGIA Estratégia é o plano de como a empresa irá competir no mercado.
  • 7. A formulação da estratégia envolve cinco passos Quais consumidores iremos servir? Escolha da arena Que produtos e serviços iremos oferecer? Onde iremos operar? Que tipo de benefícios nossos clientes procuram? Localização de uma posição Nossa empresa possui todos os recursos, capacidades defensável e capacitações para entregar os benefícios propostos melhor que nosso melhor competidor? Nossa proposta de valor é diferente das dos nossos Busca de diferenciação através de atividades ou métodos competidores? Os clientes conseguem perceber a diferença? Identificação e execução Nossa locação de recursos reflete nossa de trade offs diferenciação? Todas as decisões estratégicas são compatíveis? Desenho de atividades interligadas Existe criação de valor as fornecer serviços complementares?
  • 8. Premissa 01: Só existe 1 pessoa
  • 9. Premissa 02: É uma experiência de consumo Duração Catalizadores . Iniciação Sentidos: . Imersão . Imagem . Conclusão . Som . Continuação . Tato Intensidade . Gosto . Hábitos . Engajamento Cognitivos: . Conceitos . Simbolos .Cultura experiência Fôlego . Produto . Serviço . Marcas (nomes) Eu e o Outro - Significados . Canais/Ambientes Interação . O fato de conseguir/ter (espaços) . Passiva . Status/Identidade . Promoção . Ativa . Emoção/Estilo de vida . Preço que está . Interativa . Significado de pagar um disposto a pagar certo preço . Função
  • 10. Então, como criar um bom e-commerce?
  • 11. Guia de desenvolvimento de e-commerce Design Conteúdo Arquitetura Tecnologia de Informação Negócios Copyright by Amyris Fernandez, 2008
  • 12. Momentos cruciais do e-commerce Comunicação Landing Pagamento Processo (AI) (banner, etc) Page (logística) Mensagem Qualificação do Lead Navegação Serviços Público-Alvo Falha no Processo ruim
  • 13. O que está errado nesta peça publicitária?
  • 14. O que está errado nesta página?
  • 15.
  • 16. O que está errado nesta vitrine?
  • 17. O que está errado nesta página?
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. O que está errado?
  • 23.
  • 24. Análise Heurística (estruturada com números, nada de Jakob Nielsen)
  • 25.
  • 26. Arquitetura Conteúdo de Informação Vídeo Navegação Labels Texto Negócios (busca) Imagens (fotos) Navegação Ajudas (processo) Som Brand Diálogo com consumidores Design Tecnologia Formas Fontes Portabilidade (letras) Robustez Modernidade Diagramação tecnológica Cores Confiabilidade Ícones Rapidez da Resposta
  • 27. Regras: AI / Tecnologia ENTRADA DE DADOS • Só pergunte uma vez por uma determinada informação; • Use o endereço de envio como endereço de cobrança por default; • Indique sempre e antes de começar o processo de preenchimento quais são os campos obrigatórios; • Mostre exemplos de como preencher os campos; • Valide os campos conforme são preenchidos; • Use o CEP para pré-popular os campos endereço e cidade;
  • 28. Regras: AI / Tecnologia NAVEGAÇÃO • Os labels devem estar visíveis o tempo todo; • Mostre a mudança de localização dentro de um processo através de dicas visuais (cores, números, formas); • Processos devem ser clicáveis e navegáveis; • Títulos (e outras funções hierárquicas não clicáveis) devem indicar o tempo todo que não são clicáveis; • Imagens devem ser clicáveis; • Pense em termos de acessibilidade e suas ferramentas e, por isso, coloque descreva cada imagem em alt tag;
  • 29. Regras: AI / Tecnologia ENTRADA DE DADOS • Os campos devem estar alinhados um embaixo do outro, respeitando a ordem de leitura do usuário; • Deixe um campo para nome (chamar de “Nome”) e outro para sobrenome (Chamar de “Último Sobrenome”); • Se o pagamento for via cartão de crédito, apresentar os campos na ordem do cartão; • Evite o uso de Drop Down Menus, pois eles diminuem a velocidade de preenchimento; • Desabilite a função “colar” para o campo de validação de email; • Nunca peça como obrigatório: RG, telefone fixo, nome do pai ou da mãe;
  • 30. Regras: AI / Tecnologia FLUXO • O processo de check out deve ser linear; • Destaque (mostre claramente) descontos e valores adicionais; • Mostre o valor final o mais cedo possível no processo; • Evite simuladores dissociados do carrinho (se simular, o valor deve ser mostrado no carrinho); • Permita comparação de atributos de produtos;
  • 31. Regras: CONTEÚDO • Descreva os nomes dos links; • Seja conciso nas descrições; • Evite jargões técnicos; • Nome de “endereço de envio” deve ser opcional; • Erros devem conter mensagens simples, claras e conter instruções para resolver o problema; • Permita acesso a explicações (sem sair da página), para regras particulares do seu negócio; • Texto de finalização deve ser simples, claro e conter instruções que diminuam receio de qualquer natureza;
  • 32. Regras: DESIGN • Crie estruturas claras e de fácil identificação; • Todo conteúdo deve ser apresentado de forma hierarquizada; • Use diferentes tamanhos de fontes para indicar hierarquia; • Permita o controle de tamanho de fontes/visualização; • Durante o pagamento coloque o mínino possível de novos elementos, para evitar distrações;
  • 33. Regras: NEGÓCIOS • Registro no site deve ser opcional, sempre que o modelo de negócio permitir; • Peça informações de registro somente quando o usuário estiver motivado; • Não dê demasiada importância ao cupom; • Cross-selling deve existir, mas deve ser apresentado com cuidado para não atrapalhar a venda;
  • 34. Análise de Relatórios de Servidor
  • 35. Teste de Usabilidade (usamos Morae)
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. CAMADAS NÍVEIS apresentação servidor web Pagamento User/Admin Conteúdo Lógica do Negócio { Módulo s Dados { Arquitetura de informação que pensa em arquitetura de sistemas e regras de negócios
  • 42. E cada profissional verá o problema de um jeito diferente e vai brigar pra ter razão
  • 43.
  • 44.
  • 45. Amyris Fernandez Profa. Dra UX Buscapé Company amyris.fernadez@buscapecompany.com celular: 11 8122.1723 skype/facebook: Amyris Fernandez twitter: amyrisf

Notes de l'éditeur

  1. As marcas estão inseridas no dia-dia do consumidor, ele procura por elas e se relaciona com elas
  2. Entrada de Dados [12 Regras] Só pergunte uma vez por uma determinada informação; Use o endereço de envio como endereço de cobrança por default; Indique sempre e antes de começar o processo de preenchimento quais são os campos obrigatórios; Mostre exemplos de como preencher os campos; Valide os campos conforme são preenchidos; Use o CEP para pré-popular os campos endereço e cidade; Os campos devem estar alinhados um embaixo do outro, respeitando a ordem de leitura do usuário; Deixe um campo para nome (chamar de “Nome”) e outro para sobrenome (Chamar de “Último Sobrenome”); Se o pagamento for via cartão de crédito, apresentar os campos na ordem do cartão; Evite o uso de Drop Down Menus, pois eles diminuem a velocidade de preenchimento; Desabilite a função “colar” para o campo de validação de email; Nunca peça como obrigatório: RG, telefone fixo, nome do pai ou da mãe;
  3. Entrada de Dados [12 Regras] Só pergunte uma vez por uma determinada informação; Use o endereço de envio como endereço de cobrança por default; Indique sempre e antes de começar o processo de preenchimento quais são os campos obrigatórios; Mostre exemplos de como preencher os campos; Valide os campos conforme são preenchidos; Use o CEP para pré-popular os campos endereço e cidade; Os campos devem estar alinhados um embaixo do outro, respeitando a ordem de leitura do usuário; Deixe um campo para nome (chamar de “Nome”) e outro para sobrenome (Chamar de “Último Sobrenome”); Se o pagamento for via cartão de crédito, apresentar os campos na ordem do cartão; Evite o uso de Drop Down Menus, pois eles diminuem a velocidade de preenchimento; Desabilite a função “colar” para o campo de validação de email; Nunca peça como obrigatório: RG, telefone fixo, nome do pai ou da mãe;
  4. Entrada de Dados [12 Regras] Só pergunte uma vez por uma determinada informação; Use o endereço de envio como endereço de cobrança por default; Indique sempre e antes de começar o processo de preenchimento quais são os campos obrigatórios; Mostre exemplos de como preencher os campos; Valide os campos conforme são preenchidos; Use o CEP para pré-popular os campos endereço e cidade; Os campos devem estar alinhados um embaixo do outro, respeitando a ordem de leitura do usuário; Deixe um campo para nome (chamar de “Nome”) e outro para sobrenome (Chamar de “Último Sobrenome”); Se o pagamento for via cartão de crédito, apresentar os campos na ordem do cartão; Evite o uso de Drop Down Menus, pois eles diminuem a velocidade de preenchimento; Desabilite a função “colar” para o campo de validação de email; Nunca peça como obrigatório: RG, telefone fixo, nome do pai ou da mãe;
  5. Entrada de Dados [12 Regras] Só pergunte uma vez por uma determinada informação; Use o endereço de envio como endereço de cobrança por default; Indique sempre e antes de começar o processo de preenchimento quais são os campos obrigatórios; Mostre exemplos de como preencher os campos; Valide os campos conforme são preenchidos; Use o CEP para pré-popular os campos endereço e cidade; Os campos devem estar alinhados um embaixo do outro, respeitando a ordem de leitura do usuário; Deixe um campo para nome (chamar de “Nome”) e outro para sobrenome (Chamar de “Último Sobrenome”); Se o pagamento for via cartão de crédito, apresentar os campos na ordem do cartão; Evite o uso de Drop Down Menus, pois eles diminuem a velocidade de preenchimento; Desabilite a função “colar” para o campo de validação de email; Nunca peça como obrigatório: RG, telefone fixo, nome do pai ou da mãe;