portaldacalheta.pt
  • Principal
  • Ferramentas E Tutoriais
  • Noticias Do Mundo
  • Pessoas E Equipes
  • Ascensão Do Remoto
Design Ux

O Fim dos Formulários da Web



Os formulários da Web são irritantes, ineficientes e enchem as pessoas de pavor. Alguém realmente gostar preenchendo formulários da web? No entanto, eles são um “mal necessário” que pode fazer ou quebrar algumas das interações online mais críticas.

Os formulários da Web ainda são baseados principalmente em antigos formulários de papel - sobras zumbis de interfaces de usuário centradas no sistema (versus centradas no usuário). Já se passaram 30 anos e ainda digitamos as mesmas informações em formulários indefinidamente.



O design ux ui do formulário da web vem do design de formulário baseado em papel

Pode-se ver como os formulários da web vêm de formulários em papel como este formulário de emprego KFC.



Felizmente, grandes mudanças estão a caminho. Daqui a cinco anos, olharemos horrorizados para a maneira estranha, lenta e frustrante que costumávamos inserir dados pessoais ao preencher formulários de emprego, pedidos de cartão de crédito - lidar com checkouts de comércio eletrônico, registros de contas ... praticamente qualquer tarefa que exigisse entrada de informações. Apesar da importância dessas interações, o design das formas que as permitem é muitas vezes mal pensado.



Design de formulário da web para DMV

Quem não ama o DMV? Este tipo de forma se tornará uma relíquia empoeirada de um passado perdido muito em breve.

O resultado final é que a maioria dos formulários da web hoje - seja para desktop ou celular - são simplesmente experiências terríveis para o usuário. Apesar dos inúmeros livros, estudos, artigos e white papers de gurus da indústria de UX, como Grupo Nielsen Norman , Instituto Baymard (eCommerce) e Luke Wroblewski (cofundador da Interaction Design Association), muitas organizações - mesmo aquelas cuja força vital depende disso - não seguem as melhores práticas de design de ux da web.



Isso se traduz em bilhões e bilhões em receita perdida.

Chocantemente, Amazonas - o grande gigante de vários bilhões de dólares do comércio eletrônico - é classificado como muito baixo em “desempenho geral de UX de checkout” pelo Baymard Institute ao considerar as interações do usuário com formulários como remessa e retirada na loja, informações de cartão de crédito, erros de validação e muito mais. Quantos negócios são perdidos devido a uma UX tão ruim?



como hackear cartão de crédito

Hoje, a maioria dos formulários da web são frustrantes, demoram para preencher e colocar usabilidade último.

IU UX de design de formulário da web

Formulários de registro de conta como esses são uma tensão mental para as pessoas e demoram para preencher.



Em termos de tempo e esforço cognitivo, os formulários online tendem a ser um grande incômodo. Eles são extremamente propensos a erros, não possuem valores padrão, preenchimento e formatação automáticos; eles lidam mal com os erros de entrada - e isso nem mesmo está falando sobre formulários móveis que exigem uma mentalidade de design distinta e têm diferentes problemas de usabilidade.

Ux de design de formulário web de candidatura de emprego

Os formulários de candidatura a empregos apresentam algumas das piores experiências de experiência do usuário. Um candidato a emprego ativo preenche esses formulários com as mesmas informações repetidas vezes.



As organizações muitas vezes tentam coletar muitas informações dos usuários, mesmo quando não é necessário para concluir a transação. Os formulários de doação costumam ser os maiores infratores, pois insistem em coletar dados do perfil do doador para suas próprias estatísticas, sem considerar os interesses do doador. Imagine se dissessem a você, quando você está prestes a dar a alguém sua moeda arduamente conquistada, que você tem que esperar, com dinheiro na mão, enquanto eles o interrogam com perguntas inteiramente para seu próprio uso estatístico. Não, obrigado.

Os formulários móveis - registros de contas, checkouts, etc. - estão repletos de seus próprios problemas e desafios de ux. A entrada é estranha porque a tela é pequena e não tem um teclado de tamanho normal. As pessoas precisam usar as pontas dos dedos para tocar e deslizar os elementos da IU. A entrada de texto é particularmente lenta e cheia de erros de digitação, mesmo em dispositivos com mini teclados dedicados.



Telas pequenas significam menos opções visíveis a qualquer momento, exigindo que os usuários confiem em sua memória de curto prazo para construir um modelo mental do sistema nos bastidores.

comprar cartões de crédito de hackers

Design de ux de formulário da web para celular

As etapas de 'criação de perfil' da Domino’s Pizza são repletas de má usabilidade em dispositivos móveis e exigem muita interação estranha do usuário.

Formulários da Web em evolução

Os formulários da web estão no meio de uma fase evolutiva. Antes do nascimento de um paradigma inteiramente novo, estamos em algum lugar entre a fase inicial dolorosa, desajeitada, tediosa e repetitiva de 'digitação em formulários' e o futuro fácil e à prova de idiotas onde o Touch ID, impressão de voz, visão por computador, o reconhecimento facial e as varreduras da íris desbloquearão nossos dados pessoais e fornecerão de maneira contínua e segura todas as informações necessárias aos sistemas que precisam delas.

Designers de UX estão constantemente se esforçando para melhorar a experiência e reduzir a dor que vem com o preenchimento de formulários da web, mas nesta fase intermediária ainda estão fornecendo apenas “vitaminas” - dificilmente a solução definitiva de “analgésicos”.

A fim de fornecer uma experiência de usuário mais amigável e perfeita, alguns dos designs de formulário mais recentes tentam eliminar algumas das frustrações ao implementar uma interface que não tem nenhuma semelhança com os formulários convencionais. Eles conseguem tornar nossas vidas significativamente mais fáceis, mas ainda têm um longo caminho a percorrer.

Design de formulário da web de IU conversacional por Typeform

Typeform usa uma “IU de conversação” para uma experiência do usuário rápida neste formulário de candidatura. Os atalhos de teclado são indicados e integrados na maioria das etapas e respostas, tornando-os uma maneira muito eficiente de preencher um formulário.

O Preenchimento Automático Resgata

O navegador Chrome do Google e seu recurso de preenchimento automático foram uma dádiva de Deus muito esperada para um preenchimento de formulários mais eficiente. Ele armazena dados pessoais inseridos com frequência com segurança - incluindo cartões de crédito - para o preenchimento rápido de formulários da web. Um estudo recente do Google descobriu que desativar o recurso de preenchimento automático do Chrome resultou em 25% menos envios de formulários. O estudo demonstrou que sem ele a experiência é tão chata que alguns usuários abandonam totalmente o preenchimento de formulários.

Surpresa! A digitação tediosa em formulários é algo que as pessoas desejam evitar.

Preenchimento automático do Google Chrome

O recurso de preenchimento automático do Google Chrome ajuda com o preenchimento repetitivo de formulários da web.

Os gerenciadores de senha aliviam a dor

Recuperar e digitar constantemente as senhas de centenas de contas online é cansativo. Os gerenciadores de senhas vieram em seu socorro alguns anos atrás e agora são amplamente usados. 1 senha e Dashlane são duas soluções líderes que, com alguns cliques ou toques, armazenam com segurança e autopreenchem senhas criptografadas para sites e aplicativos.

Preenchimento automático do gerenciador de senha móvel

Uma vez desbloqueado com uma senha mestra ou um touch ID de impressão digital, o gerenciador de senhas do Dashlane preenche automaticamente as senhas.

Os logins sociais acabam com o registro

De acordo com pesquisa compilada por WebHostingBuzz , 86% dos usuários relatam ser incomodados por ter que criar novas contas. Um login social elimina a necessidade de registro. É uma forma de logon único usando informações existentes de um serviço de rede social como Facebook, Google+, LinkedIn e Twitter. Ele aumenta o registro e minimiza as barreiras de entrada, reduzindo a necessidade de nomes de usuário e senhas.

Login social, login social

A tecnologia de dispositivos móveis facilita a carga de formulários

Houve inúmeras melhorias de usabilidade feitas para formulários móveis que também conduzem algumas das novas práticas recomendadas em desktops, como armazenamento e recuperação de valores usados ​​com frequência, usando recursos do telefone (câmera, GPS, voz, lista de contatos) para preencher previamente formulários e formatar dados automaticamente (com base em um código postal pré-selecionado do estado dos EUA).

plano de pandemia para continuidade de negócios

Além disso, dependendo do tipo de entrada necessária, o teclado pode ser alterado; sugestões / preenchimento automático com base nas primeiras letras digitadas podem ser usados, e números de telefone e de cartão de crédito podem ser formatados automaticamente.

Apple Pay, visão computacional

O aplicativo Apple Pay usa a câmera do iPhone e a visão do computador para simplesmente tirar uma foto de um cartão para registrá-lo, sem a tediosa entrada de teclado necessária.

Tendências de formulários da web

Conforme discutido, o design tradicional de formulários da web segue o antigo modelo baseado em papel; é por isso que eles são tão semelhantes. Anteriormente, a tecnologia para coletar dados pessoais de qualquer outra forma não estava disponível, mas está hoje. Em um esforço para deixar totalmente para trás os formulários convencionais da web, os designers estão apresentando aos usuários uma IU limpa e áreas sublinhadas para indicar para onde vão as entradas de texto. Dessa forma, o preenchimento de um formulário é mais natural e menos parecido com a entrada de dados.

Design de formulário da web para celular

Para se distanciar da aparência de “entrada de dados” com campos de entrada e menus suspensos, os designers estão criando designs mais limpos para formulários móveis.


Design de formulários da web para desktop

Um desktop Formulário Google .

Outra tendência é tornar a solicitação de entrada do usuário mais coloquial, o que cria uma interação mais humana. Um precursor de um mundo mais sofisticado de chatbots e outros métodos de entrada do futuro, envolve o entrelaçamento de campos de entrada do usuário em frases e perguntas que fluem naturalmente.

Design de formulário da web de IU conversacional

Um formulário de contato simples e conversacional. ( Nelu Cebotari )


Design de formulário da web móvel para comércio de conversação

Os formulários móveis estão se tornando minimalistas e comunicativos. (Desenhos por Alex Cristache e Fabio Basile no Dribbble)

Máquinas Talk Back: Chatbots e a ascensão de agentes automatizados

Normalmente, os bots são plataformas de inteligência artificial que usam mensagens instantâneas como uma interface de aplicativo. Em vez de colocar a carga sobre os usuários pedindo que eles preencham formulários, os chatbots aliviam essa carga tornando a interação mais natural e coloquial - alguns bots não são IA, mas humanos reais interagindo via chat para fornecer uma experiência incrível ao usuário.

Mesmo que o tempo que algo leve possa ser o mesmo - para completar uma simples reserva de viagem, por exemplo - porque a interação é coloquial e dividida em pedaços, a tensão cognitiva é reduzida e a experiência melhorada.

Bate-papo de IU conversacional GoVoteBot

R / GA e a Ad Council construiu um bot de votação para levar os Millennials às urnas. Simplesmente chamado GoVoteBot , ele interage com os usuários em tempo real no Facebook Messenger.

Os viajantes agora podem fazer reservas com Hotéis Hyatt usando o Facebook Messenger ou simplesmente participe de um chat ao vivo com a equipe do Hyatt para fazer perguntas de forma livre, como se há disponibilidade em feriados específicos.

palavra de modelo de documento de design de software

IU conversacional de comércio conversacional chatbot Hyatt

Usando o Facebook Messenger, o Hyatt Hotels usa sua equipe de relacionamento com o cliente para ajudar os hóspedes a fazer reservas e verificar a disponibilidade.

O seguro é outro setor pronto para a ruptura com o surgimento de agentes automatizados. O Facebook, ao disponibilizar sua plataforma Messenger para qualquer pessoa desenvolver e implantar chatbots, também abriu a porta para o agente de seguros automatizado.

Jack Insurance no Reino Unido faz exatamente isso. Foi construído para fornecer seguro empresarial simples para criativos freelance e profissionais da web, como designers , desenvolvedores , e ilustradores .

Jack insurance chatbot de IU conversacional

Jack é um chatbot simples que orienta os profissionais pelo processo de seguro - sem formulários.

No entanto, ajudar com bandagem uma experiência de preenchimento de formulários com chatbots e similares é apenas meia medida. Não funcionará a longo prazo, porque as pessoas continuarão a ter que fornecer muitos dados pessoais repetidamente.

Não podemos resolver problemas usando o mesmo tipo de pensamento que usamos quando os criamos. - Albert Einstein

Para passar da fase de “vitamina” a um verdadeiro analgésico, precisamos pensar de forma diferente e dar um salto gigantesco para o novo paradigma.

The Rise of AI: Coleta de Dados Fácil de Usar do Amanhã

Quem não passou pelo processo árduo e repetitivo de tentar reservar as férias de verão? Quando planejei um recentemente, preenchi vários formulários repetidamente com três companhias aéreas, uma dúzia de hotéis, duas locadoras de veículos, transferências de aeroporto ... os mesmos nomes, endereços, números de cartão de crédito, números de clube de passageiro frequente, números de telefone, e-mail aborda ... o processo é totalmente destruidor de almas e completamente ridículo.

O Google relata que o estresse não é controlado: 69% dos viajantes a lazer se preocupam por não estarem encontrando o melhor preço ou tomando a melhor decisão durante a reserva de uma viagem. Adicione a isso a experiência ruim do usuário ao preencher formulários intermináveis ​​com as mesmas informações 90% do tempo, e estaremos falando de um processo que é incrivelmente frustrante e estressante. Mesmo com o recurso de preenchimento automático do Chrome e as outras conveniências mencionadas anteriormente, a experiência ainda é angustiante e cheia de tédio.

A visão UX de longo prazo não é continuar aperfeiçoando os formulários da web, mas eliminá-los completamente.

Conforme mencionado anteriormente, devido à variedade de tecnologias disponíveis no celular: GPS, impressão digital (Touch ID), impressão e reconhecimento de voz, varreduras de íris, reconhecimento de rosto, visão computacional, assistentes de IA e chatbots, a inevitável coleta de dados pessoais que deve ocorrer para uma transação online bem-sucedida será revolucionado primeiro no celular. Da mesma forma, sites de desktop podem utilizar recursos de tecnologia de dispositivos móveis para verificação de identidade sofisticada, vinculando-se a eles.

Reserva de viagens de conversação em vez de formulários da web

Podemos acabar com a pesquisa convencional, os resultados de filtragem e os formulários da web e chegar a uma interação mais simples e radicalmente mais agradável ao tentar reservar uma viagem?

Vamos imaginar um futuro ideal com um cofre de dados pessoais que armazena tudo sobre uma pessoa de forma super segura: seu nome, endereço residencial, endereço comercial, números de telefone, milhas de passageiro frequente, data de nascimento, etc. Este cofre de dados pessoais pode ser desbloqueado por um combinação de verificações biométricas, perguntas de segurança e uma senha mestra. Uma vez desbloqueado e com acesso concedido, o site ou aplicativo seria capaz de acessar todas as informações necessárias sem que o usuário precisasse digitar nenhuma informação.

Identificação biométrica e segurança de dados pessoais, formulários da web

Dependendo da plataforma e do dispositivo, diferentes métodos e alternativas podem ser usados ​​para destravar o cofre. Para evitar que os usuários tenham que inserir dados, o sistema faria perguntas simples usando um chatbot ou alguma outra IU de conversação com reconhecimento de voz opcional e processamento de linguagem natural. Se a entrada de voz não for prática, a entrada do teclado estará disponível.

Indo um passo adiante, este cofre de dados pessoais poderia se conectar a outros cofres (um parceiro ou cônjuge, por exemplo) que, com o consentimento do proprietário, seria temporariamente desbloqueado para acessar informações relevantes (o acesso seria breve e apenas as informações solicitadas seriam disponibilizado). Um aplicativo ou site de viagens pode então acessar com segurança todos os dados necessários e fazer planos de viagem sem esforço.

Os formulários da Web logo se tornarão da velha escola - artefatos interessantes de uma era passada, dos quais não haverá mais necessidade. No cenário descrito acima, os designers de UX enfrentarão a criação de melhores experiências sem formulários. Todas as interações convencionais, incluindo a digitação de informações em formulários da web, desapareceriam em segundo plano.

A natureza da entrada do usuário está mudando

A internet e o uso de smartphones criaram uma abundância de dados avassaladora e sempre presente. A “tecnologia do futuro”, como visão computacional, IoT, inteligência artificial e aprendizado de máquina já está aqui, mudando a natureza das interações e o cenário de UX.

As interfaces de usuário convencionais estão desaparecendo e os formulários da web fazem parte dessa mudança. Certamente, algumas necessidades de formulários de entrada do usuário nunca desaparecerão, mas as interfaces invisíveis - onde cada vez menos interação do usuário será necessária para fornecer entrada - se tornarão generalizadas.

Técnicas de IA, como aprendizado de máquina, podem extrair valor do acesso a dados pessoais, e algoritmos inteligentes podem prever quais dados seriam necessários para tornar a conclusão de formulários de emprego, reservas de viagens e compras online mais fácil para os usuários.

adicionar dinheiro ao hack do google wallet

Embora estejamos defendendo aspirações esperançosas e perseguindo esses ideais de UX elevados, ainda existe uma fratura entre as formas criativas de eliminar totalmente os formulários da web e as preocupações com a segurança em relação aos dados pessoais. Sistemas robustos e seguros podem ser projetados, mas precisaremos lidar com essas questões. Estudos têm mostrado que as pessoas estão dispostas a compartilhar dados pessoais e permitir o rastreamento se eles derivam valor significativo e economia de tempo com isso.

Para se manter à frente do jogo, os designers de UX devem começar a refletir sobre cenários futuros cheios de chatbots e interfaces de usuário de conversação. Precisamos otimizar a experiência e descobrir os cenários de caso de uso. As etapas de interação são tão suaves e eficientes quanto possível? Qual é o tom do chatbot? Estamos reduzindo o tempo que leva para fazer as coisas ou aumentando-o? Com as verificações de ID biométricas chegando, como será essa interação? Como podemos servir melhor nossos usuários e oferecer experiências incríveis que tornam a vida mais fácil?

A tecnologia e a natureza das interações mudarão, mas a soma e a substância das melhores práticas de design de UX - o processo de design centrado no usuário - continuarão a evoluir e, por fim, prevalecerão.

• • •

Leituras adicionais no Blog de design do ApeeScape:

  • eCommerce UX - Uma Visão Geral das Melhores Práticas (com Infográfico)
  • A importância do design centrado no ser humano no design de produtos
  • Os melhores portfólios de UX Designer - Estudos de caso e exemplos inspiradores
  • Princípios heurísticos para interfaces móveis
  • Design Antecipatório: Como Criar Experiências Mágicas do Usuário

Será que o desenvolvimento de sistemas de infoentretenimento para automóveis como o Android Auto e o Apple Carplay é o próximo grande sucesso?

Móvel

Será que o desenvolvimento de sistemas de infoentretenimento para automóveis como o Android Auto e o Apple Carplay é o próximo grande sucesso?
Por que os royalties musicais são uma classe de ativos atraente

Por que os royalties musicais são uma classe de ativos atraente

Investidores E Financiamento

Publicações Populares
Manter frameworks PHP MVC Slim com uma estrutura em camadas
Manter frameworks PHP MVC Slim com uma estrutura em camadas
Modelos de preços SaaS - exemplos de estratégia de preços e práticas recomendadas
Modelos de preços SaaS - exemplos de estratégia de preços e práticas recomendadas
A pessoa mais velha do mundo, a italiana Emma Morano, morre aos 117 anos
A pessoa mais velha do mundo, a italiana Emma Morano, morre aos 117 anos
Salesforce Einstein AI: um tutorial de API
Salesforce Einstein AI: um tutorial de API
UX em evolução - Design de produto experimental com um CXO
UX em evolução - Design de produto experimental com um CXO
 
Na adolescência, o estresse excessivo pode desencadear acidez
Na adolescência, o estresse excessivo pode desencadear acidez
Princípios de Design Organizacional e Otimização: Lições da Grande Recessão
Princípios de Design Organizacional e Otimização: Lições da Grande Recessão
Da política à família: como a indicação de Kamala Harris é relevante para a Índia
Da política à família: como a indicação de Kamala Harris é relevante para a Índia
Implementando um servidor Framebuffer remoto em Java
Implementando um servidor Framebuffer remoto em Java
Republicanos e democratas criticam Trump por reivindicar a vitória prematuramente
Republicanos e democratas criticam Trump por reivindicar a vitória prematuramente
Publicações Populares
  • como calcular o valor da opção
  • como programar um robô
  • aprenda a programar em c
  • como escrever uma linguagem de script
  • uma das maneiras que os invasores podem acessar não criptografados
Categorias
  • Ferramentas E Tutoriais
  • Noticias Do Mundo
  • Pessoas E Equipes
  • Ascensão Do Remoto
  • © 2022 | Todos Os Direitos Reservados

    portaldacalheta.pt