Se você está tangencialmente no espaço de design da web ou design gráfico, já ouviu o termo “UI” ou “UI design”. Você também pode ter visto que é usado alternadamente com “UX”, então o que é e como ele difere?
Na verdade, UI e UX não são iguais. A seguir, veremos o que é a IU e o que ela representa.
Índice
O que é IU e o que significa?
UI é a abreviação de “interface do usuário”. São os elementos de um site ou aplicativo com os quais o usuário interage enquanto navega pela página ou programa – o layout gráfico de um aplicativo. Os elementos da página e do aplicativo que se qualificam como IU incluem:
- Botões
- Texto
- Imagens
- Sliders
- Barras de rolagem
- Campos do formulário
- Layout da página
Basicamente, tudo com que um usuário interage faz parte da IU. Por causa disso, a estética é uma grande parte do design de IU de qualquer site ou aplicativo.
A Adobe explica a interface do usuário em seu blog de design XD assim:
“Uma interface de usuário é um lugar onde ocorrem as interações entre humanos e máquinas. Ele permite que os usuários operem com eficácia uma máquina para concluir uma tarefa ou atingir um objetivo específico, como fazer uma compra ou baixar um aplicativo. ”
UX, por outro lado, significa “experiência do usuário”. E embora a IU possa definitivamente afetar a UX, eles não são a mesma coisa.
Diferentes tipos de IU
A IU de qualquer dispositivo inclui hardware e software. Tudo, desde o teclado que você usa até o URL e o menu da barra lateral do site que você está visitando, faz parte da IU.
O hardware de uma IU pode ser dividido em duas categorias:
- Hardware de entrada : dispositivos que permitem que as pessoas controlem a máquina diretamente, como um mouse ou tablet.
- Hardware de saída : dispositivos que fornecem informações ao usuário, como monitores e alto-falantes.
De acordo com a Adobe, existem três tipos de interfaces de usuário: interfaces de linha de comando, interfaces gráficas de usuário (também chamadas de GUI) e interfaces de usuário habilitadas para voz.
As interfaces de linha de comando foram as primeiras IUs , datando da década de 1970. Os usuários inseririam um comando e o computador responderia com uma linha de texto. Essas UIs exigem conhecimento de linguagem de máquina e foram amplamente substituídas por interfaces gráficas de usuário (GUIs) nos computadores de hoje. Eles agora são usados principalmente em programação de computadores e administração de sistemas.
RELACIONADOS: Linhas de Comando: Por que as pessoas ainda se preocupam com elas?
GUIs são as interfaces com as quais os usuários mais modernos estão familiarizados. Gráficos, como ícones e cursores, permitem que os usuários interajam com produtos digitais. Quando você move a seta do mouse para clicar no ícone do Spotify para tocar música, isso é uma GUI. Os ícones com os quais interagimos regularmente em nossos smartphones? Também uma GUI. Esses sistemas de interface do usuário permitiram o uso generalizado de computadores como os conhecemos hoje.
As interfaces de usuário habilitadas para voz permitem que as pessoas interajam com um sistema digital usando apenas sua voz. Nos últimos anos, as interfaces habilitadas para voz cresceram em popularidade por meio de assistentes digitais como Alexa , Siri e Google Assistant .
Elementos de uma boa IU
Qualquer designer dirá que uma boa IU é a chave para um bom produto. Se algo não for fácil de usar, não pegará. Uma IU bem projetada será:
- Familiar : as pessoas serão capazes de intuir como usar o programa com base em sua experiência anterior.
- Claro : a função de cada elemento em sua IU deve ser clara para a pessoa que a usa.
- Consistente : os elementos devem ser consistentes em todo o produto para que as pessoas possam reconhecer os padrões.
- Eficiente : entrada mínima do usuário é necessária para atingir a saída desejada. Atalhos são fornecidos para usuários mais experientes.
- Perdoando : Good UI perdoa quando alguém comete um erro, por exemplo, o link “ você quis dizer ” do Google nos resultados de pesquisa.
Os designers de IU criarão simulações de um sistema e o testarão no público-alvo antes de aceitá-lo e colocá-lo em produção. Idealmente, ele terá todas as características acima.
