portaldacalheta.pt
  • Principal
  • Noticias Do Mundo
  • Lucratividade E Eficiência
  • Ágil
  • Família
Design De Iu

Design de IU futuro sem botões



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

Desde o amanhecer de interfaces gráficas do usuário , temos usado botões. Considere que a GUI original do Xerox PARC tem 44 anos, mas nossas interfaces de usuário ainda se parecem 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 sincronia com as tendências atuais e junto com a tecnologia, sua origem é, sem dúvida, inspirada em objetos reais do passado.

Imagem digitalizada do Catálogo de outono de 1897 da Sears First Electric Buzzer

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



Por mais de uma década, temos criado dispositivos sem uma 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 19!



Criamos dispositivos eletrônicos inteligentes completamente novos - podemos manipulá-los de quase qualquer maneira que escolhermos, 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 sobre isso - é hora de pensar sem botões.

IU “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 livrar das soluções obsoletas de nossos predecessores.



É possível imaginarmos uma interface totalmente 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 é longa - e tudo isso feito em seu smartphone ou PC. Não há mais razão para continuar forçando seus usuários a pressionar aquele retângulo minúsculo.

melhor telefone para desenvolvimento android

Vamos eliminar botões em IUs

Você leu Design de Tipo 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?” Sem necessidade de pressione um botão para atender - use sua voz - diga que você se sente bem e vá para a praia. Em seguida, arraste o texto que o Facebook reconhece de sua resposta para onde você deseja que apareça.



Animação da interface de voz

Pesquisa por voz.

Gosta de um artigo no Medium? Um tempo atrás Médio , você pode 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 literalmente bater palmas ?



Homem aplaudindo um artigo no Medium

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

como fazer um bot para discórdia

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

Animação da interface do usuário

ASOS - Adicionar animação ao carrinho por 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 dos dias modernos interfaces gráficas do usuário são telas de toque - muitas vezes manuseadas com nossos polegares - é lógico que tais interfaces permanecerão conosco por muito tempo. E definitivamente teremos aquele desejo irresistível de tocar - o toque é a nossa sensação mais importante, afinal. Tocar a superfície nos dá uma sensação de ação real, de controle. Como seria se, em vez de clicar em um ponto específico, ensinássemos nossos usuários a interagir com o superfície inteira ?

Vamos ver como o Instagram faz isso:

Navegação no Instagram Story

Navegação no Instagram Story .

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

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

Reconhecimento de gestos

Entendemos os gestos muito bem porque eles são naturais para nós e se refletem em nossas ações físicas. Atualmente, quase todos os aplicativos os usam 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 aperte para ampliar qualquer conteúdo.

Animação de IU desenhando coração na tela de toque

Virgil Pana .

Interface UI Interface UI

o que é um fundo perene
Interfaces de usuário por Ramotion E Jarek Berecki .


Não fazemos gestos apenas em telas de toque planas - os gestos também são realizados em espaços de RA 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 a IoT Homem usando reconhecimento de gestos para controlar a IoT

Reconhecimento de Gestos Clay VR no iPhone .

Interfaces de voz

Siri, Cortana, Alexa e Google Assistant estão todos instalados e 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, edifícios 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 planejados; podemos falar em frases completas.

OK, publicidade do Google

Ok google ...

Usando a fala, podemos nos mover livremente no mundo das transferências de dinheiro. Atualmente, o 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árias é o Touch ID.

Siri usado para transferência de PayPal no iPhone

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

Sorria para pagar? Está aqui! O Alibaba e o 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.

como hackear o cartão de crédito de alguém

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 o impede de usar um dedo para realizar qualquer ação em seu smartphone.

iWatch usado para desbloquear MacBook Pro

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

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

Não vamos esquecer as tecnologias que estão amplamente disponíveis há vários anos. Um é o giroscópio - disponível em quase todos os smartphones, mas raramente usado em interfaces. Acima, você pode ver interfaces experimentais criadas por Patryk Adaś .

UI Designs Future

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
  • Evite erros, deslizes e enganos
  • Compensar por quaisquer ações acidentais

Conceitos de interface do usuário Conceitos de interface do usuário

Interfaces de conceito por Cosmin Capitan e Ramotion .


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

Cibersegurança: o que todo CEO e CFO deve saber

Processos Financeiros

Cibersegurança: o que todo CEO e CFO deve saber
Panda Parenting: uma abordagem gentil para educar os filhos

Panda Parenting: uma abordagem gentil para educar os filhos

Família

Publicações Populares
Quem, o quê e por quê - um guia para métodos de teste do usuário
Quem, o quê e por quê - um guia para métodos de teste do usuário
Aflição financeira em uma crise: você não pode prever, você pode se preparar
Aflição financeira em uma crise: você não pode prever, você pode se preparar
Bangladesh condena seis militantes à morte por matar dois ativistas gays
Bangladesh condena seis militantes à morte por matar dois ativistas gays
Mães solteiras na arte de criar filhos sozinhas
Mães solteiras na arte de criar filhos sozinhas
Vender uma empresa para valor máximo em um mercado desafiador de fusões e aquisições
Vender uma empresa para valor máximo em um mercado desafiador de fusões e aquisições
 
Robo-conselheiro Risco de portfólio da indústria: eficiência ou redução de cantos?
Robo-conselheiro Risco de portfólio da indústria: eficiência ou redução de cantos?
EUA: corrida para prefeito de Honolulu segue para segundo turno
EUA: corrida para prefeito de Honolulu segue para segundo turno
13 podcasts que todo designer deve ouvir
13 podcasts que todo designer deve ouvir
Vazamentos de Panama Papers podem dar a Sanders algum poder de fogo contra o rival Clinton
Vazamentos de Panama Papers podem dar a Sanders algum poder de fogo contra o rival Clinton
Com 21 anos e raízes de Kerala, é o mais jovem na lista de MBE do Queen
Com 21 anos e raízes de Kerala, é o mais jovem na lista de MBE do Queen
Publicações Populares
  • elementos e princípios de exemplos de design
  • lista de fundos imobiliários de private equity
  • exemplo de documento de design de alto nível
  • como encontrar um vazamento de memória
  • levantar capital para iniciar negócios
Categorias
  • Noticias Do Mundo
  • Lucratividade E Eficiência
  • Ágil
  • Família
  • © 2022 | Todos Os Direitos Reservados

    portaldacalheta.pt