SlideShare a Scribd company logo
1 of 112
Download to read offline
O Dogma da Web


          10 regras basicas
para comunicações na web
       e quando quebra-las


                 Eric Reiss
                    5’ EBAI
      23 de Outubro de 2011
           São Paulo, Brasil
i·no·va·ção
              substantivo
    1: a introdução de algo novo
2: uma nova idéia, método ou serviço
bo·as prá·ti·cas
                 Substantivo
     1: Melhores maneiras de se fazer algo
2: Uma uma idéia, método ou dispositivo testado
Três razões ruins para inovar

      Para diferenciar seu produto
      Para ser diferente
      Para satisfazer seu ego
Experimento
Invenção
Invenção
Inovação




15 de Abril de 1912
Invention
Invention
Existe apenas uma razão para inovar...

                  para resolver um problema!
Ciclo de vida da inovação
                                    Boas práticas



                               Inovação


                                                             Moda
                   Boas práticas
 Tempo




             Inovação                               Hábito



  Invenção
                                                             Fora de moda
 Evolução
лучшая практика
         vs. инновация
Pessoas




       Tecnologia




Processos
dog·ma
                       substantivo
           1: uma crença ou conjunto de crenças
2: doutrina ou grupo de doutrinas impostas por uma igreja
O que os experts dizem
   “Links devem ser azuis e sublinhados”
   “Flash é 98% ruim”
   Textos não devem possuir mais do
   que 10 linhas”
As perguntas:

É possivel evitar moda em uma
     filosofia de design?

 A tecnologia sempre guia o
          design?
O conceito

 Criar um grupo de boas práticas
que transcende tanto a tecnologia
          como a moda.
Qualquer coisa que existe
apenas para satisfazer as
politicas internas do dono
de um site deve ser
eliminada.
SE
Qualquer coisa que existe
apenas para satisfazer o ego
do designer deve ser
eliminada.
Qualquer coisa que é
irrelevante dentro do contexto
da pagina deve ser eliminada.
1.   Qualquer aspecto ou técnica
                     ’
     que reduz a habilidade do
     visitante de navegar
     livremente, deve ser
     retrabalhado ou eliminado.
Qualquer objeto interativo que
força o visitante a adivinhar
seu significado deve ser
retrabalhado ou eliminado.
Nenhum software, além do
próprio browser, deve ser
necessário para que o site
funcione corretamente.
Conteudo deve ser em primeiro
lugar legivel, em segundo
lugar imprimivel e em terceiro
lugar baixavel.
Usabilidade nunca deve ser
sacrificada para o bem de um
guia de estilo.
Nenhum visitante deve ser
forçado a registrar ou
entregar informações pessoais,
a não ser que o dono do site
não tenha como completar um
serviço ou transação sem que
isso aconteça.
Quebre qualquer uma dessas
regras antes de fazer algo que
pareça insanamente barbárico.
George Orwell

Autor: A revolução dos bixos,
            “1984”
Please visit: www.wordsatplay.com
Se nos não exigirmos melhores websites,
       nós nunca vamos consegui-los.

Não apenas previna coisas ruins de acontecerem,
 vocês podem fazer ótimas coisas acontecerem.
Some bonus material…
Obrigado!
Eric Reiss pode (normalmente)
ser encontrado em:
The FatDUX Group ApS
Strandøre 15
2100 Copenhagen
Denmark

Office: (+45) 39 29 67 77
Mobil: (+45) 20 12 88 44
Twitter: @elreiss
info@fatdux.com
www.fatdux.com

More Related Content

Similar to 10 regras para comunicações na web

Empresa 2.0 - Novos conceitos de gestão
Empresa 2.0 - Novos conceitos de gestãoEmpresa 2.0 - Novos conceitos de gestão
Empresa 2.0 - Novos conceitos de gestãoFabio Seixas
 
Cria - Inovação
Cria - InovaçãoCria - Inovação
Cria - Inovaçãocriaglobal
 
Aula inovação tecnológica
Aula inovação tecnológicaAula inovação tecnológica
Aula inovação tecnológicaChemo
 
Economia Criativa Inovação e Negocios - ESPM
Economia Criativa Inovação e Negocios - ESPMEconomia Criativa Inovação e Negocios - ESPM
Economia Criativa Inovação e Negocios - ESPMNei Grando
 
Inovação em E-commerce com uso de Design Thinking
Inovação em E-commerce com uso de Design ThinkingInovação em E-commerce com uso de Design Thinking
Inovação em E-commerce com uso de Design ThinkingMario Faria
 
Apresentação sobre Gestão da Inovação e da Criatividade
Apresentação sobre Gestão da Inovação e da CriatividadeApresentação sobre Gestão da Inovação e da Criatividade
Apresentação sobre Gestão da Inovação e da CriatividadeLevi Tancredo
 
Design Thinking - Uma proposta para inovar em RH
Design Thinking - Uma proposta para inovar em RHDesign Thinking - Uma proposta para inovar em RH
Design Thinking - Uma proposta para inovar em RHJuliana Feitosa Andrade
 
Pós Marketing Competitivo, Criatividade e Inovação
Pós Marketing Competitivo, Criatividade e InovaçãoPós Marketing Competitivo, Criatividade e Inovação
Pós Marketing Competitivo, Criatividade e InovaçãoMilton Henrique do Couto Neto
 
Como os Banco Inovam. Tendências, Ideias e Oportunidades
Como os Banco Inovam. Tendências, Ideias e OportunidadesComo os Banco Inovam. Tendências, Ideias e Oportunidades
Como os Banco Inovam. Tendências, Ideias e OportunidadesRildo (@rildosan) Santos
 
INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...
INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...
INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...AntonioCarlos TeixeiradaSilva
 
Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...
Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...
Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...Ministério Público da Paraíba
 
Criatividade e inovação um guia prático - Fátima Alves Holanda
Criatividade e inovação   um guia prático - Fátima Alves HolandaCriatividade e inovação   um guia prático - Fátima Alves Holanda
Criatividade e inovação um guia prático - Fátima Alves Holandafatimaholandadh3
 
Inovação e Criatividade
Inovação e CriatividadeInovação e Criatividade
Inovação e CriatividadeAndrea Costa
 
Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...
Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...
Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...Luiz Henrique Campanha
 
Apresentação Inovadores
Apresentação InovadoresApresentação Inovadores
Apresentação InovadoresAndré Flores
 
Inovação Tecnológica
Inovação TecnológicaInovação Tecnológica
Inovação TecnológicaSandro Servino
 

Similar to 10 regras para comunicações na web (20)

Empresa 2.0 - Novos conceitos de gestão
Empresa 2.0 - Novos conceitos de gestãoEmpresa 2.0 - Novos conceitos de gestão
Empresa 2.0 - Novos conceitos de gestão
 
Cria - Inovação
Cria - InovaçãoCria - Inovação
Cria - Inovação
 
Comp org inovacao
Comp org inovacaoComp org inovacao
Comp org inovacao
 
Intelbras lab
Intelbras labIntelbras lab
Intelbras lab
 
Aula inovação tecnológica
Aula inovação tecnológicaAula inovação tecnológica
Aula inovação tecnológica
 
Economia Criativa Inovação e Negocios - ESPM
Economia Criativa Inovação e Negocios - ESPMEconomia Criativa Inovação e Negocios - ESPM
Economia Criativa Inovação e Negocios - ESPM
 
Gestão da inovação nas empresas
Gestão da inovação nas empresasGestão da inovação nas empresas
Gestão da inovação nas empresas
 
Inovação em E-commerce com uso de Design Thinking
Inovação em E-commerce com uso de Design ThinkingInovação em E-commerce com uso de Design Thinking
Inovação em E-commerce com uso de Design Thinking
 
Apresentação sobre Gestão da Inovação e da Criatividade
Apresentação sobre Gestão da Inovação e da CriatividadeApresentação sobre Gestão da Inovação e da Criatividade
Apresentação sobre Gestão da Inovação e da Criatividade
 
Design Thinking - Uma proposta para inovar em RH
Design Thinking - Uma proposta para inovar em RHDesign Thinking - Uma proposta para inovar em RH
Design Thinking - Uma proposta para inovar em RH
 
Pós Marketing Competitivo, Criatividade e Inovação
Pós Marketing Competitivo, Criatividade e InovaçãoPós Marketing Competitivo, Criatividade e Inovação
Pós Marketing Competitivo, Criatividade e Inovação
 
Como os Banco Inovam. Tendências, Ideias e Oportunidades
Como os Banco Inovam. Tendências, Ideias e OportunidadesComo os Banco Inovam. Tendências, Ideias e Oportunidades
Como os Banco Inovam. Tendências, Ideias e Oportunidades
 
INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...
INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...
INOVAÇÃO. Como criar o clima de inovação na empresa.Antonio Carlos Teixeira d...
 
Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...
Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...
Empreendedorismo de Negócios com Informática - Aula 3 - Perfis para Inovação ...
 
Conceito de Inovação
Conceito de InovaçãoConceito de Inovação
Conceito de Inovação
 
Criatividade e inovação um guia prático - Fátima Alves Holanda
Criatividade e inovação   um guia prático - Fátima Alves HolandaCriatividade e inovação   um guia prático - Fátima Alves Holanda
Criatividade e inovação um guia prático - Fátima Alves Holanda
 
Inovação e Criatividade
Inovação e CriatividadeInovação e Criatividade
Inovação e Criatividade
 
Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...
Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...
Cultura de Inovação - Comunicação organizacional e digital: aportes para inov...
 
Apresentação Inovadores
Apresentação InovadoresApresentação Inovadores
Apresentação Inovadores
 
Inovação Tecnológica
Inovação TecnológicaInovação Tecnológica
Inovação Tecnológica
 

More from EBAI

UX = MKT²
UX = MKT²UX = MKT²
UX = MKT²EBAI
 
Pratique o que você prega: sua entrevista de trabalho é sua primeira entrega
Pratique o que você prega: sua entrevista de trabalho é sua primeira entregaPratique o que você prega: sua entrevista de trabalho é sua primeira entrega
Pratique o que você prega: sua entrevista de trabalho é sua primeira entregaEBAI
 
Panorama do mercado de trabalho
Panorama do mercado de trabalhoPanorama do mercado de trabalho
Panorama do mercado de trabalhoEBAI
 
UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...
UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...
UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...EBAI
 
Arquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframeArquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframeEBAI
 
Interatividade + TV
Interatividade + TVInteratividade + TV
Interatividade + TVEBAI
 
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...EBAI
 
Design Livre e Cultura Colaborativa
Design Livre e Cultura ColaborativaDesign Livre e Cultura Colaborativa
Design Livre e Cultura ColaborativaEBAI
 
Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...
Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...
Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...EBAI
 
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...EBAI
 
Linkosophy
LinkosophyLinkosophy
LinkosophyEBAI
 
Influência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultadosInfluência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultadosEBAI
 
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...EBAI
 
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeArquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeEBAI
 

More from EBAI (14)

UX = MKT²
UX = MKT²UX = MKT²
UX = MKT²
 
Pratique o que você prega: sua entrevista de trabalho é sua primeira entrega
Pratique o que você prega: sua entrevista de trabalho é sua primeira entregaPratique o que você prega: sua entrevista de trabalho é sua primeira entrega
Pratique o que você prega: sua entrevista de trabalho é sua primeira entrega
 
Panorama do mercado de trabalho
Panorama do mercado de trabalhoPanorama do mercado de trabalho
Panorama do mercado de trabalho
 
UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...
UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...
UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...
 
Arquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframeArquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframe
 
Interatividade + TV
Interatividade + TVInteratividade + TV
Interatividade + TV
 
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
 
Design Livre e Cultura Colaborativa
Design Livre e Cultura ColaborativaDesign Livre e Cultura Colaborativa
Design Livre e Cultura Colaborativa
 
Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...
Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...
Crowd Sourcing: Usando as comunidades virtuais para gerar e discutir idéias d...
 
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
 
Linkosophy
LinkosophyLinkosophy
Linkosophy
 
Influência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultadosInfluência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultados
 
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
 
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeArquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
 

10 regras para comunicações na web

  • 1. O Dogma da Web 10 regras basicas para comunicações na web e quando quebra-las Eric Reiss 5’ EBAI 23 de Outubro de 2011 São Paulo, Brasil
  • 2. i·no·va·ção substantivo 1: a introdução de algo novo 2: uma nova idéia, método ou serviço
  • 3. bo·as prá·ti·cas Substantivo 1: Melhores maneiras de se fazer algo 2: Uma uma idéia, método ou dispositivo testado
  • 4. Três razões ruins para inovar Para diferenciar seu produto Para ser diferente Para satisfazer seu ego
  • 5.
  • 6.
  • 7.
  • 14. Existe apenas uma razão para inovar... para resolver um problema!
  • 15. Ciclo de vida da inovação Boas práticas Inovação Moda Boas práticas Tempo Inovação Hábito Invenção Fora de moda Evolução
  • 16. лучшая практика vs. инновация
  • 17.
  • 18. Pessoas Tecnologia Processos
  • 19. dog·ma substantivo 1: uma crença ou conjunto de crenças 2: doutrina ou grupo de doutrinas impostas por uma igreja
  • 20.
  • 21. O que os experts dizem “Links devem ser azuis e sublinhados” “Flash é 98% ruim” Textos não devem possuir mais do que 10 linhas”
  • 22.
  • 23.
  • 24. As perguntas: É possivel evitar moda em uma filosofia de design? A tecnologia sempre guia o design?
  • 25. O conceito Criar um grupo de boas práticas que transcende tanto a tecnologia como a moda.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. Qualquer coisa que existe apenas para satisfazer as politicas internas do dono de um site deve ser eliminada.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55. SE
  • 56.
  • 57. Qualquer coisa que existe apenas para satisfazer o ego do designer deve ser eliminada.
  • 58.
  • 59.
  • 60.
  • 61. Qualquer coisa que é irrelevante dentro do contexto da pagina deve ser eliminada.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66. 1. Qualquer aspecto ou técnica ’ que reduz a habilidade do visitante de navegar livremente, deve ser retrabalhado ou eliminado.
  • 67.
  • 68.
  • 69.
  • 70. Qualquer objeto interativo que força o visitante a adivinhar seu significado deve ser retrabalhado ou eliminado.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75. Nenhum software, além do próprio browser, deve ser necessário para que o site funcione corretamente.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80. Conteudo deve ser em primeiro lugar legivel, em segundo lugar imprimivel e em terceiro lugar baixavel.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85. Usabilidade nunca deve ser sacrificada para o bem de um guia de estilo.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93. Nenhum visitante deve ser forçado a registrar ou entregar informações pessoais, a não ser que o dono do site não tenha como completar um serviço ou transação sem que isso aconteça.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105. Quebre qualquer uma dessas regras antes de fazer algo que pareça insanamente barbárico.
  • 106. George Orwell Autor: A revolução dos bixos, “1984”
  • 108. Se nos não exigirmos melhores websites, nós nunca vamos consegui-los. Não apenas previna coisas ruins de acontecerem, vocês podem fazer ótimas coisas acontecerem.
  • 110.
  • 112. Eric Reiss pode (normalmente) ser encontrado em: The FatDUX Group ApS Strandøre 15 2100 Copenhagen Denmark Office: (+45) 39 29 67 77 Mobil: (+45) 20 12 88 44 Twitter: @elreiss info@fatdux.com www.fatdux.com