Tipos e Natureza de User Interfaces (UIs)
A User Interface, ou interface do usuário em português, é o grupo de controles e canais sensoriais pelo qual um usuário pode interagir e se comunicar com uma máquina.
Isso significa que a interface não é apenas o botão no qual clicamos quando acessamos um site ou a janela de um jogo de videogame. A interface também tem elementos como mouse, teclado e caixa de som, que são externos ao software, mas que contribuem para que o usuário consiga atingir seus objetivos com a ferramenta.
Caracteriza-se como uma interface eficiente aquela que tem um bom nível de usabilidade, ou seja, facilita a realização de tarefas, tem um layout amigável e se mostra intuitiva, de aprendizado simples.
Explorando as definições de interface e aprendendo de maneira mais aprofundada o que ela é e como é possível interagir com esse recurso, você verá que fica mais simples entender as grandes diferenças entre o UI Design e o UX Design, já que a interface é um meio de garantir a melhor user experience, ou usabilidade. São áreas que correm lado a lado, mas que, na prática, são totalmente diferentes.
Elementos da UI
Controles de entrada: elementos interativos
Os controles de entrada são elementos interativos que possibilitam a inserção de dados no software, estabelecendo a comunicação entre o usuário e a máquina. Esses controles recebem dados diretamente do usuário, incluindo ações como clicar em botões, preencher formulários e marcar itens. Alguns exemplos de elementos interativos são:
- Botão
- Checkbox (caixa em que é possível selecionar uma ou mais opções)
- Radio buttons (caixa em que é possível selecionar apenas uma opção)
- Listas dropdown (geralmente utilizadas em menus)
- Toggles (botões liga/desliga, comuns em configurações de smartphones)
- Campos de texto (permitem a inserção de textos variados)
Componentes de navegação
A navegação refere-se aos movimentos que o usuário realiza para trocar de tela, acessar partes específicas de um site, aplicativo ou software, ou voltar para páginas anteriores. Existem três tipos principais de navegação: estrutural, associativa e utilitária.
Elementos informativos
Os elementos informativos comunicam mensagens ao usuário, unindo outros componentes da interface de maneira organizada. Alguns exemplos são mensagens de erro, status do sistema, barras de progresso, caixas de mensagens, pop-ups, notificações e tooltips (caixas de texto que aparecem ao passar o mouse ou clicar).
Além dos elementos citados, o UI Designer também utiliza componentes visuais para comunicar mensagens e compor o aspecto estético. Exemplos de componentes visuais incluem:
Cor
A escolha de cores impacta a sensação transmitida pela interface, sendo essencial considerar o senso estético e garantir a acessibilidade para diferentes usuários.
Tipografia
A seleção da fonte do texto é crucial, e deve evitar letras decorativas excessivas. A acessibilidade também é fundamental, com espaçamentos adequados e contraste legível.
Imagens e ícones
A incorporação de imagens e ícones desempenha um papel crucial, não apenas facilitando a compreensão das funcionalidades do software, mas também aprimorando a escaneabilidade dos textos.
Hierarquia visual
A organização da ordem e do tamanho dos elementos em cada tela desempenha um papel crucial. A leitura ocidental segue da esquerda para a direita, começando no canto superior esquerdo, descendo para a próxima linha e assim por diante.
Partindo desse princípio, posicionar os elementos de maneira que o usuário compreenda, de forma intuitiva, a hierarquia entre o que é mais relevante e o que pode ser considerado secundário é fundamental.
Tipos de User Interface
As interfaces de usuário podem variar de acordo com o produto, dispositivo ou tipo, mas o objetivo delas é sempre o mesmo: diminuir a curva de aprendizagem do usuário e fazer com que ele entenda cada vez mais rápido como aquele sistema funciona. Vamos explorar a seguir os principais tipos.
Graphic User Interface (GUI)
A interface gráfica do usuário compreende o conteúdo gráfico e visual exibido em uma tela para que o usuário possa se guiar e interagir com o produto. Praticamente todos os programas e produtos que envolvem interação apresentam uma GUI que facilita a navegação e a execução de comandos.
Diversos produtos modernos incorporam uma GUI, como programas de computador, sites, relógios inteligentes, aparelhos de som, eletrodomésticos, entre outros.
Interface de sites
A interface de sites possui pequenas nuances, pois, além da necessidade de excelente usabilidade, há também o risco de os usuários desistirem da navegação. Portanto, além dos cuidados usuais com a experiência do usuário, o UI Designer que projeta uma interface de site precisa considerar outros fatores, como velocidade de carregamento, para garantir a mínima evasão de usuários e visitantes.
Interface de voz (VUI)
As interfaces de voz são capazes de identificar e interagir com a voz humana, como o Google Assistente, por exemplo, e outras inteligências artificiais, como a Alexa, a Siri ou a Cortana. Todas são ativadas e respondem a comandos por meio da voz.
Interface de texto
Mais comum na programação de sistemas operacionais, a interface de texto representa a evolução da interface de comando primitiva, presente nos primeiros programas de computador desenvolvidos.
Interface natural
Este tipo de interface avançada é capaz de identificar e interpretar respostas naturais dos seres humanos, como expressões faciais e movimentos corporais, por exemplo. É por meio desse tipo de interface que os jogos de videogame que requerem movimentação corporal funcionam, incluindo saltos, corridas e tacadas.
Interface cérebro-computador
De todas as mencionadas até agora, esta é a interface mais tecnológica, responsável por controlar próteses biônicas e fornecer comandos simples para um software apenas por meio de ondas cerebrais.
Em constante desenvolvimento, ainda não há muitos aplicativos e ferramentas populares com essa interface, mas a tendência é que ela chegue ao mercado dentro de anos ou décadas.
Boas práticas para User Interface
Agora que você está familiarizado com os principais tipos de interface e seus elementos, explore as boas práticas que um UI Designer deve seguir para garantir os melhores resultados.
Conclusão
Ao compreender esses aspectos do UX Design, você estará preparada para mergulhar nas práticas e teorias envolvidas nesse emocionante campo. Explore, questione e aproveite sua jornada neste curso!
![O que é UI? [User interface] – Tecnoblog](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/999078e6-792c-4d77-ba6c-87ec5fffba5c/o-que-e-uma-ui-700x394/w=640,quality=90,fit=scale-down)