Descubra a diferença entre design de UI e design de UX

Dois conceitos muito em moda, mas que se confundem. Saiba as diferenças e a relação entre ambos.

Retrato de Enrique Iturriaga Enrique Iturriaga Jacksonville Seguidores: 65

Opini√Ķes:
0
Votos:
5
Compartir:
Ilustração principal do artigo Descubra a diferença entre design de UI e design de UX

Pergunte a 10 designers a diferença entre design de UI e design UX. Muito provavelmente teremos 10 respostas muito particulares. O mundo da tecnologia é tão volátil que constantemente nos vemos na necessidade de entender suas variadas vertentes. Vamos, pois, tentar compreender esses dois conceitos.

o que √© design UI‚Äč

‚ÄúUI‚ÄĚ vem do ingl√™s ‚Äúuser interface‚ÄĚ: interface de usu√°rio. Refere-se aos elementos pelos quais o usu√°rio interage com o produto. Podemos tomar como interface de produto desde uma simples ma√ßaneta de porta at√© uma tela inicial de uma aplica√ß√£o. Quando usamos um app interagimos com um produto. Pense no Spotify ou no Uber. Para navegar nestas aplica√ß√Ķes pressionamos bot√Ķes, usamos menus de navega√ß√£o, etc. O designer de UI √© o encarregado de definir o aspecto dessas aplica√ß√Ķes.

Pensando em UI de modo mais flexível, no mundo físico, podemos dizer que UI é a comunicação (relacionada especificamente com o uso) que se estabelece entre o produto e o usuário. Um exemplo pouco usual de Interface de Usuário pode ser uma simples tesoura. Você já segurou uma tesoura de forma incorreta? Como sabemos qual a forma correta de usá-la? Qual a capacidade que o produto tem em nos fazer saber que o estamos usando de forma incorreta? Através do tato e da visão. Se colocarmos o polegar no lado errado da tesoura teremos uma sensação bem diferente de quando o fizermos no lado certo. Desse modo, quem projetou a tesoura nos comunica qual a forma correta de usá-la.

‚ÄúOnde vai o polegar?‚ÄĚ

O que é UX?

Sempre que interagimos com um produto atrav√©s de sua interface de usu√°rio (UI), diversas rea√ß√Ķes acontecem. E tais rea√ß√Ķes nos levam a julgar o produto de uma determinada forma; n√£o s√£o objetivas, tampouco, tang√≠veis. √Č exatamente a isso a que se dedica o design de UX: a planejar a experi√™ncia do usu√°rio (express√£o que explica a sigla, que vem do ingl√™s ‚Äúuser experience‚ÄĚ).

Ressalte-se: o trabalho do designer de UX n√£o √© criar a experi√™ncia. A experi√™ncia do usu√°rio n√£o √© algo que se crie; ela acontece, queiramos ou n√£o. Para o designer UX resta melhor√°-la, aperfei√ßo√°-la, j√° que a experi√™ncia, como fen√īmeno subjetivo e amb√≠guo que √©, depende de diversas vari√°veis. Os designers UX usam de ferramentas e m√©todos para poder entender e melhorar essa experi√™ncia de maneira objetiva. Todas as suas decis√Ķes devem ser fundamentadas e se apoiar algum tipo de valida√ß√£o.

Entre as tarefas do designer UX, destacamos as seguintes: investigar, identificar problemas, criar solu√ß√Ķes, desenvolver essas solu√ß√Ķes atrav√©s de testes de usabilidade e estudar constantemente como se pode aperfei√ßoar o produto. √Č um trabalho que n√£o termina nunca. T√£o logo se consiga a solu√ß√£o para determinado problema, o processo recome√ßa.

 

Pode-se explicar a diferença entre UI e UX com um exemplo menos convencional: uma banana. O design UI e o design UX de uma banana são excelentes. Vamos observá-los mais de perto, colocando-nos no lugar do usuário da banana. Vamos chamar esse usuário de Andrés Norman.

São 7.04h da manhã quando Andrés se levanta da cama e se dá conta que acabou a bateria do despertador. Ele tem o hábito de acordar às 6.30h. Porque precisa chegar ao trabalho às 7.30h, gosta da idéia de ter algum tempo para se arrumar com calma antes de ir trabalhar. Ao perceber que seu despertador não funcionou André se levanta da cama em um sobressalto e se coloca nas roupas do trabalho o mais rápido possível. Tem 20 minutos para estar no trabalho. Logo, em um dia como hoje, arrumar-se calmamente não será possível. Com escassos 20 minutos, Andrés corre à cozinha para agarrar algo que possa comer enquanto voa para o trabalho. Na despensa tem uma manga, uma banana, cereal e aveia. Sem pensar duas vezes pega a banana e sai apressado para o trabalho.

Fosse você no lugar de Andrés o que pegaria? Muito provavelmente a maioria de nós faria o mesmo que nosso personagem e pegaria a banana.

O design UI/UX de uma banana

‚ÄúA forma e o tamanho da banana faz com que seja f√°cil peg√°-la com apenas uma m√£o e comer-la sem nos sujar. / Tente colocar uma manga ou uma pinha no bolso. / A casca (o "pacote") √© feita √°ra preservar o produto. T√£o logo consumimos o produto podemos descartar a casca em qualquer lugar, j√° que √© eco-friendly; n√£o √© necess√°rio para o nosso usu√°rio mudar de caminho a procura de uma lata de lixo.‚ÄĚ1

Como o ‚Äúdesigner da banana‚ÄĚ fez para se comunicar conosco?

"UI é comunicação entre o produto e o usuário."

Para comunicar ao consumidor quando se pode comer a banana, o designer UI fez com que a interface mude de cor a partir de um determinado estado do produto. Se a banana estiver verde, precisará de mais tempo de maturação. Caso esteja amarela, poderemos comê-la. Se estiver marrom, ela estará passada e deverá ser descartada.2 Agora, vejamos o aconteceria com um usuário (chamemos Raul) que sofre de daltonismo e não consegue distinguir entre as cores verde e marrom. Como Raul saberia quando uma banana está apta para ser comida? Quando Raul quiser saber se uma banana está madura, usará o tato para verificar-lhe a consistência.

UX √© sobre o usu√°rio. O designer de UX faz todo o poss√≠vel para que qualquer usu√°rio, n√£o importando suas limita√ß√Ķes, possa utilizar o produto e ter uma experi√™ncia favor√°vel. A experi√™ncia do usu√°rio de uma banana √©, em geral, favor√°vel. Andr√©s n√£o escolheu a banana porque gostava menos da manga ou de aveia. A banana era-lhe o mais f√°cil a ser consumida e a ‚Äúexperi√™ncia do usu√°rio‚ÄĚ se lhe adaptava melhor √† situa√ß√£o em que se encontrava. A banana cabia-lhe no bolso, n√£o necessitava de, digamos, um prato para comer e ele n√£o precisaria limpar as m√£os ao terminar de com√™-la, al√©m de ser suficientemente grande para saciar seu apetite.

UX e UI: duas disciplinas que trabalham juntas, com processos e ferramentas diferentes

Como disse anteriormente, o design de UI e o design UX est√£o muito relacionados entre si. S√£o disciplinas que dependem enormemente uma da outra. Por isso que muito dos n√≥s, designers, nos identificamos como ‚Äúdesigner UI/UX‚ÄĚ, apesar de muitas vezes focarmos em apenas uma dessas √°reas; √°reas tais que requerem processos e qualidades diferentes, ainda que ambas tenham algo em comum: o usu√°rio. A chave para criar excelentes interfaces e experi√™ncias √© trabalhar em conjunto e sempre colocar o usu√°rio e sua experi√™ncia como prioridades.

Retrato de Enrique Iturriaga Enrique Iturriaga Jacksonville Seguidores: 65

Tradu√ß√£oPerson Ara√ļjo Bom Jesus Da Lapa Seguidores: 0

Opini√Ķes:
0
Votos:
5
Compartir:

Colabore com a difus√£o deste artigo traduzindo-o

Traduzir ao inglês Traduzir ao intaliano
  1. Nota¬†do tradutor: Eu n√£o descarataria as quest√Ķes de asseio e higiene.
  2. Nota do tradutor: Às vezes, mesmo com uma casca marrom, a banana mantém uma textura perfeitamente comestível; e mais: a casca neste particular estado não impede que a fruta seja comsumida em doces ou vitaminas, por exemplo.
Código QR para acesso ao artigo Descubra a diferença entre design de UI e design de UX

Este artigo não expressa a opinião dos editores e responsáveis de FOROALFA, os quais não assumem qualquer responsabilidade pela sua autoria e natureza. Para reproduzi-lo, a não ser que esteja expressamente indicado, por favor solicitar autorização do autor. Dada a gratuidade deste site e a condição hiper-textual do meio, agradecemos que evite a reprodução total noutros Web sites. Publicado em 12/12/2018

Descargar como PDF

Debate

Logotipo de
Minha opini√£o:

Ingresse com sua conta para opinar neste artigo. Se não a tem, crê sua conta grátis agora.

Lhe poderiam interessar

Retrato de Luciano Cassisi
Autor:
Luciano Cassisi
Título:
Menos é menos, mais é mais
Resumo:
Est√° na hora de aposentar o quase centen√°rio lema ¬ęmenos √© mais¬Ľ.
Tradu√ß√Ķes:
Compartilhar:
Intera√ß√Ķes:
Votos:
21
Opini√Ķes:
2
Seguidores:
1429
Ilustração principal do artigo O design como instrumento de transformação cultural
Autor:
Valpirio Monteiro
Título:
O design como instrumento de transformação cultural
Resumo:
Arte e design tèm mudanças e con suas mudanças ampliam a cultura e nossa percepción do mundo.
Compartilhar:
Intera√ß√Ķes:
Votos:
24
Opini√Ķes:
8
Seguidores:
3