O Que é UX/UI Design e Por Que É Importante para Desenvolvedores
Published: 2024-06-27 21:12:12

A digitalização dentro das empresas e órgãos públicos vem aumentando e se tornando um processo irreversível, cada vez mais presente no nosso cotidiano. Desde o app que utilizamos para pedir uma refeição ao uso do app do banco que utilizamos para efetuar um pagamento.  Com essa mudança de paradigma surgem novas oportunidades e novas áreas, como: UI e UX Design.
Apesar dos seus conceitos e aplicabilidade serem utilizados anteriormente em diversas indústrias, os mesmos não estavam devidamente inseridos no processo de desenvolvimento de um novo produto digital.

Neste artigo, falaremos sobre o que é UI e UX e a importância dos desenvolvedores fazerem parte desse processo.

O que é UX? 

UX (user experience em inglês) significa “experiência do usuário”. É o conceito de toda a experiência do usuário ao interagir com o produto, visando além de uma boa aparência, também  funcionalidade, adaptabilidade ao produto, pelas emoções e experiências sensoriais que o design provoca no usuário. O Macintosh da Apple pode ser considerado um dos primeiros grandes casos de sucesso na área de UX. A ideia de usar “janelas” no lugar de linhas de comando já existia, entretanto não era amplamente usada, mas a equipe da Apple foi responsável por ter tornado a interface gráfica amplamente disponível. Ao realizar isso mostraram que a experiência do usuário não se trata apenas de conseguir fazer determinada coisa, mas sim como aquilo é feito e da satisfação do usuário no processo.

O que é UI? 

UI (user interface em inglês) significa “interface do usuário”. É o conceito de toda a interface gráfica exibida ao usuário durante a utilização do produto, como:  o processo de definição de cores, imagens, fontes dentre outros. Todos esses itens são  essenciais para criar algo visualmente bonito. A interface precisa estar agradável para prover ao usuário uma boa experiência, para isso esses itens abaixo precisam estar bem alinhados:

- Organização de elementos da interface.
- Utilização de ícones, textos, animações que já deixem claro ao usuário do que se trata.
- Construção de botões, menus e outros componentes que facilitam o uso da funcionalidade.
- Familiaridade entre as telas e componentes ajudam o usuário na adaptabilidade e entendimento da funcionalidade.

Essa imagem exemplifica bem a definição e diferença de UI e UX : 

![Definição e Diferença entre UI e UX](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/meb4e0u1ru6fpxap1zt4.png)

Por Que É Importante para Desenvolvedores ?

Durante todo esse processo é essencial que os desenvolvedores estejam presentes, pois investir em UX e UI desde o início do processo do desenvolvimento irá resultar em economia de tempo e recursos a longo prazo. Definições claras de design e componentes reutilizáveis irão acelerar o desenvolvimento e a adaptabilidade do usuário ao produto,  o foco na experiência do usuário durante o desenvolvimento reduz a necessidade de retrabalhos e ajustes posteriores. O foco no cliente e a integração de UI , UX com o time de desenvolvimento é uma necessidade fundamental para o sucesso do produto.
Algumas formas do desenvolvedor contribuir nesse processo é participando das fases de upstream e downstream junto do time de UI e UX, agregando com insights e melhorias de fluxos valiosos e pontuando possíveis limitações técnicas que possam surgir durante desenvolvimento,  a participação nesses momentos também contribui para que o desenvolvedor saiba e entenda a necessidade do usuário e como o que irá ser desenvolvido agregará valor.