Front — end, para Designer?
Errado! Tech, para Designers!
“Um UX UI Designer pode ser alienado de tudo — menos de tecnologia.”
Luca Lima
Bom, acredito que front-end é importante para poder comunicar os Design Tokens para os desenvolvedores, porém não chega nem perto de ser o suficiente em questão de saber adequar a funcionalidade do negócio a limitação técnica do time.
O que eu vejo na prática como algo excencial para adequar o design a engenharia é o conhecimento full stack. Claro, não o conhecimento prático de ir lá e codar o aplicativo sozinho mas entender desde o Hardware até o hover do botão no produto final e como isso é executado na web.
Como entender tudo isso?
Quando falamos de UX UI design, estamos falando de arquitetura e engenharia de software.
E indo mais a fundo, oque é arquitetura e engenharia no geral? Em resumo, o arquiteto tem uma visão mais ampla e conceitual do projeto já o engenheiro tem o conhecimento mais específico (material e pragmático). Em quanto o arquiteto está criando um projeto tentando passar o conceito que o prédio representa, o arquiteto está pensando em qual disposição as colunas devem ter pra manter a estrutura em pé.
Voltando ao Designer e os Devs, Não há pilula mágica, é necessário conhecer a nossa materia prima, que no caso do mundo digital é a ciência da computação.
Meu forte é desenvolver sistemas, métodos, processos etc…
Para fazer isso eu estudo uma área do conhecimento inteiro, descubro seus elementos, princípio, fundamentos, etc…- que por incrível que pareca, algumas áreas nem possuem essa clarez no que consiste o escopo da área — e daí, desenvolvo o sistema.
No caso do desenvolvimento, já existe algo maravilhoso chamado ROADMAP!.
Definição de RoadMap.
É um Guia passo a passo para se tornar um desenvolvedor full stack.
Agora traduzindo isso para o Designer, qual seria o adequado em questão do conhecimento do absolutamente necessário pra poder se comunicar e se linhar com o desenvolvedor? A resposta pra isso é o que apresento a seguir:
INTERNET
HARDWARE
FRONT-END
BACK END
BANCO DE DADOS
API
TECNOLOGIAS EMERGENTES
INTERNET
A Internet é uma gigantesca rede de computadores que se comunicam juntos.
É um protocolo de comunicação que divide uma informação em diferentes pacotes e os encaminha aos computadores que estão solicitando esses dados através do acesso dos domínios.
Usuário — Browser — Servidor
HARDWARE
Basicamente Entradas e Saídas, memória e processamento.
FRONT-END
Pressione o atalho Ctrl + U, e verás a matrix.
Front-en é basicamente composto por: Html, CSS & JS.
Html é a marcação.
CSS é a estilização
Javascript, a dinâmica e interação.
BACK END
Esse é o funcionamento interno do programa, as suas engrenagens. Alguns de seus princípios são, estrutura de dados e a lógica de programação — o algorítimo
.
BANCO DE DADOS
A informação ficam em algum lugar. Esse é o Banco de Dados, ele é basicamente similar a uma planilha. Possuí seu título, colunas, e suas linhas.
Para manipulá-lo é importante saber pelo menos o CRUD…
C — Creat/ Criar
R — Read/ Ler
U — Update/ Atualizar
D — Delete/ Deletar
API
Esse é um conceito chave para constraints.
Uma API (Application Programming Interface) é uma interface de programação de aplicativos usada no desenvolvimento web e de software. Permite que diferentes aplicativos interajam por meio de solicitações e compartilhem dados de forma segura e eficiente.
Elas servem para que diferentes aplicações interajam entre si.
Assim você não precisa criar tudo do zero. Se você precisa de uma mapa, de um chatbot, um vídeo player, já existe APIs para implementar sem precisar criá-los.
Aqui ainda chamo atenção para Plugins e extensões.
TECNOLOGIAS EMERGENTES
Aqui temos a crista da onda, a vanguarda, são as tecnologias que estão surgindo (ou pelo menos começaram a ser reveladas para nós).
A lista é grande mas destaco algumas:
- IA (Inteligência artificial).
- IoT (Internet das coisas).
- Cloud (Tecnologia de acesso remoto de dados).
- AR/VR (Realidade aumentada e Realidade virtual).
Conclusão,
Como apresentado na introdução, não há como desenhar, projetar, arquitetar, sem o conhecimento da área cuja solução irá ser implementada, e o próprio processo de estudo de caso já prevê sanar esse Gap, durante a fase de pesquisa.
Não precisamos saber tudo e a fundo para ser um designer, uma visão 360º para que a comunicação com os demais integrantes do time, já é o suficiente.
Porém, quanto mais souber melhor — diga-se de passagem…
