Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Automatização no desenvolvimento de interfaces web

fernahh
March 27, 2018

Automatização no desenvolvimento de interfaces web

Desde o princípio temos ferramentas populares no mercado que geram código para interfaces de produtos web, porém, sabemos que na realidade a presença humana ainda é necessária para manter um nível de excelência nas interações. Nessa palestra vamos ver como times multidisciplinares estão se organizando, quais ferramentas são utilizadas para entregar valor em um tempo menor sem perder qualidade e como o Machine Learning promete revolucionar o design em código.

fernahh

March 27, 2018
Tweet

More Decks by fernahh

Other Decks in Design

Transcript

  1. No dia-a-dia, criar protótipos ainda é um processo manual, repetitivo

    e caro no desenvolvimento de produtos. Realidade
  2. O que veremos nessa palestra • como buscamos diminuir trabalhos

    manuais na ContaAzul; • como novas tecnologias irão nos ajudar no futuro com o desenvolvimento de protótipos.
  3. • designers que saibam HTML, CSS e JavaScript; • front-ends

    que conheçam o básico para construir um serviço RESTful; • back-ends que saibam JavaScript. Pessoas multidisci- plinares
  4. No final, todo artefato gerado pelo design na etapa de

    discovery se torna inútil. Resultado
  5. Tinha como papel a concepção de uma interface até o

    desenvolvimento com HTML, CSS e JavaScript. Web Designer Implement. Backlog Discovery Entrega
  6. A maioria das linguagens server-side possuem template engines. O objetivo?

    Diminuir a fricção com front-end. Linguagens server-side Implement. Backlog Discovery Entrega
  7. Tem como objetivo eliminar a etapa de desenvolvimento front-end. Muitas

    vezes são usadas para testar uma ideia. Geradores de código Discovery Entrega Backlog Implement.
  8. Podem agilizar a etapa de front-end e eliminar a etapa

    de discovery de design. Templates Implement. Backlog Entrega
  9. • comunicação em tempo real ficou fácil de ser implementada;

    • cache e armazenamento de dados permitem entregar uma experiência mais próxima de apps nativos; Web APIs
  10. • comunicação em tempo real ficou fácil de ser implementada;

    • cache e armazenamento de dados permitem entregar uma experiência mais próxima de apps nativos; • multimídia se tornou uma realidade, tanto entrada como saída. Web APIs
  11. Web Designer • possui foco em layout. • pouco conhecimento

    sobre otimização de recursos. • Nenhum conhecimento sobre back-end
  12. Web Designer • possui foco em layout. • pouco conhecimento

    sobre otimização de recursos. • Nenhum conhecimento sobre back-end Linguagens server-side • O padrão RESTful tomou conta do mercado. • Novas linguagens nem cogitam recurso de templates (ex: Go)
  13. Web Designer • possui foco em layout. • pouco conhecimento

    sobre otimização de recursos. • Nenhum conhecimento sobre back-end Linguagens server-side • O padrão RESTful tomou conta do mercado. • Novas linguagens nem cogitam recurso de templates (ex: Go) Geradores de código • Não escalada. • Difícil de aplicar otimizações para dispositivos móveis.
  14. Web Designer • possui foco em layout. • pouco conhecimento

    sobre otimização de recursos. • Nenhum conhecimento sobre back-end Linguagens server-side • O padrão RESTful tomou conta do mercado. • Novas linguagens nem cogitam recurso de templates (ex: Go) Geradores de código • Não escalada. • Difícil de aplicar otimizações para dispositivos móveis. Templates • Difícil de escalar e personalizar. • Apesar de eliminar a etapa de design, precisa de uma etapa de pesquisa.
  15. A navegação dos testes nos protótipos é feita com imagens

    png ou jpg. A experiência não é realista. Fidelidade Baixa
  16. “Nós desenvolvemos uma teoria de trabalho onde algoritmos de machine

    learning podem classificar um grupo complexo de centenas de símbolos feitos a mão… Benjamin Wilkins - Airbnb
  17. ...com um alto grau de precisão, então eles devem estar

    habilitados a classificar os 150 componentes no nosso sistema e ensinar uma máquina a reconhecê-los.” Benjamin Wilkins - Airbnb
  18. “O deep learning vai mudar desenvolvimento front-end e irá aumentar

    a velocidade de prototipagem.” Emil Wallner
  19. ...no entanto, podemos usar algoritmos de deep learning para começar

    a explorar a automação do desenvolvimento front-end.” Emil Wallner https://medium.freecodecamp.org/how-you-can-train-an-ai-to-c onvert-your-design-mockups-into-html-and-css-cc7afd82fed4
  20. Esse tipo de tecnologia irá nos permitir investir no verdadeiro

    potencial do ser humano: a criatividade.