SlideShare a Scribd company logo
1 of 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

More Related Content

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

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 SACBraulio Medina 🚀
 
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.0Alceu Cruz
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframeFabricio Teixeira
 
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çalvesVictor Gonçalves
 
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 CentralBrandia 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çosArtur Vasconcellos
 
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çosArtur Vasconcellos
 
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 2013Instituto Faber-Ludens
 
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 2014Fabiano Coura
 
Design Thinking na Indústria
Design Thinking na IndústriaDesign Thinking na Indústria
Design Thinking na IndústriaDenise Eler
 
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 Erico Fileno
 

Similar to 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
 

More from E-Commerce Brasil

Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...
Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...
Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...E-Commerce Brasil
 
Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...
Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...
Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...E-Commerce Brasil
 
Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...
Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...
Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...E-Commerce Brasil
 
Digitalização de varejo | Importe ou morra.
Digitalização de varejo | Importe ou morra.Digitalização de varejo | Importe ou morra.
Digitalização de varejo | Importe ou morra.E-Commerce Brasil
 
O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...
O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...
O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...E-Commerce Brasil
 
Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...
Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...
Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...E-Commerce Brasil
 
Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...
Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...
Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...E-Commerce Brasil
 
Digitalização do varejo | Os impactos do chargeback nas operações e resultado...
Digitalização do varejo | Os impactos do chargeback nas operações e resultado...Digitalização do varejo | Os impactos do chargeback nas operações e resultado...
Digitalização do varejo | Os impactos do chargeback nas operações e resultado...E-Commerce Brasil
 
Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...
Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...
Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...E-Commerce Brasil
 
Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...
Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...
Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...E-Commerce Brasil
 
Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...
Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...
Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...E-Commerce Brasil
 
Digitalização do varejo | Logística de transporte: maximizando o potencial do...
Digitalização do varejo | Logística de transporte: maximizando o potencial do...Digitalização do varejo | Logística de transporte: maximizando o potencial do...
Digitalização do varejo | Logística de transporte: maximizando o potencial do...E-Commerce Brasil
 
Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...
Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...
Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...E-Commerce Brasil
 
Digitalização do varejo | A importância do engajamento e fidelização de clien...
Digitalização do varejo | A importância do engajamento e fidelização de clien...Digitalização do varejo | A importância do engajamento e fidelização de clien...
Digitalização do varejo | A importância do engajamento e fidelização de clien...E-Commerce Brasil
 
Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...
Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...
Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...E-Commerce Brasil
 
Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...
Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...
Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...E-Commerce Brasil
 
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...E-Commerce Brasil
 
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?E-Commerce Brasil
 
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?E-Commerce Brasil
 
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...E-Commerce Brasil
 

More from E-Commerce Brasil (20)

Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...
Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...
Conferência Saúde & Farma | Panorama Digital: Saúde e Farma e impactos do Rio...
 
Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...
Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...
Digitalização do Varejo | A relevância dos pontos físicos para uma plataforma...
 
Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...
Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...
Digitalização do Varejo | Case Pague Menos / Extrafarma: alavancando vendas e...
 
Digitalização de varejo | Importe ou morra.
Digitalização de varejo | Importe ou morra.Digitalização de varejo | Importe ou morra.
Digitalização de varejo | Importe ou morra.
 
O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...
O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...
O poder das redes em IA: conhecer seu consumidor te ajuda a vender mais; conh...
 
Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...
Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...
Digitalização do varejo | Como a logística pode ajudar na melhor experiência ...
 
Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...
Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...
Digitalização do varejo| Clienting no varejo: dados e tendências sobre relaci...
 
Digitalização do varejo | Os impactos do chargeback nas operações e resultado...
Digitalização do varejo | Os impactos do chargeback nas operações e resultado...Digitalização do varejo | Os impactos do chargeback nas operações e resultado...
Digitalização do varejo | Os impactos do chargeback nas operações e resultado...
 
Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...
Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...
Digitalização do varejo | Foque nas vendas: simplificando sua operação logíst...
 
Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...
Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...
Digitalização do varejo | Como o Marketplace beneficia no sortimento de venda...
 
Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...
Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...
Digitalização do varejo | Tecnologia na gestão do negócio: como alavancar a e...
 
Digitalização do varejo | Logística de transporte: maximizando o potencial do...
Digitalização do varejo | Logística de transporte: maximizando o potencial do...Digitalização do varejo | Logística de transporte: maximizando o potencial do...
Digitalização do varejo | Logística de transporte: maximizando o potencial do...
 
Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...
Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...
Digitalização do varejo | Future Shoppers: sua marca está preparada para os n...
 
Digitalização do varejo | A importância do engajamento e fidelização de clien...
Digitalização do varejo | A importância do engajamento e fidelização de clien...Digitalização do varejo | A importância do engajamento e fidelização de clien...
Digitalização do varejo | A importância do engajamento e fidelização de clien...
 
Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...
Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...
Digitalização do varejo | Operações Inteligentes: como o uso de dados pode ma...
 
Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...
Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...
Digitalização do Varejo |Perspectivas do Pix 2024: novidades e impactos no va...
 
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...
 

Recently uploaded

Formação T.2 do Modulo I da Formação HTML & CSS
Formação T.2 do Modulo I da Formação HTML & CSSFormação T.2 do Modulo I da Formação HTML & CSS
Formação T.2 do Modulo I da Formação HTML & CSSPedroMatos469278
 
"Nós Propomos! Escola Secundária em Pedrógão Grande"
"Nós Propomos! Escola Secundária em Pedrógão Grande""Nós Propomos! Escola Secundária em Pedrógão Grande"
"Nós Propomos! Escola Secundária em Pedrógão Grande"Ilda Bicacro
 
Edital do processo seletivo para contratação de agentes de saúde em Floresta, PE
Edital do processo seletivo para contratação de agentes de saúde em Floresta, PEEdital do processo seletivo para contratação de agentes de saúde em Floresta, PE
Edital do processo seletivo para contratação de agentes de saúde em Floresta, PEblogdoelvis
 
Insegurança nunca mais tem afeta pessoas
Insegurança nunca mais tem afeta pessoasInsegurança nunca mais tem afeta pessoas
Insegurança nunca mais tem afeta pessoasdiegosouzalira10
 
MODELO Resumo esquemático de Relatório escolar
MODELO Resumo esquemático de Relatório escolarMODELO Resumo esquemático de Relatório escolar
MODELO Resumo esquemático de Relatório escolarDouglasVasconcelosMa
 
Meu corpo - Ruth Rocha e Anna Flora livro
Meu corpo - Ruth Rocha e Anna Flora livroMeu corpo - Ruth Rocha e Anna Flora livro
Meu corpo - Ruth Rocha e Anna Flora livroBrenda Fritz
 
Multiplicação - Caça-número
Multiplicação - Caça-número Multiplicação - Caça-número
Multiplicação - Caça-número Mary Alvarenga
 
Produção de poemas - Reciclar é preciso
Produção  de  poemas  -  Reciclar é precisoProdução  de  poemas  -  Reciclar é preciso
Produção de poemas - Reciclar é precisoMary Alvarenga
 
Power Point sobre as etapas do Desenvolvimento infantil
Power Point sobre as etapas do Desenvolvimento infantilPower Point sobre as etapas do Desenvolvimento infantil
Power Point sobre as etapas do Desenvolvimento infantilMariaHelena293800
 
Nós Propomos! Canil/Gatil na Sertã - Amigos dos Animais
Nós Propomos! Canil/Gatil na Sertã - Amigos dos AnimaisNós Propomos! Canil/Gatil na Sertã - Amigos dos Animais
Nós Propomos! Canil/Gatil na Sertã - Amigos dos AnimaisIlda Bicacro
 
o-homem-que-calculava-malba-tahan-1_123516.pdf
o-homem-que-calculava-malba-tahan-1_123516.pdfo-homem-que-calculava-malba-tahan-1_123516.pdf
o-homem-que-calculava-malba-tahan-1_123516.pdfCarolineNunes80
 
Abuso Sexual da Criança e do adolescente
Abuso Sexual da Criança e do adolescenteAbuso Sexual da Criança e do adolescente
Abuso Sexual da Criança e do adolescenteIpdaWellington
 
TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.
TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.
TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.FLAVIA LEZAN
 
Alemanha vs União Soviética - Livro de Adolf Hitler
Alemanha vs União Soviética - Livro de Adolf HitlerAlemanha vs União Soviética - Livro de Adolf Hitler
Alemanha vs União Soviética - Livro de Adolf Hitlerhabiwo1978
 
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...Manuais Formação
 
Slides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptx
Slides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptxSlides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptx
Slides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptxLuizHenriquedeAlmeid6
 
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptxEB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptxIlda Bicacro
 
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptxSlide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptxsfwsoficial
 
1. Aula de sociologia - 1º Ano - Émile Durkheim.pdf
1. Aula de sociologia - 1º Ano - Émile Durkheim.pdf1. Aula de sociologia - 1º Ano - Émile Durkheim.pdf
1. Aula de sociologia - 1º Ano - Émile Durkheim.pdfaulasgege
 

Recently uploaded (20)

Formação T.2 do Modulo I da Formação HTML & CSS
Formação T.2 do Modulo I da Formação HTML & CSSFormação T.2 do Modulo I da Formação HTML & CSS
Formação T.2 do Modulo I da Formação HTML & CSS
 
"Nós Propomos! Escola Secundária em Pedrógão Grande"
"Nós Propomos! Escola Secundária em Pedrógão Grande""Nós Propomos! Escola Secundária em Pedrógão Grande"
"Nós Propomos! Escola Secundária em Pedrógão Grande"
 
Edital do processo seletivo para contratação de agentes de saúde em Floresta, PE
Edital do processo seletivo para contratação de agentes de saúde em Floresta, PEEdital do processo seletivo para contratação de agentes de saúde em Floresta, PE
Edital do processo seletivo para contratação de agentes de saúde em Floresta, PE
 
Insegurança nunca mais tem afeta pessoas
Insegurança nunca mais tem afeta pessoasInsegurança nunca mais tem afeta pessoas
Insegurança nunca mais tem afeta pessoas
 
Poema - Maio Laranja
Poema - Maio Laranja Poema - Maio Laranja
Poema - Maio Laranja
 
MODELO Resumo esquemático de Relatório escolar
MODELO Resumo esquemático de Relatório escolarMODELO Resumo esquemático de Relatório escolar
MODELO Resumo esquemático de Relatório escolar
 
Meu corpo - Ruth Rocha e Anna Flora livro
Meu corpo - Ruth Rocha e Anna Flora livroMeu corpo - Ruth Rocha e Anna Flora livro
Meu corpo - Ruth Rocha e Anna Flora livro
 
Multiplicação - Caça-número
Multiplicação - Caça-número Multiplicação - Caça-número
Multiplicação - Caça-número
 
Produção de poemas - Reciclar é preciso
Produção  de  poemas  -  Reciclar é precisoProdução  de  poemas  -  Reciclar é preciso
Produção de poemas - Reciclar é preciso
 
Power Point sobre as etapas do Desenvolvimento infantil
Power Point sobre as etapas do Desenvolvimento infantilPower Point sobre as etapas do Desenvolvimento infantil
Power Point sobre as etapas do Desenvolvimento infantil
 
Nós Propomos! Canil/Gatil na Sertã - Amigos dos Animais
Nós Propomos! Canil/Gatil na Sertã - Amigos dos AnimaisNós Propomos! Canil/Gatil na Sertã - Amigos dos Animais
Nós Propomos! Canil/Gatil na Sertã - Amigos dos Animais
 
o-homem-que-calculava-malba-tahan-1_123516.pdf
o-homem-que-calculava-malba-tahan-1_123516.pdfo-homem-que-calculava-malba-tahan-1_123516.pdf
o-homem-que-calculava-malba-tahan-1_123516.pdf
 
Abuso Sexual da Criança e do adolescente
Abuso Sexual da Criança e do adolescenteAbuso Sexual da Criança e do adolescente
Abuso Sexual da Criança e do adolescente
 
TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.
TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.
TAMPINHAS Sílabas. Para fazer e trabalhar com as crianças.
 
Alemanha vs União Soviética - Livro de Adolf Hitler
Alemanha vs União Soviética - Livro de Adolf HitlerAlemanha vs União Soviética - Livro de Adolf Hitler
Alemanha vs União Soviética - Livro de Adolf Hitler
 
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
 
Slides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptx
Slides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptxSlides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptx
Slides Lição 8, CPAD, Confessando e Abandonando o Pecado.pptx
 
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptxEB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
 
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptxSlide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
 
1. Aula de sociologia - 1º Ano - Émile Durkheim.pdf
1. Aula de sociologia - 1º Ano - Émile Durkheim.pdf1. Aula de sociologia - 1º Ano - Émile Durkheim.pdf
1. Aula de sociologia - 1º Ano - Émile Durkheim.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

Editor's Notes

  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;