Futuro design de interface do usuário sem botões

Publicados: 2022-03-11

O que são botões e realmente precisamos deles?

Desde o surgimento das interfaces gráficas de usuário, usamos botões. Considere que a GUI original do Xerox PARC tem 44 anos, mas nossas interfaces de usuário ainda se parecem notavelmente com ela. Recentemente, tracei a história dos estilos de botão criando a Linha do tempo do Dribbble. Embora os botões tenham evoluído em sintonia com as tendências atuais e ao lado da tecnologia, sua origem é, sem dúvida, inspirada em objetos reais do passado.

Imagem digitalizada do Catálogo Sears First Electric Buzzer 1897 Fall
Canto inferior direito – Catálogo Sears First Electric Buzzer 1897 Fall.

Por mais de uma década, criamos dispositivos sem interface física – que não dependem do toque humano, mas podem ser ativados por voz ou gesto. Por que persistimos em criar formas com as quais interagir baseadas nos objetos familiares que nos cercam? A forma de um botão digital ainda é modelada em ferramentas e mecanismos que desenvolvemos no século XIX!

Criamos dispositivos eletrônicos inteligentes e completamente novos – podemos manuseá-los da maneira que quisermos, mas por preguiça ou força do hábito, continuamos a forçar nossos usuários a clicar em uma pequena área complicada com apenas alguns pixels de largura.

É hora de fazer algo a respeito - é hora de pensar sem botões.

Interface do usuário “sem botões” – onde tudo interage

Uma “utopia sem botões” é um conceito em que qualquer tentativa de manter mais de 130 anos da maneira como as coisas sempre foram feitas é completamente destruída. O futuro é agora – devemos seguir em frente e nos desfazer das soluções ultrapassadas de nossos predecessores.

É possível imaginarmos uma interface completamente livre de botões? Algo tão intuitivo, que só de olhar você saberá como agir? Não precisa mais estar apenas em nossa imaginação – essas interfaces já existem.

Aplicativo Microsoft HoloTour em AR
Microsoft HoloLens: HoloTour.

Podemos, de uma vez por todas, eliminar o venerado botão? Microfones, câmeras, telas sensíveis ao toque, vibração, acelerômetros, giroscópios, GPS, realidade estendida, realidade virtual — a lista continua — e tudo isso feito a partir de seu smartphone ou PC. Não há mais motivo para continuar forçando seus usuários a pressionar aquele pequeno retângulo.

Vamos eliminar botões em interfaces de usuário

Você já leu Type Design onde as interfaces são desprovidas de qualquer elemento gráfico e onde a única coisa que importa é o conteúdo? Muitos de vocês perguntaram: “E os botões?” Não precisamos mais deles — vamos eliminá-los completamente.

Aqui estão algumas ideias interessantes:

O Facebook acabou de perguntar: “Qual é o seu humor?” Não há necessidade de pressionar um botão para responder - use sua voz - apenas diga que se sente bem e vá para a praia. Em seguida, arraste o texto que o Facebook reconhece da sua resposta para onde você deseja que ele apareça.

Animação da interface de voz
Pesquisa por voz.

Gostou de um artigo no Medium? Um tempo atrás no Medium, você poderia simplesmente “recomendar” um artigo. Hoje clicamos em “aplausos”. Então “bata palmas”. E se não houvesse necessidade de clicar neste pequeno botão estranho, apenas bater palmas literalmente ?

Homem batendo palmas para um artigo no Medium
Conceito sem botões de Wojciech Dobry (…Não leve muito a sério).

Que tal algumas ações mais complexas? Como um checkout em uma loja online. Arraste e solte um item no carrinho de compras, deslize para prosseguir para a finalização da compra e confirme-o com sua impressão digital. Mole-mole.

Animação da interface do usuário
ASOS - Adicionar ao carrinho animação de Zachary Zhao.

Pense no conteúdo e na tela inteira

Vamos começar com as superfícies que tocamos atualmente para realizar uma ação. Dado que a grande maioria das interfaces gráficas de usuário modernas são telas sensíveis ao toque - muitas vezes manipuladas com nossos polegares - é lógico que essas interfaces estarão conosco por um longo tempo. E definitivamente teremos aquela vontade irresistível de tocar – afinal, o toque é a nossa sensação mais importante. Tocar a superfície nos dá uma sensação de ação real, de controle. Como seria que, em vez de clicar em um ponto específico, ensinássemos nossos usuários a interagir com toda a superfície ?

Vamos ver como o Instagram faz isso:

Navegação de histórias do Instagram
Navegação de histórias do Instagram.

Você já viu um botão que permite navegar em uma história do Instagram e retornar à história anterior? Provavelmente não, porque tudo que você precisa fazer é tocar na borda esquerda da tela para que isso aconteça.

Os usuários esperam novas formas de interagir com nossos produtos digitais, e muitas vezes isso não envolve um botão. Os cartões são responsivos em todas as suas superfícies; clicando em qualquer palavra, esperamos encontrar sua definição; tocando imagens, esperamos alguma ação. Os usuários já estão acostumados ao fato de que áreas inteiras respondem ao toque.

Reconhecimento de gestos

Entendemos muito bem os gestos porque eles são naturais para nós e se refletem em nossas ações físicas. Atualmente, quase todos os aplicativos os utilizam para acelerar a navegação; podemos tocar duas vezes em uma foto em vez de pressioná-la como um botão; podemos deslizar para navegar na galeria; ou belisque para ampliar qualquer conteúdo.

Animação da interface do usuário desenhando coração na tela de toque
Virgílio Pana.

Interface do usuárioInterface do usuário

Interfaces de usuário por Ramotion & Jarek Berecki.


Fazemos gestos não apenas em telas de toque planas – os gestos também são realizados em espaços AR e VR, onde podemos navegar com todo o nosso corpo.

Homem usando gestos em realidade aumentada
Gestos no HoloLens da Microsoft.


Homem usando reconhecimento de gestos para controlar IoTHomem usando reconhecimento de gestos para controlar IoT

Reconhecimento de gestos Clay VR no iPhone.

Interfaces de voz

Siri, Cortana, Alexa e Google Assistant estão funcionando. Muitos argumentam que as interfaces de voz são o futuro – é difícil discordar, pois seus usos potenciais são incontáveis. Podemos controlar veículos, prédios inteligentes e máquinas simplesmente falando com eles – assim como falamos com uma pessoa real. Com inteligência artificial e aprendizado de máquina, as máquinas agora são capazes de entender nossa linguagem com cada vez mais precisão. Não estamos mais confinados a pronunciar “feitiços mágicos” cuidadosamente roteirizados; podemos falar em frases completas.

OK anúncio do Google
Ok google…

Ao usar a fala, podemos nos mover livremente no mundo das transferências de dinheiro. Atualmente, a Siri permite que você transfira dinheiro via PayPal para outra pessoa usando apenas uma solicitação rápida: “Siri, envie $ 200 para XYZ usando o PayPal”. Sem botões — a única confirmação e verificação de segurança necessária é o Touch ID.

Siri usado para transferência do PayPal no iPhone

Ações físicas, dispositivos conectados e reconhecimento de vídeo

Sorrir para pagar? Está aqui! Alibaba e KFC lançaram em conjunto um sistema que permite que você pague simplesmente sorrindo para a câmera - sem botões para pressionar. O sistema funciona com reconhecimento facial e já está disponível na China.

KFC e Alibaba sorriem para sistema de pagamento

Este é apenas um dos usos potenciais. Nossos dispositivos já estão equipados com uma série de sensores e podem monitorar todo o seu corpo. Nada está impedindo você de usar um dedo para realizar qualquer ação em seu smartphone.

iWatch usado para desbloquear o MacBook Pro

Outro exemplo de ação física que acelerará o fim dos botões é simplesmente estar perto do dispositivo. Vejamos o iWatch, por exemplo - basta emparelhá-lo com seu laptop e aguardar para desbloquear seu MacBook. Dispositivos vestíveis podem ser usados ​​para confirmar nossa identidade, bem como prever de forma inteligente nossas necessidades com base na localização e nos dados do sensor. Graças a eles, já podemos evitar o uso de botões em muitas interfaces.

Giroscópio usado para controlar o dispositivoGiroscópio usado para controlar o dispositivo

Não nos esqueçamos das tecnologias que estão amplamente disponíveis há vários anos. Um deles é o giroscópio – disponível em quase todos os smartphones, mas raramente usado em interfaces. Acima, você pode ver as interfaces experimentais criadas por Patryk Adas.

Futuro dos designs de interface do usuário

Com tantas opções diferentes disponíveis para nós, agora é possível esquecer o uso de botões retangulares típicos para os usuários interagirem. Com a tecnologia de hoje, temos a capacidade de criar interfaces completamente novas que podem:

  • Economize tempo dos usuários
  • Prevenir erros, deslizes e enganos
  • Compensar por quaisquer ações acidentais

Conceitos de IUConceitos de IU

Interfaces conceituais de Cosmin Capitan e Ramotion.


Chegou a hora — a tecnologia está nos ultrapassando. Nós, designers, DEVEMOS persegui-lo… e certifique-se de alcançá-lo!