domingo, 15 de outubro de 2017

Design de UI do futuro sem botões

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

Desde o início das interfaces de usuário gráficas usamos botões. Considere a GUI original da Xerox PARC, que tem 44 anos - e ainda assim nossas interfaces de usuário são muito parecidas.

Recentemente, tracei o histórico de estilos de botões criando o Dribbble Timeline. Embora os botões evoluíram em sintonia com as tendências atuais e ao lado da tecnologia, sua origem é, sem dúvida, inspirada em objetos reais do passado.


Canto inferior direito - Sears First Electric Buzzer 1897 Catálogo de outono

Por mais de uma década, criamos dispositivos sem uma interface física - que não dependem do toque humano, mas podem ser ativados por voz ou gesto. Por que persistimos na criação de formas com as quais interagir com base 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!

Nós criamos dispositivos eletrônicos inteligentes completamente novos, podemos manipulá-los de maneira quase exclusiva, mas por falta de preguiça ou força de hábito, continuamos a forçar nossos usuários a clicar em uma pequena área de apenas alguns pixels de largura.

É hora de fazer algo sobre isso - é hora de pensar sem botão.

UI "Sem-botão" - onde tudo se interage

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

É possível para nós imaginar uma interface completamente livre de botões? Algo tão intuitivo, que, apenas olhando para ele, você saberá como agir? Não precisa mais ser apenas em nossa imaginação - essas interfaces já existem.


Microsoft HoloLens: HoloTour

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

Vamos eliminar botões nas IIs

Você já leu Design de Tipo - Conceito do Tópico Designer Michael Abehsera em que as interfaces são desprovidas de qualquer elemento gráfico na qual o que importa é o conteúdo? Muitos de vocês perguntaram: "E os botões?" Nós não precisamos deles mais, vamos eliminá-los completamente.

Aqui estão algumas idéias interessantes:

O Facebook simplesmente perguntou: "Qual é o seu humor?" Não é necessário pressionar um botão para responder - use sua voz - diga-lhe que se sente bem e dirija-se à praia. Em seguida, arraste o texto que o Facebook reconhece da sua resposta para onde você deseja que ele apareça.


Pesquisa por voz Neel Raj

Parecido com um artigo sobre Medium? Um tempo atrás em Medium você poderia simplesmente "recomendar" um artigo. Hoje, clicamos em "palmas". Então, "aplauda". E se não houvesse necessidade de clicar nesse pequeno botão estranho, apenas literalmente aplaudir?


Conceito sem botões de Wojciech Dobry (... Não leve isso a sério demais.)

E quanto a algumas ações mais complexas? Como um check-out em uma loja online. Arraste e solte um item no carrinho de compras, deslize para proceder ao check-out e confirme com sua impressão digital. Mole-mole.


ASOS - Adicionar ao carrinho animação por Zachary Zhao

Conteúdo que pensa e tela inteira

Vamos começar com as superfícies que atualmente tocamos para executar uma ação. Dado que a grande maioria das interfaces de usuário gráficas dos dias modernos são exibições de tela sensíveis ao toque - muitas vezes manipuladas com nossos polegares - é lógico que tais interfaces estejam conosco por um longo período de tempo. E definitivamente esse impulso irresistível de toque-toque é a sensação mais importante de todas. Tocar na superfície nos dá uma sensação de ação real, de controle. Como seria, em vez de clicar em um ponto particular, ensinarmos nossos usuários a interagir com toda a superfície?

Vamos ver como o Instagram faz isso:


Navegação na história do Instagram

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

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

Reconhecimento de Gesto

Nós entendemos os gestos muito bem porque eles são naturais para nós e refletidos em nossas ações físicas. Atualmente, quase todas as aplicações os usam para acelerar a navegação; podemos dobrar uma foto em vez de pressioná-la como um botão; podemos deslizar para navegar na galeria; ou tocar para ampliar qualquer conteúdo.


Virgil Pana


Interfaces de usuário por Ramotion & Jarek Berecki

Nós fazemos gestos não só em telas planas - gestos também são realizados em espaços AR e VR, onde podemos navegar com todo o nosso corpo.


Gestos em HoloLens pela Microsoft


Clay VR Gesture Recognition On iPhone

Interfaces de voz

Siri, Cortana, Alexa e o Assistente do Google estão funcionando. Muitos argumentam que as interfaces de voz são o futuro - é difícil discordar porque seus usos potenciais são além da conta. Podemos controlar veículos, edifícios inteligentes e máquinas simplesmente falando com eles - assim como conversamos com uma pessoa real. Com a inteligência artificial e a aprendizagem de máquinas, as máquinas agora são capazes de entender nosso idioma de forma cada vez mais precisa. Já não nos limitamos a pronunciar com cuidado "palavras mágicas"; podemos falar frases completas.


Ok, Google ...

Ao usar a fala, podemos nos mover livremente para o mundo das transferências bancárias. Atualmente, o Siri permite que você transfira dinheiro via PayPal para outra pessoa usando apenas um pedido rápido: "Siri, envie $200 para XYZ usando o PayPal." Sem botões - a única confirmação e verificação de segurança necessárias é o Touch ID.



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

Sorria 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 no reconhecimento facial e agora está disponível na China.



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



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



Não esqueçamos sobre as tecnologias 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 Adaś.

UI Designers do futuro

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:

  • Economizar tempo do usuário
  • Impedir erros e
  • Compensar quaisquer ações acidentais



Interfaces conceituais de Cosmin Capitan e Ramotion

O tempo chegou - a tecnologia está nos ultrapassando. Nós, os designers, DEVEMOS perseguí-la... e certifique-se de recuperar o atraso!

POR WOJCIECH DOBRY - TOPTAL FREELANCE DESIGNER E DESIGN BLOG EDITOR @ TOPTAL
ARTIGO ORIGINAL: El Futuro del Diseño UI Sin Botones

Nenhum comentário:

Postar um comentário

<< Ao enviar um comentário, favor clicar na opção [Enviar por e-mail comentários de acompanhamento para gtezini@gmail.com] >>