DEV Community

Pedro Dos Santos
Pedro Dos Santos

Posted on

O Que é UX/UI Design e Por Que É Importante para Desenvolvedores

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

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.

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay