ux, front-end e back-end... na verdade, não é cada um na sua
Post on 22-Apr-2015
725 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related