SlideShare una empresa de Scribd logo
1 de 53
Descargar para leer sin conexión
Dirk Schächter: The Typomaps are awarded with the IF Design Award and are nominated for the Design Award of the
Federal Republik of Germany 2011. The Typomaps are handset, and not automatically generated by computer program.
Você deve me
seguir no twitter
EU ESTOU NO TWITTER                    4.70%


SIGA-ME NO TWITTER                     7.31%


VOCÊ DEVE ME SEGUIR NO TWITTER         10,09%


VOCÊ DEVE ME SEGUIR NO TWITTER, AQUI   12,81%



Call to Action claro e objetivo
Influência no Varejo
                                                   43%
                       de todas as vendas efetuadas no
                        varejo devem ser influenciadas
                       ou feitas pela internet até 2012.




Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
Influência no B2B
                                                   83%
                                 Das empresas utilizam a
                                internet para pesquisar e
                               encontrar fornecedores em
                                       potencial.




Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
O Impacto da Aparência na
                 Confiança

                                                   68%
                              Dos compradores online,
                            concordam que distratam um
                              site que não tenha uma
                               aparência profissional.

Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
Qual o Impacto do Design na
                           Credibilidade


   75%
                                           dos usuários da web admitem fazer
                                           julgamentos sobre a credibilidade de uma
                                           organização baseados no design de seu site.




                   C c e
                      Credibilidade                                Confiança                             Encantamento



Fonte: Fogg, B.J., Stanford Guidelines for Web Credibility, Persuasive Technology Lab. Stanford University.
Credibilidade
Encantamento
Design não é apenas
como algo se parece.

Design é como algo
funciona!
Design   EU PODERIA
         FAZER ISSO
                      MAS VOCÊ
                      NÃO FEZ
1998
2004
2009
2011
Contrato um Arquiteto ou
Acredito no Mestre de Obras   ?
Arquitetura de Infomação
•    Desenvolve um mapeamento do target (público alvo);
•    Mensura o comportamento do usuário;
•    Classifica o conteúdo;
•    Cria Wireframes;
•    Cria fluxos de navegação.
                                 Usuário	
       Conteúdo	
  



                                         Contexto	
  
Pensar em Design é

conteúdo          navegabilidade    velocidade

tipografia        usabilidade       interação


consistência      tecnologia        portabilidade
O Processo do Design
1. Que história eu estou tentando dizer?


2. Como eu conto esta história, através do
  design?


3. Que elementos eu tenho para contar esta
  história?
Concreto
       Interface	
  



      Wireframe	
  



Site	
  Map	
  Estrutural	
  



        Escopo	
  

                                           1. Estratégia
                                Abstrato   É onde tudo começa: O que nós
      Estratégia	
                         queremos do site? O que os usuários
                                           buscam?
Concreto
       Interface	
  



      Wireframe	
  



Site	
  Map	
  Estrutural	
  

                                           2. Escopo
                                           Transforma estratégias em requisitos:
        Escopo	
                           Quais características necessariamente
                                           o site deve apresentar?

                                           1. Estratégia
                                Abstrato   É onde tudo começa: O que nós
      Estratégia	
                         queremos do site? O que os usuários
                                           buscam?
Concreto
       Interface	
  



      Wireframe	
  

                                           3.  Site Map Estrutural
                                           Dá forma ao escopo: Como todos os
Site	
  Map	
  Estrutural	
                elementos do site se ajustam e se
                                           comportam?

                                           2. Escopo
                                           Transforma estratégias em requisitos:
        Escopo	
                           Quais características necessariamente
                                           o site deve apresentar?

                                           1. Estratégia
                                Abstrato   É onde tudo começa: O que nós
      Estratégia	
                         queremos do site? O que os usuários
                                           buscam?
Concreto
       Interface	
  

                                           4. Wireframe
                                           Torna a estrutura concreta: Quais os
      Wireframe	
                          elementos que teremos disponíveis
                                           para o usuário no site?

                                           3.  Site Map Estrutural
                                           Dá forma ao escopo: Como todos os
Site	
  Map	
  Estrutural	
                elementos do site se ajustam e se
                                           comportam?

                                           2. Escopo
                                           Transforma estratégias em requisitos:
        Escopo	
                           Quais características necessariamente
                                           o site deve apresentar?

                                           1. Estratégia
                                Abstrato   É onde tudo começa: O que nós
      Estratégia	
                         queremos do site? O que os usuários
                                           buscam?
5. Interface
                                Concreto
       Interface	
                         Torna tudo tangível: Como ficará a
                                           versão final do projeto?

                                           4. Wireframe
                                           Torna a estrutura concreta: Quais os
      Wireframe	
                          elementos que teremos disponíveis
                                           para o usuário no site?

                                           3.  Site Map Estrutural
                                           Dá forma ao escopo: Como todos os
Site	
  Map	
  Estrutural	
                elementos do site se ajustam e se
                                           comportam?

                                           2. Escopo
                                           Transforma estratégias em requisitos:
        Escopo	
                           Quais características necessariamente
                                           o site deve apresentar?

                                           1. Estratégia
                                Abstrato   É onde tudo começa: O que nós
      Estratégia	
                         queremos do site? O que os usuários
                                           buscam?
10 Coisas Que Você Precisa Saber
                        Sobre       Design
O Que é        1.     Design pode  mudar empresas
Design         2.     Design é mais do que somente fotos bonitas
               3.     Traz benefícios, não caracteristicas
               4.     Traz fluência, não telas
Um Design
Eficiente      5.     Não faz o usuário pensar
               6.     Começa com uma grande história
               7.     Utiliza o design como uma alavanca
               8.     Se obtém fora do escritório
Um Processo
Eficiente de   9.     Tem uma bíblia
Design         10.    Se repete e se aprimora
"O que está acontecendo não é nada mais,
nada menos que uma revolução. As pessoas
que hoje tiverem entre 4 e 20 anos de
idade criarão uma nova maneira de
trabalhar, estudar, jogar, comunicar e
comprar. Serão, em poucas palavras, os
arquitetos de uma comunidade diferente."

Don Tapscott, autor de Grown Up Digital
Renato Nascimento
 renatonascimento@orangedesign.com.br	
  

     @renatoorange
              55 (11) 2769.5502
          www.orangedesign.com.br




             Orange Design
          Faz da Internet um grande negócio

Más contenido relacionado

Similar a Design influencia vendas online e credibilidade de sites

Wireframe workshop externo_001_b
Wireframe workshop externo_001_bWireframe workshop externo_001_b
Wireframe workshop externo_001_bmaurohs
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 
Criação de sites
Criação de sitesCriação de sites
Criação de sitesicajai
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04Alvaro Gomes
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Cristofer Sousa
 
Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups Tuia
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignFelipe Fernandes
 
Modelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_websiteModelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_websiteAlan Pereira
 
Questionário Empresa Webvix
Questionário Empresa WebvixQuestionário Empresa Webvix
Questionário Empresa Webvixgueste3d3ab
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEBFábio Flatschart
 
Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Renato Melo
 

Similar a Design influencia vendas online e credibilidade de sites (20)

Wireframe workshop externo_001_b
Wireframe workshop externo_001_bWireframe workshop externo_001_b
Wireframe workshop externo_001_b
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
GUIA - Achei A..Z
GUIA - Achei A..ZGUIA - Achei A..Z
GUIA - Achei A..Z
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
 
Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web Design
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Hack2B Startups - UX?
Hack2B Startups - UX?Hack2B Startups - UX?
Hack2B Startups - UX?
 
Planejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web SitesPlanejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web Sites
 
Modelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_websiteModelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_website
 
Questionário Empresa Webvix
Questionário Empresa WebvixQuestionário Empresa Webvix
Questionário Empresa Webvix
 
Interface homem computador - Aula06 - logo design e arquitetura da informação
Interface homem computador - Aula06 - logo design e arquitetura da informaçãoInterface homem computador - Aula06 - logo design e arquitetura da informação
Interface homem computador - Aula06 - logo design e arquitetura da informação
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022
 

Design influencia vendas online e credibilidade de sites

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. Dirk Schächter: The Typomaps are awarded with the IF Design Award and are nominated for the Design Award of the Federal Republik of Germany 2011. The Typomaps are handset, and not automatically generated by computer program.
  • 7. Você deve me seguir no twitter
  • 8. EU ESTOU NO TWITTER 4.70% SIGA-ME NO TWITTER 7.31% VOCÊ DEVE ME SEGUIR NO TWITTER 10,09% VOCÊ DEVE ME SEGUIR NO TWITTER, AQUI 12,81% Call to Action claro e objetivo
  • 9. Influência no Varejo 43% de todas as vendas efetuadas no varejo devem ser influenciadas ou feitas pela internet até 2012. Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
  • 10. Influência no B2B 83% Das empresas utilizam a internet para pesquisar e encontrar fornecedores em potencial. Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
  • 11. O Impacto da Aparência na Confiança 68% Dos compradores online, concordam que distratam um site que não tenha uma aparência profissional. Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
  • 12. Qual o Impacto do Design na Credibilidade 75% dos usuários da web admitem fazer julgamentos sobre a credibilidade de uma organização baseados no design de seu site. C c e Credibilidade Confiança Encantamento Fonte: Fogg, B.J., Stanford Guidelines for Web Credibility, Persuasive Technology Lab. Stanford University.
  • 14.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Design não é apenas como algo se parece. Design é como algo funciona!
  • 24. Design EU PODERIA FAZER ISSO MAS VOCÊ NÃO FEZ
  • 25. 1998
  • 26. 2004
  • 27. 2009
  • 28. 2011
  • 29. Contrato um Arquiteto ou Acredito no Mestre de Obras ?
  • 30.
  • 31.
  • 32. Arquitetura de Infomação •  Desenvolve um mapeamento do target (público alvo); •  Mensura o comportamento do usuário; •  Classifica o conteúdo; •  Cria Wireframes; •  Cria fluxos de navegação. Usuário   Conteúdo   Contexto  
  • 33.
  • 34. Pensar em Design é conteúdo navegabilidade velocidade tipografia usabilidade interação consistência tecnologia portabilidade
  • 35. O Processo do Design 1. Que história eu estou tentando dizer? 2. Como eu conto esta história, através do design? 3. Que elementos eu tenho para contar esta história?
  • 36. Concreto Interface   Wireframe   Site  Map  Estrutural   Escopo   1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia   queremos do site? O que os usuários buscam?
  • 37. Concreto Interface   Wireframe   Site  Map  Estrutural   2. Escopo Transforma estratégias em requisitos: Escopo   Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia   queremos do site? O que os usuários buscam?
  • 38. Concreto Interface   Wireframe   3.  Site Map Estrutural Dá forma ao escopo: Como todos os Site  Map  Estrutural   elementos do site se ajustam e se comportam? 2. Escopo Transforma estratégias em requisitos: Escopo   Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia   queremos do site? O que os usuários buscam?
  • 39. Concreto Interface   4. Wireframe Torna a estrutura concreta: Quais os Wireframe   elementos que teremos disponíveis para o usuário no site? 3.  Site Map Estrutural Dá forma ao escopo: Como todos os Site  Map  Estrutural   elementos do site se ajustam e se comportam? 2. Escopo Transforma estratégias em requisitos: Escopo   Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia   queremos do site? O que os usuários buscam?
  • 40. 5. Interface Concreto Interface   Torna tudo tangível: Como ficará a versão final do projeto? 4. Wireframe Torna a estrutura concreta: Quais os Wireframe   elementos que teremos disponíveis para o usuário no site? 3.  Site Map Estrutural Dá forma ao escopo: Como todos os Site  Map  Estrutural   elementos do site se ajustam e se comportam? 2. Escopo Transforma estratégias em requisitos: Escopo   Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia   queremos do site? O que os usuários buscam?
  • 41. 10 Coisas Que Você Precisa Saber Sobre Design O Que é 1.  Design pode mudar empresas Design 2.  Design é mais do que somente fotos bonitas 3.  Traz benefícios, não caracteristicas 4.  Traz fluência, não telas Um Design Eficiente 5.  Não faz o usuário pensar 6.  Começa com uma grande história 7.  Utiliza o design como uma alavanca 8.  Se obtém fora do escritório Um Processo Eficiente de 9.  Tem uma bíblia Design 10.  Se repete e se aprimora
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51. "O que está acontecendo não é nada mais, nada menos que uma revolução. As pessoas que hoje tiverem entre 4 e 20 anos de idade criarão uma nova maneira de trabalhar, estudar, jogar, comunicar e comprar. Serão, em poucas palavras, os arquitetos de uma comunidade diferente." Don Tapscott, autor de Grown Up Digital
  • 52.
  • 53. Renato Nascimento renatonascimento@orangedesign.com.br   @renatoorange 55 (11) 2769.5502 www.orangedesign.com.br Orange Design Faz da Internet um grande negócio