SlideShare a Scribd company logo
1 of 31
Designer

     VS.

PROGRAMADOR
Programador




              #bigoday

@leohackin
Designers




                           @tagliati
@lcquadros


              @wbotelhos
Palestrei sobre         Palestrei sobre
    gaymes                  desaini




            @leozamprogno S2 @coradini
Óié!   Blastoise   Blastoise
                      Ahan



       *_*
                     ~o~
pro designer




    pro
programador
Fótoshopi
 RULA!
Então na Giran é soh alegria,
  diversão, sorvete, cerveja,
 refrigerante para todos ???
É :)
Porque trabalhamos com
pessoas e nos respeitamos
  como PESSOAS, numa
  estrutura horizontal de
       hierarquia! :)
Designeres são pessoas

   Arveres não são
Como é a relação entre os
designers e programadores
  em algumas empresas
Porque existe esse abismo?

- cultura do “eu programo, vc faz a tela” -
- ferramentas que não promovem sinergia -
- webdsigners <> designers de interface -
   - analfabetismo de web semântica -
          - falta de experiência -
Os programadores tb tem culpa!

     - programadores inexperientes -
  - programador achando que é O CARA -
    - scripteiros <> desenvolvedores -
- não participação na construção do HTML -
      - falta de controles de versão -
Isso dá pra resolver tio?
Dá
O bixo tá
                 pegando

                        - prazo ultra curto
                        - informações mudando toda hora
                        - sem CMS pronto
                        - cliente final estressado!
@vitorlavagnoli         - uma penca de gente estressada!
  @agenciabits
CASE

                 #WIN :D
                    - planejamento ANTES de codar
                    - acompanhamento do HTML
                    - resolvemos parte a parte
                    - usabilidade discutida sempre
                    - limitações do CMS discutidas
@vitorlavagnoli
  @agenciabits
Tem que
           beber né?
                       - negócio MUITO dinâmico
                       - equipe de design remota
                       - ferramenta complexa
                       - produção frenética de peças
                       - tempo é dinheiro
@anselmo_wine
 www.wine.com.br
Yeah! $$$
                       - reuniões a cada nova tela
                       - critica de código HTML gerado
                       - revisão em conjunto
                       - planejamento da usabilidade
                       - refatoração de CSS/HTML
@anselmo_wine           contato constante entre
 www.wine.com.br
                       designers e programadores
Então qual o segredo pra vida
  pro universo e tudo mais?
                 O segredo
               é BDD e TDD
discutir sobre cada tela
ANTES de começar a
       programar
revisar cada tela
ANTES de começar a
   automatizalas
usar controles de versão
   git, svn, subversion
utilizar framerworks mvc
   separar a visualização (design)
da logica de negócio (programação)
não verticalizar a relação
programador x designer
Obrigado a todos
pela paciência! :)


  www.leohackin.com.br
   leohackin@gmail.com


    www.giran.com.br

More Related Content

What's hot

Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleRamon Bispo
 
Acabe com a concorrência usando event machine
Acabe com a concorrência usando event machineAcabe com a concorrência usando event machine
Acabe com a concorrência usando event machineLucas Prim
 
Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...
Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...
Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...Rodrigo Wanderley de Melo Cardoso
 
Lidando com Equipes de Desenvolvimento
Lidando com Equipes de DesenvolvimentoLidando com Equipes de Desenvolvimento
Lidando com Equipes de Desenvolvimento4Soft
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015Anyssa Ferreira
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignGustavo Zimmermann
 
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015Rangel Torrezan
 
Você não faz qualidade em Software - TDC Florianópolis 2020
Você não faz qualidade em Software - TDC Florianópolis 2020Você não faz qualidade em Software - TDC Florianópolis 2020
Você não faz qualidade em Software - TDC Florianópolis 2020Wagner Mendes Voltz Fusca
 
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012Rogerio Prado de Jesus
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
O uso de PWA e o futuro do desenvolvimento mobile com React Native e KotlinO uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
O uso de PWA e o futuro do desenvolvimento mobile com React Native e KotlinDavid Robert Camargo de Campos
 
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?tdc-globalcode
 
Programar != desenvolver software
Programar != desenvolver softwareProgramar != desenvolver software
Programar != desenvolver softwareElton Minetto
 
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...tdc-globalcode
 
Produtividade no back end - Frameworks PHP
Produtividade no back end - Frameworks PHPProdutividade no back end - Frameworks PHP
Produtividade no back end - Frameworks PHPVinicius Dias
 
Whataf*ck is Atomic design
Whataf*ck is Atomic designWhataf*ck is Atomic design
Whataf*ck is Atomic designFEMUG-CWB
 
DevFest 2019 - São João da Boa Vista - DevOps
DevFest 2019 - São João da Boa Vista - DevOpsDevFest 2019 - São João da Boa Vista - DevOps
DevFest 2019 - São João da Boa Vista - DevOpsFelipe Campos
 

What's hot (20)

Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para ele
 
Acabe com a concorrência usando event machine
Acabe com a concorrência usando event machineAcabe com a concorrência usando event machine
Acabe com a concorrência usando event machine
 
#Qualidade decodigo
#Qualidade decodigo#Qualidade decodigo
#Qualidade decodigo
 
Piadas de CSS e Javascript
Piadas de CSS e JavascriptPiadas de CSS e Javascript
Piadas de CSS e Javascript
 
Introdução ao kotlin
Introdução ao kotlinIntrodução ao kotlin
Introdução ao kotlin
 
Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...
Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...
Ecossistema php: O presente, o passado e o futuro da linguagem (back-end) mai...
 
Lidando com Equipes de Desenvolvimento
Lidando com Equipes de DesenvolvimentoLidando com Equipes de Desenvolvimento
Lidando com Equipes de Desenvolvimento
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
 
Palestra programacao
Palestra programacaoPalestra programacao
Palestra programacao
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
 
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
 
Você não faz qualidade em Software - TDC Florianópolis 2020
Você não faz qualidade em Software - TDC Florianópolis 2020Você não faz qualidade em Software - TDC Florianópolis 2020
Você não faz qualidade em Software - TDC Florianópolis 2020
 
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
O uso de PWA e o futuro do desenvolvimento mobile com React Native e KotlinO uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
 
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
 
Programar != desenvolver software
Programar != desenvolver softwareProgramar != desenvolver software
Programar != desenvolver software
 
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...
 
Produtividade no back end - Frameworks PHP
Produtividade no back end - Frameworks PHPProdutividade no back end - Frameworks PHP
Produtividade no back end - Frameworks PHP
 
Whataf*ck is Atomic design
Whataf*ck is Atomic designWhataf*ck is Atomic design
Whataf*ck is Atomic design
 
DevFest 2019 - São João da Boa Vista - DevOps
DevFest 2019 - São João da Boa Vista - DevOpsDevFest 2019 - São João da Boa Vista - DevOps
DevFest 2019 - São João da Boa Vista - DevOps
 

Similar to Designer vs programador

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
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Leandro Nunes
 
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisJavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisWilliam Oliveira
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better ProductsPedro Marques
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endDiego Eis
 
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da WebDesign Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da WebPedro Marques
 
Web development - Como criar a web
Web development  - Como criar a webWeb development  - Como criar a web
Web development - Como criar a webHerson Leite
 
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
 
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndReceita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndLeonardo Balter
 
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorksThoughtWorks Brasil
 
Introdução a Modelagem
Introdução a ModelagemIntrodução a Modelagem
Introdução a ModelagemRodrigo Branas
 
A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do Front endDouglas Matoso
 
O que há de incrível sobre o Flutter
O que há de incrível sobre o FlutterO que há de incrível sobre o Flutter
O que há de incrível sobre o FlutterWiliam Buzatto
 

Similar to Designer vs programador (20)

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
 
Produtividade
ProdutividadeProdutividade
Produtividade
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?
 
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisJavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better Products
 
RWTF?
RWTF?RWTF?
RWTF?
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-end
 
Zf campus party_2011
Zf campus party_2011Zf campus party_2011
Zf campus party_2011
 
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da WebDesign Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
 
Web development - Como criar a web
Web development  - Como criar a webWeb development  - Como criar a web
Web development - Como criar a web
 
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 ...
 
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndReceita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front End
 
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
 
Producao para web
Producao para webProducao para web
Producao para web
 
Métodos Ágeis
Métodos ÁgeisMétodos Ágeis
Métodos Ágeis
 
Métodos ágeis
Métodos ágeisMétodos ágeis
Métodos ágeis
 
A revolução do client side
A revolução do client sideA revolução do client side
A revolução do client side
 
Introdução a Modelagem
Introdução a ModelagemIntrodução a Modelagem
Introdução a Modelagem
 
A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do Front end
 
O que há de incrível sobre o Flutter
O que há de incrível sobre o FlutterO que há de incrível sobre o Flutter
O que há de incrível sobre o Flutter
 

More from Leonardo "Hackin" Freire

More from Leonardo "Hackin" Freire (9)

iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
 
A arte de_pomodorar
A arte de_pomodorarA arte de_pomodorar
A arte de_pomodorar
 
ZTD e POMODOROS
ZTD e POMODOROSZTD e POMODOROS
ZTD e POMODOROS
 
[RockAndRails] TDD com RSpec
[RockAndRails] TDD com RSpec[RockAndRails] TDD com RSpec
[RockAndRails] TDD com RSpec
 
Giran Sieges - Applescript com @leohackin
Giran Sieges - Applescript com @leohackinGiran Sieges - Applescript com @leohackin
Giran Sieges - Applescript com @leohackin
 
Hacking Twitter API [ Giran Siege ]
Hacking Twitter API [ Giran Siege ]Hacking Twitter API [ Giran Siege ]
Hacking Twitter API [ Giran Siege ]
 
Os desafios no uso de XP e SCRUM no dia-a-dia
Os desafios no uso de XP e SCRUM no dia-a-diaOs desafios no uso de XP e SCRUM no dia-a-dia
Os desafios no uso de XP e SCRUM no dia-a-dia
 
Iniciando com IphoneDev
Iniciando com IphoneDevIniciando com IphoneDev
Iniciando com IphoneDev
 
PHPZEIRO: Adote um framework
PHPZEIRO: Adote um frameworkPHPZEIRO: Adote um framework
PHPZEIRO: Adote um framework
 

Designer vs programador

  • 1. Designer VS. PROGRAMADOR
  • 2. Programador #bigoday @leohackin
  • 3. Designers @tagliati @lcquadros @wbotelhos
  • 4. Palestrei sobre Palestrei sobre gaymes desaini @leozamprogno S2 @coradini
  • 5. Óié! Blastoise Blastoise Ahan *_* ~o~
  • 6.
  • 7. pro designer pro programador
  • 9.
  • 10.
  • 11. Então na Giran é soh alegria, diversão, sorvete, cerveja, refrigerante para todos ???
  • 12. É :)
  • 13. Porque trabalhamos com pessoas e nos respeitamos como PESSOAS, numa estrutura horizontal de hierarquia! :)
  • 14. Designeres são pessoas Arveres não são
  • 15. Como é a relação entre os designers e programadores em algumas empresas
  • 16.
  • 17. Porque existe esse abismo? - cultura do “eu programo, vc faz a tela” - - ferramentas que não promovem sinergia - - webdsigners <> designers de interface - - analfabetismo de web semântica - - falta de experiência -
  • 18. Os programadores tb tem culpa! - programadores inexperientes - - programador achando que é O CARA - - scripteiros <> desenvolvedores - - não participação na construção do HTML - - falta de controles de versão -
  • 19. Isso dá pra resolver tio?
  • 20.
  • 21. O bixo tá pegando - prazo ultra curto - informações mudando toda hora - sem CMS pronto - cliente final estressado! @vitorlavagnoli - uma penca de gente estressada! @agenciabits
  • 22. CASE #WIN :D - planejamento ANTES de codar - acompanhamento do HTML - resolvemos parte a parte - usabilidade discutida sempre - limitações do CMS discutidas @vitorlavagnoli @agenciabits
  • 23. Tem que beber né? - negócio MUITO dinâmico - equipe de design remota - ferramenta complexa - produção frenética de peças - tempo é dinheiro @anselmo_wine www.wine.com.br
  • 24. Yeah! $$$ - reuniões a cada nova tela - critica de código HTML gerado - revisão em conjunto - planejamento da usabilidade - refatoração de CSS/HTML @anselmo_wine contato constante entre www.wine.com.br designers e programadores
  • 25. Então qual o segredo pra vida pro universo e tudo mais? O segredo é BDD e TDD
  • 26. discutir sobre cada tela ANTES de começar a programar
  • 27. revisar cada tela ANTES de começar a automatizalas
  • 28. usar controles de versão git, svn, subversion
  • 29. utilizar framerworks mvc separar a visualização (design) da logica de negócio (programação)
  • 30. não verticalizar a relação programador x designer
  • 31. Obrigado a todos pela paciência! :) www.leohackin.com.br leohackin@gmail.com www.giran.com.br