Back-end, UX e Front-end Na verdade, não é cada um na sua…

DIEGO EIS

@diegoeis @tableless !

!

!

tableless.com.br slideshare.net/diegoeis

"Uma das razões de haver uma

execução pobre no design é que

os times de UX precisam

aprender mais que apenas design.

Eles precisam aprender mais

desenvolvimento front-end."http://www.uxmatters.com/mt/archives/2012/04/great-user-

experiences-require-great-front-end-development.php

“Ter apenas um

desenvolvedor front-end em

um time que só há

desenvolvedores back-end, é

uma receita para o desastre."

bit.ly/18MX8cgDon Roby no StackOverflow

O FLUXO

Geralmente os fluxos são lineares.

Principalmente quando se trata de websites ou projetos pequenos.

!Com a adoção dos padrões web, esse fluxo pode ficar paralelo, o que é

ótimo para ganhar velocidade.

O FLUXO PODE SER LINEAR OU PARALELO

wireframe protótipo

design

front-end

back-end

wireframe protótipo

design front-end back-end

O FLUXO QUEBRADO

UX PSD back-end

UX back-endfront-end

UX back-endfront-end

ENTREGAS

Especificações em wireframes, ensinando como as coisas irão funcionar, suas variações e possíveis cenários.

O QUE O UX ENTREGA?

Aí depende de como a equipe é montada em relação ao time de back-end. Mas ele pode entregar desde arquivos estáticos, prontos para serem implementados pelo back-end. Ou ele pode consumir uma API e entregar as coisas todas funcionando.

O QUE O FRONT ENTREGA?

Ele entrega o ambiente pronto com o sistema totalmente funcional ou uma API completa para o front-end consumir. Mas uma coisa é certa, o Back-end é responsável por manter a “máquina" funcionando.

O QUE O BACK ENTREGA?

O QUE É O QUE É?

Backbone, por exemplo, não é uma linguagem server-side, mas trabalhamos com ela no back-end.

SE UM PROGRAMADOR MEXE COM BACKBONE, ELE É BACK OU FRONT?

Server = Lado do Servidor Client = Lado do Cliente !Back = Bastidor que faz funcionar Front = O que o usuário vê

CADA COISA É UMA COISA

O dev front-end une as pontas.

O QUE SÃO OS DEVS FRONT-END?

Programadores back-end acham que é coisa de design. Designers acham que é programação.

FRONT-END É DESIGN OU PROGRAMAÇÃO

Um zela pela experiência e design. O outro pela técnica e lógica.

FRONT-END DESIGNER FRONT-END PROGRAMADOR

ux / ai back-endfront-end

É aquele cara que vai prezar pela

fidelidade do layout e vai pensar

junto com o UX quais

experiências, transições e etc o

usuário vai ver.

FRONT-END PROGRAMADOR

É aquele front-end que manja muito de

programação, mas não é programador.

Ele conhece pelo menos uma

linguagem de programação e manja dos

truques da área de back-end.

FRONT-END DESIGNER

Moscas brancas no mercado. São os caras que fazem um bom design, escrevem ótimo código front-end e manja muito de back-end. !Eu conheço dois desses caras, mas um está na Holanda e outro está indo para o Canadá. :-\

FULL-STACK

Organização e hierarquia de informação (HTML semântico). Comportamentos e interações que ajudam em fluxos e navegação.

O QUE O FRONT-END APRENDE COM UX?

Lógica de programação. Automação de tarefas. Estruturação de dados.

O QUE O FRONT-END APRENDE COM BACK-END?

Criamos um framework onde o UX produz design e requisições de uso e o back-end é cliente desse framework, chegando a fazer telas inteiras sozinhos usando apenas os elementos do framework.

COMO TRABALHAMOS NA LOCAWEB?

Não é só o front-end que mantém, mas o UX precisa se envolver porque é de lá que os designs sairão. O back-end precisa se envolver porque eles podem sofrer com a documentação ou falta de módulos.

MANTER UM FRAMEWORK É UM TRABALHO DE TODOS

Não existe tarefa para front, ou tarefa para ux, ou tarefa para back-end. Existe a tarefa e essa tarefa é compartilhada. Pensar assim evita gargálos. Evita o leva e traz de tarefas.

NA VERDADE, NÃO É CADA UM NA SUA

Todo mundo se cruza no HTML. Por isso eu sou a favor de designers e programadores back-end aprenderem HTML.

HTML É O LUGAR COMUM

Amplexos! Perguntas?

@diegoeis @tableless !

tableless.com.br !A PALESTRA FICA AQUI: slideshare.net/diegoeis