Progettazione futura dell'interfaccia utente senza pulsanti

Pubblicato: 2022-03-11

Cosa sono i pulsanti e ne abbiamo davvero bisogno?

Fin dagli albori delle interfacce utente grafiche, abbiamo utilizzato i pulsanti. Considera che la GUI originale di Xerox PARC ha 44 anni, eppure le nostre interfacce utente sono ancora straordinariamente simili. Di recente ho tracciato la storia degli stili dei pulsanti creando la linea temporale di Dribbble. Sebbene i pulsanti si siano evoluti in sintonia con le tendenze attuali e parallelamente alla tecnologia, la loro origine è senza dubbio ispirata da oggetti reali del passato.

Immagine scansionata dal catalogo autunnale del 1897 di Sears First Electric Buzzer
Angolo in basso a destra - Catalogo autunnale Sears First Electric Buzzer 1897.

Da oltre un decennio creiamo dispositivi senza un'interfaccia fisica, che non dipendono dal tocco umano ma possono essere attivati ​​con la voce o con i gesti. Perché ci ostiniamo a creare forme con cui interagire basate sugli oggetti familiari che ci circondano? La forma di un pulsante digitale è ancora modellata su strumenti e meccanismi che abbiamo sviluppato nel 19° secolo!

Abbiamo creato dispositivi elettronici completamente nuovi e intelligenti: possiamo gestirli in quasi tutti i modi che scegliamo, ma per pigrizia o forza dell'abitudine, continuiamo a costringere i nostri utenti a fare clic su una piccola area complicata larga solo pochi pixel.

È tempo di fare qualcosa al riguardo: è tempo di pensare senza bottoni.

Interfaccia utente "senza pulsanti": dove tutto interagisce

Un'"utopia senza bottoni" è un concetto in cui qualsiasi tentativo di aggrapparsi a oltre 130 anni di come le cose sono sempre state fatte è completamente infranto. Il futuro è adesso: dobbiamo andare avanti e spogliarci delle soluzioni antiquate dei nostri predecessori.

È possibile per noi immaginare un'interfaccia completamente priva di pulsanti? Qualcosa di così intuitivo, che solo guardandolo, saprai come agire? Non è più necessario che sia solo nella nostra immaginazione: queste interfacce esistono già.

App Microsoft HoloTour in AR
Microsoft HoloLens: HoloTour.

Possiamo, una volta per tutte, eliminare il venerato bottone? Microfoni, fotocamere, touch screen, vibrazioni, accelerometri, giroscopi, GPS, realtà estesa, realtà virtuale - l'elenco potrebbe continuare - e tutto questo gestito dal tuo smartphone o PC. Non c'è più alcun motivo per continuare a costringere i tuoi utenti a premere quel minuscolo rettangolo.

Eliminiamo i pulsanti nelle interfacce utente

Hai letto Type Design dove le interfacce sono prive di qualsiasi elemento grafico e dove l'unica cosa che conta è il contenuto? Molti di voi hanno chiesto: "E i pulsanti?" Non ne abbiamo più bisogno, eliminiamoli completamente.

Ecco un paio di idee interessanti:

Facebook ha appena chiesto: "Qual è il tuo umore?" Non c'è bisogno di premere un pulsante per rispondere, usa la tua voce, digli solo che ti senti bene e vai in spiaggia. Quindi trascina il testo che Facebook riconosce dalla tua risposta nel punto in cui desideri che appaia.

Animazione dell'interfaccia vocale
Cerca a voce.

Ti piace un articolo su Medium? Qualche tempo fa su Medium, potevi semplicemente "consigliare" un articolo. Oggi facciamo clic su "applausi". Quindi "batti le mani". E se non fosse necessario fare clic su questo strano piccolo pulsante, solo letteralmente applaudire ?

Uomo che applaude a un articolo su Medium
Concetto senza bottoni di Wojciech Dobry (…Non prenderlo troppo sul serio).

Che dire di alcune azioni più complesse? Come una cassa in un negozio online. Trascina un articolo nel carrello, scorri per procedere al pagamento, quindi confermalo con la tua impronta digitale. Vai tranquillo.

Animazione dell'interfaccia utente
ASOS - Aggiungi al carrello animazione di Zachary Zhao.

Pensa al contenuto e all'intero schermo

Iniziamo con le superfici che tocchiamo attualmente per eseguire un'azione. Dato che la stragrande maggioranza delle moderne interfacce utente grafiche sono display touch screen, spesso gestiti con i pollici, è ovvio che tali interfacce rimarranno con noi per molto tempo. E avremo sicuramente quell'irresistibile voglia di toccare: il tocco è la nostra sensazione più importante dopo tutto. Toccare la superficie ci dà un senso di azione reale, di controllo. Come sarebbe che invece di cliccare su un punto particolare, insegnassimo ai nostri utenti a interagire con l' intera superficie ?

Vediamo come fa Instagram:

Navigazione della storia di Instagram
Navigazione della storia di Instagram.

Hai mai visto un pulsante che ti permette di sfogliare una Storia di Instagram e tornare alla Storia precedente? Probabilmente no, perché tutto ciò che devi fare è toccare il bordo sinistro dello schermo per farlo accadere.

Gli utenti si aspettano nuovi modi di interagire con i nostri prodotti digitali e spesso non è necessario premere un pulsante. Le carte sono reattive su tutte le loro superfici; cliccando su una qualsiasi parola, ci aspettiamo di trovarne la definizione; toccando le immagini, ci aspettiamo qualche azione. Gli utenti sono già abituati al fatto che intere aree rispondono al tocco.

Riconoscimento dei gesti

Comprendiamo molto bene i gesti perché sono naturali per noi e si riflettono nelle nostre azioni fisiche. Attualmente, quasi tutte le applicazioni li utilizzano per velocizzare la navigazione; possiamo toccare due volte una foto invece di premerla come un pulsante; possiamo scorrere per sfogliare la gallery; o pizzica per ingrandire qualsiasi contenuto.

Animazione dell'interfaccia utente che disegna il cuore sul touch screen
Virgilio Pana.

Interfaccia dell'interfaccia utenteInterfaccia dell'interfaccia utente

Interfacce utente di Ramotion & Jarek Berecki.


Facciamo gesti non solo su touchscreen piatti: i gesti vengono eseguiti anche negli spazi AR e VR, dove possiamo navigare con tutto il nostro corpo.

Uomo che usa i gesti in realtà aumentata
Gesti su HoloLens di Microsoft.


Uomo che usa il riconoscimento dei gesti per controllare l'IoTUomo che usa il riconoscimento dei gesti per controllare l'IoT

Riconoscimento dei gesti Clay VR su iPhone.

Interfacce vocali

Siri, Cortana, Alexa e Google Assistant sono tutti attivi e funzionanti. Molti sostengono che le interfacce vocali siano il futuro: è difficile non essere d'accordo poiché i loro potenziali usi sono innumerevoli. Possiamo controllare veicoli, edifici intelligenti e macchine semplicemente parlando con loro, proprio come parliamo con una persona reale. Con l'intelligenza artificiale e l'apprendimento automatico, le macchine sono ora in grado di comprendere la nostra lingua in modo sempre più accurato. Non siamo più limitati a pronunciare "incantesimi magici" accuratamente sceneggiati; possiamo parlare a frasi intere.

OK pubblicità di Google
OK, Google...

Usando la voce, possiamo muoverci liberamente nel mondo dei trasferimenti di denaro. Attualmente, Siri ti consente di trasferire denaro tramite PayPal a un'altra persona utilizzando solo una rapida richiesta: "Siri, invia $ 200 a XYZ utilizzando PayPal". Nessun pulsante: l'unico controllo di sicurezza e di conferma richiesto è Touch ID.

Siri utilizzato per il trasferimento PayPal su iPhone

Azioni fisiche, dispositivi collegati e riconoscimento video

Sorridi per pagare? È qui! Alibaba e KFC hanno lanciato insieme un sistema che ti consente di pagare semplicemente sorridendo alla telecamera, senza pulsanti da premere. Il sistema funziona sul riconoscimento facciale ed è ora disponibile in Cina.

KFC e Alibaba sorridono per pagare il sistema

Questo è solo uno dei potenziali usi. I nostri dispositivi sono già dotati di tutta una serie di sensori e possono monitorare tutto il tuo corpo. Nulla ti impedisce di utilizzare un dito per eseguire qualsiasi azione sul tuo smartphone.

iWatch utilizzato per sbloccare MacBook Pro

Un altro esempio di azione fisica che accelererà la scomparsa dei pulsanti è semplicemente la vicinanza al dispositivo. Diamo un'occhiata all'iWatch, ad esempio: basta accoppiarlo al laptop e attendere per sbloccare il MacBook. I dispositivi indossabili possono essere utilizzati per confermare la nostra identità e per prevedere in modo intelligente le nostre esigenze in base alla posizione e ai dati dei sensori. Grazie a loro, possiamo già evitare di utilizzare i pulsanti su molte interfacce.

Giroscopio utilizzato per controllare il dispositivoGiroscopio utilizzato per controllare il dispositivo

Non dimentichiamoci delle tecnologie ampiamente disponibili da diversi anni. Uno è il giroscopio, disponibile in quasi tutti gli smartphone ma usato raramente nelle interfacce. Sopra, puoi vedere le interfacce sperimentali create da Patryk Adas.

L'interfaccia utente progetta il futuro

Con così tante diverse opzioni a nostra disposizione, ora è possibile dimenticare di utilizzare i tipici pulsanti rettangolari con cui gli utenti possono interagire. Con la tecnologia odierna, abbiamo la capacità di creare interfacce completamente nuove in grado di:

  • Risparmia tempo agli utenti
  • Prevenire errori, scivolate ed errori
  • Compensare eventuali azioni accidentali

Concetti dell'interfaccia utenteConcetti dell'interfaccia utente

Interfacce concettuali di Cosmin Capitan e Ramotion.


È giunto il momento: la tecnologia ci sta superando. Noi, designer, DOBBIAMO perseguirlo... ed essere sicuri di recuperare il ritardo!