Nunca se chame de UI Designer: UI é UX

Publicados: 2022-03-11

UI e UX são dois termos de design muito comuns; no entanto, esses termos geralmente são jogados no contexto errado.

Enquanto isso, cargos tradicionais como “designer de site” e “designer de aplicativo” são muito menos comuns hoje em dia, apesar de serem descrições perfeitas dos serviços de design que um designer pode oferecer. Do que se trata esse fascínio pela palavra “UI” ? E por que alguns designers se autodenominam “designers de interface do usuário” ou “designers de UX/UI”?

A interface do usuário não faz parte do UX?

Por que “UI” se tornou uma palavra da moda?

UX x IU

Nós, como designers (e como seres humanos), somos obcecados com a aparência das coisas. Sabemos que é "o que está por dentro que conta", mas ainda desfilamos na frente do espelho todas as manhãs, tentando parecer legais para os estranhos aleatórios que nunca mais veremos.

O design da interface do usuário não é diferente. Queremos que nossas interfaces de usuário sejam esteticamente agradáveis ​​e, admitindo ou não, gostamos que nosso trabalho seja admirado e validado. Como as coisas que são visualmente atraentes chamam mais a atenção, isso pode levar alguns designers a dedicar mais tempo à aparência de uma interface, em vez de como ela funciona. A principal diferença entre UI e UX é que a UI é como ela se parece , e a UX é como ela funciona .

Por definição do Nielsen Norman Group, “'Experiência do usuário' abrange todos os aspectos da interação do usuário final com a empresa, seus serviços e seus produtos”.

Chamar a si mesmo de designer de interface do usuário é praticamente o mesmo que dizer: “Estou mais focado na aparência”. Na realidade, a interface do usuário é apenas uma contribuição para a experiência do usuário. Existem muitos outros fatores além da interface do usuário que contribuem para a experiência geral do usuário.

Para nomear alguns:

  • O fluxo do usuário ajuda o usuário a atingir seu objetivo rapidamente?
  • Qualquer usuário, independentemente da idade ou capacidade física, pode acessar a interface do usuário?
  • A usabilidade é boa o suficiente para que o usuário possa usar o site facilmente?
  • As decisões de design estão sendo orientadas por dados sólidos e pesquisas de usuários?
  • O aplicativo é intuitivo o suficiente para adivinhar o que o usuário deseja?

O design visual ainda importa. As cores ainda importam, a marca ainda importa e como a interface do usuário se anima quando o usuário interage com ela ainda importa, mas quando começamos a tomar decisões de design com base na aparência de algo, não estamos mais projetando para os usuários .

Na verdade, nem estamos projetando. Estamos fazendo arte.

uma imagem comparando ui vs. ux
Experiência do usuário versus interface do usuário. (Ilustração de Shane Rounce)

Como regra, a interface do usuário é como você interage com um produto (por exemplo, cliques, toques e interações de voz) e o UX é a opinião/emoção resultante sentida pelo usuário (por exemplo, é rápido/lento, intuitivo/confuso e /ou faz o usuário se sentir feliz/frustrado).

Por que você não deve “design para curtidas”

As redes sociais são viciantes. Por que é viciante é uma outra história – linha de fundo, é. As pessoas compartilham coisas nas redes sociais por “curtidas” porque, em suma, ativa o sistema de recompensa em nosso cérebro. Buscamos a validação dos outros na forma de curtidas e seguidores tanto quanto buscamos sexo ou comida – é bom e, à medida que o sentimento começa a desaparecer, rapidamente o procuramos novamente para satisfazer nossos desejos. A pessoa média gasta quase duas horas por dia nas mídias sociais.

Digite Dribbble, ou melhor, o que é conhecido como “efeito Dribbble”.

O Dribbble começou como um site de “mostrar e contar” para designers, mas rapidamente se tornou conhecido como uma maneira de mostrar o trabalho de design para curtidas em vez de feedback construtivo. Isso levou os designers a enviar trabalhos especificamente para curtidas, e essa moda não terminou aí.

Como acontece com todos os vícios, os designers começaram a encontrar mais maneiras de alimentá-lo, incluindo criar clientes falsos e conceitos de aplicativos apenas para ter algo que os Dribbblers pudessem “gostar”.

Assine o blog de design Toptal e receba nosso eBook

O que há de errado com isso?

Design é sobre resolver problemas que os usuários enfrentam. Se não estamos projetando com um usuário em mente, não há problema a ser resolvido. Se não houver problema , estamos apenas visualizando UIs por causa disso. Não apenas acabaremos com algo impraticável, mas projetar para ideais imaginários não nos ajudará a melhorar como designer.

Vamos dar uma olhada em alguns desastres de design no Dribbble.

Mesmo que este primeiro exemplo não forme um brief/cliente de design real, e o plano de fundo over-the-top de certa forma tire o design em si, o que torna isso ainda mais irreal é que os elementos visuais se estendem além da janela de visualização, como um tipo de efeito de parede “quebrando a quarta”. Embora o design pretenda ser “bonito”, não é um design que funcione .

tendências de design versus design significativo
Neste exemplo, o design sacrifica significado e valor por visuais impraticáveis.


projetando para usuários reais com dispositivos reais
Neste exemplo, a interface do usuário foi projetada para um dispositivo que nem existe.


uma interface do usuário 3d do futuro
Este exemplo parece impressionante como uma obra de arte, mas atualmente nenhum dispositivo nos permite visualizar UIs dessa maneira.


um design de site lindamente apresentado
Este exemplo é muito melhor, pois mostra um design real e viável sem os sinos e assobios.

De onde vem essa obsessão com design visual?

Projetar para curtidas é muitas vezes derivado de um amor por uma tendência de design específica que se tornou popular; por exemplo, o uso de design plano e minimalismo pela Apple que efetivamente viu o fim do skeuomorphism. Embora, é claro, não haja nada de errado com nenhuma dessas estéticas visuais, projetar algo puramente para implementar uma tendência beira a descrição do trabalho de um artista, não de um designer, e certamente não abrange UX.

Em vez disso, em primeiro lugar, os designers de UX devem procurar como melhorar as experiências do usuário e, se uma tendência de design visual preencher esse vazio, então e só então devemos usá-la.

Como mencionado anteriormente, coletar “curtidas” ativa o sistema de recompensa em nosso cérebro. Mais precisamente, as recompensas aumentam o nível de dopamina em nosso corpo, e a dopamina atua como um neurotransmissor, enviando uma mensagem ao cérebro quando nos recompensamos. O cérebro, imensamente agradecido, nos faz sentir bem como recompensa por nossas ações.

Isso faz com que “designers” preguiçosos evitem projetar para usuários e, em vez disso, implementem tendências que resultarão em um alto número de curtidas. Isso causa equívocos sobre o que o design realmente é, o que faz com que os clientes pensem o mesmo. Este é um grande desserviço para a indústria de design de UX e colegas designers de UX que desejam projetar os melhores produtos.

Princípios de Design de UX

É impossível explicar os muitos conceitos de UX de uma só vez, mas aqui estão os fatores fundamentais que contribuem para uma experiência de usuário eficaz, em poucas palavras:

  • Velocidade
    • O aplicativo ou site está lento (ou parece lento)?
    • O usuário é obrigado a clicar/rolar/interagir mais do que o necessário?
    • Existem muitas distrações e/ou decisões a serem tomadas?
    • Existe atrito que impede/atrasa o usuário de obter o que deseja?
  • Intuição
    • É óbvio para o usuário o que ele precisa fazer em seguida?
    • Podemos determinar o que o usuário deseja e exibir o conteúdo de acordo?
  • Acessibilidade
    • O usuário pode acessar a interface do usuário, independentemente de sua idade ou deficiência?
    • Já pensamos sobre os muitos tipos diferentes de daltonismo?
  • Usabilidade
    • Em dispositivos móveis, os alvos de toque têm um tamanho apropriado?
    • Os alvos são facilmente acessíveis aos polegares?
    • O design é responsivo? Adapta-se a todos os dispositivos?

20 heurísticas de usabilidade
Susan Weinschenk e Dean Barker (Weinschenk e Barker 2000) pesquisaram diretrizes de usabilidade e heurísticas de muitas fontes (incluindo Nielsen, Apple e Microsoft) e geraram este conjunto de 20 heurísticas de usabilidade para verificar.

O design visual ainda é importante

O design visual desempenha um papel enorme no design da experiência do usuário, daí a razão pela qual não devemos comparar a interface do usuário com a UX - a interface do usuário é parte da UX. Chamar a si mesmo de designer de interface do usuário apenas chama a atenção para os aspectos mais glamourosos do design de UX, ao mesmo tempo em que dá menos atenção ao UX como um todo e como ele pode ser usado para atender aos objetivos de negócios.

Aqui estão os princípios de design de UX listados acima, só que desta vez, vamos mencionar como o design visual influencia as coisas:

  • Velocidade
    • O usuário pode identificar rapidamente onde precisa olhar e interagir, usando contraste , cor e espaçamento como dicas visuais?
    • A interface do usuário/conteúdo acima da dobra é renderizada imediatamente, explica o que o usuário precisa fazer na tela e tem uma frase de chamariz clara?
  • Acessibilidade
    • As opções de cores criam contraste suficiente?
    • A interface do usuário é grande o suficiente para pessoas com dificuldade de visão?
  • Usabilidade
    • Existe uma hierarquia visual que ilustre a importância de cada elemento?
    • Estamos transmitindo visualmente confiança e segurança quando aplicável?
    • Estamos implementando microinterações que parecem naturais e esclarecem a ação que está sendo realizada pelo usuário?

É importante pensar na interface do usuário como uma ferramenta que pode ser usada para melhorar o UX, em vez de um revestimento brilhante que pode fazer o UX “parecer melhor”. Veja a Amazon, por exemplo: eles ganham mais de cem bilhões de dólares todos os anos e, embora sua experiência de interface do usuário e checkout seja obviamente intuitiva, não é convencionalmente atraente em termos de estética visual.

Amazonas
A Amazon ganhou US$ 1,9 bilhão durante os últimos três meses de 2017, mas você não teria adivinhado pelo design da interface do usuário.

O design de UX/UI deve ser orientado por dados

O design de UX (que inclui UI) deve ser orientado por pesquisas de usuários (análise de rastreamento, entrevistas de usuários, pesquisas de clientes), testes de usabilidade, um fluxo de trabalho de UX enxuto (que inclui prototipagem, feedback interno e envio regular) e qualquer outra coisa que ofereça dados e insights sobre como os usuários interagem com a interface (ou o negócio como um todo).

Se um aplicativo ou site não estiver funcionando de acordo com os padrões esperados, esses métodos qualitativos e quantitativos de pesquisa de usuários podem ajudar os designers de UX a tomar decisões de design mais eficazes, seja uma decisão relacionada ao fluxo do usuário ou apenas às cores. É essa abordagem de design orientada por dados que torna UI e UX uma e a mesma coisa.

Conclusão

Não há nada de errado em ser chamado de web designer ou designer de aplicativos, ou mesmo designer de aplicativos de voz ou designer de wearables. Ele descreve o que você é, e os clientes serão capazes de entender o que você faz mais rapidamente. Os clientes não se importam se você tem um cargo na moda ou quantas curtidas um design tem no Dribbble. Tudo o que os clientes querem saber é que você sabe como resolver as experiências do usuário de forma eficaz, levando em consideração os objetivos de negócios da empresa e tomando decisões de design orientadas por dados e não por gostos e tendências.

Por outro lado, também não há muito de errado com o termo “designer de UX” – isto é, se você se considera um designer que projeta todos os tipos de interfaces. Acima de tudo, é importante que, como designer, você escolha um cargo com o qual realmente se identifique.

• • •

Leia mais no Blog Toptal Design:

  • eCommerce UX – Uma visão geral das melhores práticas (com infográfico)
  • A Importância do Design Centrado no Homem no Design de Produto
  • Os melhores portfólios de UX Designer – Estudos de caso e exemplos inspiradores
  • Princípios heurísticos para interfaces móveis
  • Design Antecipatório: Como criar experiências de usuário mágicas