La fine dei moduli Web

Pubblicato: 2022-03-11

I moduli Web sono fastidiosi, inefficienti e riempiono di terrore le persone. A qualcuno piace davvero compilare moduli web? Tuttavia, sono un "male necessario" che può creare o distruggere alcune delle interazioni online più critiche.

I moduli Web sono ancora per lo più basati su vecchi moduli cartacei, resti di zombie di interfacce utente incentrate sul sistema (rispetto a quelle incentrate sull'utente). Sono passati 30 anni e stiamo ancora digitando le stesse informazioni nei moduli più e più volte.

Il design dell'interfaccia utente del modulo Web deriva dal design del modulo basato su carta
Si può vedere come i moduli Web provengono da moduli cartacei come questa domanda di lavoro KFC.

Per fortuna, sono in arrivo importanti cambiamenti. Tra cinque anni, guarderemo indietro con orrore al modo imbarazzante, lento e frustrante in cui eravamo soliti inserire i dati personali durante la compilazione di domande di lavoro, domande di carte di credito, operazioni di pagamento tramite eCommerce, registrazioni di account... praticamente qualsiasi attività che richieda l'immissione di informazioni. Nonostante l'importanza di queste interazioni, la progettazione delle forme che le abilitano è spesso molto poco ponderata.

Progettazione di moduli web DMV
Chi non ama il DMV? Si spera che questo tipo di forma diventi molto presto una vecchia reliquia polverosa di un passato perduto.

La conclusione è che la maggior parte dei moduli Web oggi, sia desktop che mobili, sono semplicemente esperienze utente terribili. Nonostante innumerevoli libri, studi, articoli e whitepaper di guru del settore UX come The Nielsen Norman Group, Baymard Institute (eCommerce) e Luke Wroblewski (co-fondatore dell'Interaction Design Association), molte organizzazioni, anche quelle la cui linfa vitale dipende da esso —non seguire le migliori pratiche di progettazione di ux di moduli Web.

Ciò si traduce in miliardi e miliardi di mancate entrate.

Sorprendentemente, Amazon, il grande colosso multimiliardario dell'eCommerce, è classificato molto basso nelle "prestazioni complessive dell'esperienza utente di checkout" dal Baymard Institute quando si considerano le interazioni degli utenti con moduli come spedizione e ritiro in negozio, informazioni sulla carta di credito, errori di convalida e Di Più. Quanti affari vengono persi a causa di una UX così scarsa?

Oggi, la maggior parte dei moduli Web è frustrante, lenta da compilare e mette l'usabilità per ultima.

Interfaccia utente UX per la progettazione di moduli Web
Moduli di registrazione dell'account come questi sono uno sforzo mentale per le persone e richiedono tempo per essere compilati.

In termini di tempo e sforzo cognitivo, i moduli online tendono a essere un enorme fastidio. Sono prevalentemente soggetti a errori, mancano di valori predefiniti, di completamento automatico e di formattazione automatica; gestiscono male gli errori di input e non si tratta nemmeno di moduli mobili che richiedono una mentalità di progettazione distinta e hanno diversi problemi di usabilità.

Progettazione di moduli web per domande di lavoro ux
I moduli di domanda di lavoro hanno alcuni dei peggiori UX. Un cercatore di lavoro attivo compila questi moduli ancora e ancora con le stesse informazioni.

Le organizzazioni spesso cercano di raccogliere troppe informazioni dagli utenti anche quando non è necessario completare la transazione. I moduli di donazione sono spesso i maggiori trasgressori in quanto insistono nel raccogliere i dati del profilo del donatore per le proprie statistiche, senza considerare gli interessi del donatore. Immagina se ti venisse detto mentre stai per dare a qualcuno la tua sudata moneta che devi aspettare, contanti in mano, mentre ti grigliano di domande interamente per il loro uso statistico. No grazie.

I moduli mobili (registrazioni di account, checkout, ecc.) sono pieni di problemi e sfide di ux unici. L'input è imbarazzante perché lo schermo è piccolo e manca una tastiera full-size. Le persone devono usare la punta delle dita per toccare e scorrere gli elementi dell'interfaccia utente. L'immissione del testo è particolarmente lenta e piena di errori di battitura, anche su dispositivi con mini tastiere dedicate.

Schermi piccoli significano meno opzioni visibili in un dato momento, richiedendo agli utenti di fare affidamento sulla loro memoria a breve termine per costruire un modello mentale del sistema dietro le quinte.

Progettazione ux di moduli web mobili
I passaggi di "crea profilo" di Domino's Pizza sono pieni di cattiva usabilità sui dispositivi mobili e richiedono un'interazione dell'utente troppo imbarazzante.

Moduli Web in evoluzione

I moduli Web sono nel mezzo di una fase evolutiva. In vista della nascita di un paradigma completamente nuovo, ci troviamo da qualche parte tra la dolorosa, goffa, noiosa e ripetitiva fase iniziale di "digitazione nelle forme" e il futuro disinvolto e a prova di stupidità in cui Touch ID, stampa vocale, visione artificiale, il riconoscimento facciale e le scansioni dell'iride sbloccheranno i nostri dati personali e forniranno in modo continuo e sicuro tutte le informazioni necessarie ai sistemi che ne hanno bisogno.

I designer di UX si sforzano costantemente di migliorare l'esperienza e ridurre il dolore che deriva dalla compilazione di moduli web, ma in questa fase intermedia forniscono ancora solo "vitamine", non certo la soluzione definitiva per "antidolorifici".

Al fine di fornire un'esperienza utente più intuitiva e senza interruzioni, alcuni dei più recenti progetti di moduli cercano di eliminare alcune delle frustrazioni implementando un'interfaccia che non ha alcuna somiglianza con i moduli convenzionali. Riescono a semplificarci notevolmente la vita, ma hanno ancora molta strada da fare.

Progettazione di moduli Web dell'interfaccia utente conversazionale di Typeform
Typeform utilizza una "interfaccia utente conversazionale" per un'esperienza utente rapida su questo modulo di domanda di lavoro. Le scorciatoie da tastiera sono indicate e integrate nella maggior parte dei passaggi e delle risposte, rendendolo un modo molto efficiente per compilare un modulo.

Il riempimento automatico viene in soccorso

Il browser Chrome di Google e la sua funzione di compilazione automatica sono stati una manna dal cielo tanto attesa per un completamento dei moduli più efficiente. Memorizza in modo sicuro i dati personali inseriti di frequente, comprese le carte di credito, per una rapida compilazione dei moduli web. Un recente studio di Google ha rilevato che la disabilitazione della funzione di compilazione automatica di Chrome ha comportato il 25% in meno di invii di moduli. Lo studio ha dimostrato che senza di essa l'esperienza è così fastidiosa che alcuni utenti abbandonano del tutto la compilazione dei moduli.

Sorpresa! La noiosa digitazione nei moduli è qualcosa che le persone vogliono evitare.

Compilazione automatica di Google Chrome
La funzione di compilazione automatica di Google Chrome aiuta con la compilazione ripetitiva di moduli web.

I gestori di password alleviano il dolore

Recuperare e digitare costantemente le password per centinaia di account online è noioso. I gestori di password sono venuti in soccorso alcuni anni fa e ora sono ampiamente utilizzati. 1Password e Dashlane sono due soluzioni leader che, con pochi clic o tocchi, archiviano in modo sicuro e compilano automaticamente le password crittografate per siti Web e app.

Compilazione automatica del gestore password mobile
Una volta sbloccato con una password principale o un'impronta digitale touch ID, il gestore password di Dashlane compila automaticamente le password.

Gli accessi social mettono fine alla registrazione

Secondo una ricerca compilata da WebHostingBuzz, l'86% degli utenti dichiara di essere infastidito dal dover creare nuovi account. Un accesso social elimina la necessità di registrazione. È una forma di single sign-on che utilizza le informazioni esistenti da un servizio di social network come Facebook, Google+, LinkedIn e Twitter. Aumenta la registrazione e riduce al minimo le barriere all'ingresso riducendo la necessità di nomi utente e password.

Accesso sociale, accesso sociale

La tecnologia dei dispositivi mobili allevia il peso dei moduli

Sono stati apportati numerosi miglioramenti all'usabilità per i moduli mobili che guidano anche alcune delle nuove migliori pratiche sui desktop, come l'archiviazione e il recupero dei valori utilizzati di frequente, l'utilizzo delle funzioni del telefono (fotocamera, GPS, voce, elenco contatti) per precompilare moduli e formattazione automatica dei dati (basata su un codice postale preselezionare lo stato USA).

Inoltre, a seconda del tipo di input necessario, è possibile modificare la tastiera; possono essere utilizzati suggerimenti/completamento automatico in base alle prime lettere digitate e numeri di telefono e numeri di carta di credito possono essere formattati automaticamente.

Apple Pay, visione artificiale
L'app Apple Pay utilizza la fotocamera dell'iPhone e la visione artificiale per scattare semplicemente una foto di una carta per registrarla, senza bisogno di noiosi input da tastiera.

Tendenze dei moduli Web

Come discusso, la progettazione di moduli Web tradizionale segue il vecchio modello cartaceo; ecco perché sembrano così simili. In precedenza, la tecnologia per raccogliere dati personali in qualsiasi altro modo non era disponibile, ma lo è oggi. Nel tentativo di abbandonare completamente i moduli Web convenzionali, i designer presentano agli utenti un'interfaccia utente pulita e aree sottolineate per indicare dove vanno gli input di testo. In questo modo, la compilazione di un modulo risulta più naturale e meno simile all'immissione di dati.

Progettazione di moduli web mobili
Per allontanarsi dall'aspetto dell'"immissione dei dati" con campi di input e menu a discesa, i designer stanno realizzando design più puliti per i moduli mobili.


Progettazione di moduli Web desktop
Un modulo Google desktop.

Un'altra tendenza è rendere la richiesta di input dell'utente più colloquiale, il che crea un'interazione più umana. Precursore di un mondo più sofisticato di chatbot e altri metodi di input del futuro, implica l'intreccio dei campi di input dell'utente in frasi e domande a flusso naturale.

Progettazione di moduli web dell'interfaccia utente conversazionale
Un semplice modulo di contatto colloquiale. (Nelu Cebotari)


Progettazione di moduli web mobili per il commercio conversazionale
Le forme mobili stanno diventando minimaliste e colloquiali. (Disegni di Alex Cristache e Fabio Basile su Dribbble)

Le macchine parlano: i chatbot e l'ascesa degli agenti automatizzati

In genere, i bot sono piattaforme di intelligenza artificiale che utilizzano la messaggistica istantanea come interfaccia dell'applicazione. Invece di caricare gli utenti chiedendo loro di compilare moduli, i chatbot alleviano tale onere rendendo l'interazione più naturale e colloquiale: alcuni bot non sono IA ma veri esseri umani che interagiscono tramite chat per fornire un'esperienza utente straordinaria.

Anche se il tempo impiegato da qualcosa può essere lo stesso, ad esempio per completare una semplice prenotazione di viaggio, poiché l'interazione è colloquiale e suddivisa in blocchi, lo sforzo cognitivo viene ridotto e l'esperienza migliora.

Chatbot dell'interfaccia utente conversazionale GoVoteBot
R/GA e Ad Council hanno creato un robot di voto per portare i Millennial alle urne. Chiamato semplicemente GoVoteBot , interagisce con gli utenti in tempo reale su Facebook Messenger.

I viaggiatori possono ora effettuare prenotazioni con gli hotel Hyatt utilizzando l'app Facebook Messenger, o semplicemente impegnarsi in una chat dal vivo con il team Hyatt per porre domande in forma libera, ad esempio se c'è disponibilità durante particolari festività.

Chatbot di commercio conversazionale dell'interfaccia utente conversazionale Hyatt
Utilizzando Facebook Messenger, Hyatt Hotels utilizza il proprio personale addetto alle relazioni con i clienti per aiutare gli ospiti a effettuare prenotazioni e verificare la disponibilità.

L'assicurazione è un altro settore pronto per essere sconvolto dall'ascesa degli agenti automatizzati. Facebook, rendendo disponibile la sua piattaforma Messenger a chiunque possa sviluppare e distribuire chatbot, ha anche aperto le porte all'agente assicurativo automatizzato.

Jack Insurance nel Regno Unito fa proprio questo. È stato creato per fornire una semplice assicurazione aziendale per creativi freelance e professionisti del web come web designer, sviluppatori e illustratori.

Chatbot dell'interfaccia utente conversazionale di Jack Insurance
Jack è un semplice chatbot che guida i professionisti attraverso il processo assicurativo, senza moduli.

Tuttavia, il cerotto e un'esperienza di riempimento dei moduli con chatbot e simili è solo una mezza misura. Non funzionerà a lungo termine perché le persone continueranno a dover fornire ripetutamente molti dati personali.

Non possiamo risolvere i problemi usando lo stesso tipo di pensiero che abbiamo usato quando li abbiamo creati. – Albert Einstein

Per passare dalla fase "vitaminica" a un vero antidolorifico, dobbiamo pensare in modo diverso e fare un salto da gigante nel nuovo paradigma.

L'ascesa dell'IA: raccolta di dati di domani di facile utilizzo

Chi non ha affrontato l'arduo e ripetitivo processo di cercare di prenotare una vacanza estiva? Quando ne ho pianificato uno di recente, ho compilato più e più volte numerosi moduli con tre compagnie aeree, una dozzina di hotel, due società di autonoleggio, trasferimenti aeroportuali... gli stessi nomi, indirizzi, numeri di carta di credito, numeri di club frequent flyer, numeri di telefono, e-mail indirizzi... il processo è assolutamente letale e completamente ridicolo.

Google riferisce che lo stress è incontrollato: il 69% dei viaggiatori di piacere teme di non trovare il prezzo migliore o di non prendere la decisione migliore durante la prenotazione di un viaggio. Aggiungi a ciò la scarsa esperienza dell'utente che compila infiniti moduli con le stesse informazioni il 90% delle volte, e stiamo parlando di un processo incredibilmente frustrante e stressante. Anche con la funzione di riempimento automatico di Chrome e le altre comodità menzionate in precedenza, l'esperienza è ancora straziante e piena di noia.

La visione a lungo termine della UX non è quella di continuare a perfezionare i moduli web, ma di eliminarli del tutto.

Come accennato in precedenza, a causa della gamma di tecnologie disponibili sui dispositivi mobili: GPS, fingerprinting (Touch ID), impronta vocale e riconoscimento, scansioni dell'iride, riconoscimento facciale, visione artificiale, assistenti AI e chatbot, l'inevitabile raccolta di dati personali che deve verificarsi per una transazione online di successo verrà rivoluzionato prima sui dispositivi mobili. Di conseguenza, i siti desktop potrebbero utilizzare le capacità tecnologiche dei dispositivi mobili per una sofisticata verifica dell'ID collegandosi con essi.

Prenotazione di viaggio colloquiale invece di moduli web
Possiamo porre fine alla ricerca convenzionale, al filtraggio dei risultati e ai moduli Web e trovare un'interazione più semplice e radicalmente più piacevole quando si tenta di prenotare un viaggio?

Immaginiamo un futuro ideale con un archivio di dati personali che archivia tutto ciò che riguarda una persona in modo super sicuro: nome, indirizzo di casa, indirizzo di lavoro, numeri di telefono, miglia frequent flyer, data di nascita, ecc. Questo archivio di dati personali potrebbe essere sbloccato da un combinazione di verifiche biometriche, domande di sicurezza e una password principale. Una volta sbloccato e concesso l'accesso, il sito o l'app sarebbero in grado di accedere a tutte le informazioni necessarie senza che l'utente debba digitare alcuna informazione.

Identificazione biometrica e sicurezza dei dati personali, moduli web

A seconda della piattaforma e del dispositivo, è possibile utilizzare diversi metodi e fallback per sbloccare il Vault. Per evitare che gli utenti debbano inserire dati, il sistema poneva quindi semplici domande utilizzando un chatbot o un'altra interfaccia utente conversazionale con riconoscimento vocale ed elaborazione del linguaggio naturale opzionali. Se l'input vocale non è pratico, sarà disponibile l'input da tastiera.

Facendo un ulteriore passo avanti, questo deposito di dati personali potrebbe collegarsi ad altri depositi (un partner o un coniuge, ad esempio) che, con il consenso del proprietario verrebbero temporaneamente sbloccati per accedere alle informazioni rilevanti (l'accesso sarebbe breve e solo le informazioni richieste sarebbero reso disponibili). Un'app o un sito di viaggio potrebbe quindi accedere in modo sicuro a tutti i dati necessari e organizzare il viaggio senza sforzo.

I moduli Web diventeranno presto vecchia scuola, interessanti manufatti di un'era passata per i quali non ce ne sarà più bisogno. Nello scenario sopra descritto, gli UX designer dovranno affrontare la progettazione di esperienze migliori senza moduli. Tutte le interazioni convenzionali, inclusa la digitazione delle informazioni nei moduli Web, scomparirebbero in secondo piano.

La natura dell'input dell'utente sta cambiando

L'uso di Internet e degli smartphone ha creato un'abbondanza di dati travolgente e sempre presente. La "tecnologia futura", come la visione artificiale, l'IoT, l'intelligenza artificiale e l'apprendimento automatico è già qui, e sta cambiando la natura delle interazioni e il panorama dell'esperienza utente.

Le interfacce utente convenzionali stanno scomparendo e i moduli Web fanno parte di questo cambiamento. Certamente, la necessità di moduli di input dell'utente non scomparirà mai, ma le interfacce invisibili, in cui sarà necessaria sempre meno interazione dell'utente per fornire input, diventeranno diffuse.

Le tecniche di intelligenza artificiale come l'apprendimento automatico possono estrarre valore dall'accesso ai dati personali e gli algoritmi intelligenti possono prevedere quali dati sarebbero necessari per rendere più facile per gli utenti il ​​completamento di domande di lavoro, prenotazioni di viaggi e acquisti online.

Mentre sosteniamo aspirazioni di speranza e perseguiamo questi elevati ideali UX, rimane una frattura tra i modi inventivi per eliminare completamente i moduli Web e i problemi di sicurezza relativi ai dati personali. È possibile progettare sistemi robusti e sicuri, ma dovremo affrontare queste preoccupazioni. Gli studi hanno dimostrato che le persone sono disposte a condividere i dati personali e consentire il tracciamento se ne ricavano un notevole risparmio di tempo e valore.

Per stare al passo con il gioco, i designer di UX dovrebbero iniziare a riflettere su scenari futuri pieni di chatbot e interfacce utente conversazionali. Dovremo ottimizzare l'esperienza e capire gli scenari dei casi d'uso. I passaggi di interazione sono il più agevoli ed efficienti possibile? Qual è il tono del chatbot? Stiamo riducendo il tempo necessario per portare a termine le cose o aumentandolo? Con l'arrivo delle verifiche dell'ID biometrico, come sarà quell'interazione? Come possiamo servire meglio i nostri utenti e offrire esperienze straordinarie che semplificano la vita?

La tecnologia e la natura delle interazioni cambieranno, ma la somma e la sostanza delle migliori pratiche di progettazione dell'esperienza utente, il processo di progettazione incentrato sull'utente, continueranno ad evolversi e alla fine a prevalere.

• • •

Ulteriori letture sul blog di Toptal Design:

  • eCommerce UX: una panoramica delle migliori pratiche (con infografica)
  • L'importanza del design incentrato sull'uomo nel design del prodotto
  • I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
  • Principi euristici per interfacce mobili
  • Design anticipatorio: come creare esperienze utente magiche