{"id":664,"date":"2016-11-03T12:08:38","date_gmt":"2016-11-03T11:08:38","guid":{"rendered":"https:\/\/alistapart.com\/it\/article\/solo-chiacchiere-e-niente-pulsanti-la-conversational-ui\/"},"modified":"2016-11-03T12:08:38","modified_gmt":"2016-11-03T11:08:38","slug":"solo-chiacchiere-e-niente-pulsanti-la-conversational-ui","status":"publish","type":"article","link":"https:\/\/alistapart.com\/it\/article\/solo-chiacchiere-e-niente-pulsanti-la-conversational-ui\/","title":{"rendered":"Solo chiacchiere e niente pulsanti: la conversational UI"},"content":{"rendered":"
\n

Questo articolo \u00e8 il primo di una serie.<\/em> Leggete la seconda parte, Progettare la UI Conversational<\/a><\/span><\/p>\n<\/div>\n

\n

Stiamo assistendo a un’esplosione di applicazioni che non hanno pi\u00f9 una graphical user interface (GUI). In realt\u00e0, \u00e8 da un po’ che girano<\/a>, ma solo recentemente hanno cominciato a diventare mainstream<\/a>. Vengono chiamate bot, virtual assistant, app invisibili<\/a>. Possono girare su Slack, WeChat, Facebook Messenger, semplici SMS, o Amazon Echo. Possono essere interamente gestite dall’intelligenza artificiale o pu\u00f2 esserci un umano dietro le quinte.<\/p>\n

\"Fermoimmagine WarGames<\/cite>: David Lightman parla con Joshua.<\/p>\n

Il mio primo incontro con un’interfaccia conversational \u00e8 stato nel 1983. Ero solo un ragazzino e sono andato a vedere WarGames<\/a> con alcuni amici. Il giovane hacker David Lightman (impersonato da Matthew Broderick) digita tutti i numeri di telefono di Sunnyvale, California, finch\u00e9 accidentalmente si imbatte in un supercomputer militare progettato per simulare la Terza Guerra Mondiale.<\/p>\n

Abbiamo immediatamente capito che questo computer opera a un livello differente: intraprende conversazioni con Lightman, gli chiede come si sente e gli suggerisce di giocare con alcuni giochi. Non ci sono comandi specifici da inserire: semplicemente si parla a questo computer e questo capisce e risponde.<\/p>\n

Avanziamo rapidamente di 30 anni. In Meekan<\/a>, i miei colleghi di team ed io stiamo intraprendendo la creazione di un nuovo tool per programmare le riunioni. Abbiamo pensato: \u201c\u00c8 il 2014! Perch\u00e9 non c’\u00e8 un calendario che funzioni per noi?\u201c Volevamo semplicemente essere in grado di dire al nostro calendario: \u201cDevo incontrare Jan per un caff\u00e8 la prossima settimana\u201c e lasciare che il calendario si preoccupasse di trovare e prenotare il miglior momento e il miglior posto possibili.<\/p>\n

Prima abbiamo abbozzato una pagina web, poi abbiamo creato un’app Android e poi un’app iOS e alla fine un add-in per Outlook. Ognuno di questi era diverso dal precedente: ognuno attaccava il problema da un angolo diverso. E, onestamente, nessuna di queste soluzioni era davvero buona.<\/p>\n

\"Screenshot Le opzioni \u201cTime-of-day\u201c nella nostra iOS App.<\/p>\n

Dopo aver creato interfacce utente per pi\u00f9 di 15 anni, per la prima volta sentivo che l’interfaccia stava seriamente limitando quello che stavo cercando di fare. Quasi nessuno capiva quello che stavamo cercando di fare e quando ci riuscivano, sembrava essere pi\u00f9 difficile da fare nel nostro modo rispetto al modo della vecchia scuola. Saremmo potuti andare avanti a sfornare sempre pi\u00f9 versioni, ma era ora di cambiare approccio. Il range delle possibili azioni, gli innumerevoli modi in cui gli utenti potevano descrivere ci\u00f2 di cui avevano bisogno era semplicemente troppo grande per essere gestito con un insieme di pulsanti e controlli. L’interfaccia ci stava limitando. Avevamo bisogno di qualcosa senza interfaccia<\/em>. Dovreste poterle dire del vostro incontro con Jan e questa dovrebbe renderlo possibile.<\/p>\n

E poi ci venne l’illuminazione: realizziamo un robot!<\/p>\n

Vi racconter\u00f2 tutto riguardo a questo, ma prima dovete sapere una cosa. Se siete un designer o un developer, avrete bisogno di aggiustare un po’ il vostro modo di pensare. Alcuni dei pi\u00f9 comuni pattern e flussi GUI non funzioneranno pi\u00f9, altri appariranno leggermente diversi. Secondo la Oxford University<\/a>, i robot sostituiranno quasi la met\u00e0 dei lavori negli USA nei prossimi 20 anni, quindi qualcuno dovr\u00e0 costruire queste macchine (sto pensando a voi) ed essere sicuro che noi possiamo comunicare con queste in maniera adeguata<\/a>. Spero che condividendo alcuni degli ostacoli che abbiamo gi\u00e0 sorpassato ci aiuter\u00e0 a creare una transizione pi\u00f9 semplice per altri designer. Dopo tutto, molta parte di un buon design riguarda la narrazione di una buona storia e la creazione di un robot \u00e8 una versione ancora pi\u00f9 pura di questo.<\/p>\n<\/div>\n

\n

Photoshop? Dove siamo diretti, non ci serve Photoshop<\/h2>\n

Pensateci. Al momento non avete praticamente controllo sull’aspetto della vostra applicazione. Non potete scegliere un layout o uno stile, non potete cambiare la tipografia. Solitamente, vi fate dare un passaggio sulla piattaforma di qualcun altro, quindi dovete rispettare le loro regole.<\/p>\n

\"Screenshot Lo stesso messaggio in Slack, HipChat e WhatsApp.<\/p>\n

Anzi, diventa peggio! Cosa succede se la vostra piattaforma \u00e8 controllata tramite voce? Non ha nemmeno un lato visuale: l’intera vostra interfaccia deve essere percepita attraverso le orecchie, non gli occhi. Oltre tutto, potreste essere in competizione per lo stesso spazio con altre conversazioni che stanno avvenendo attorno a voi sullo stesso canale.<\/p>\n

Non \u00e8 una situazione semplice e dovrete uscirne tramite linguaggio: tutte le vostre feature dovranno essere raggiungibili esclusivamente tramite parole, quindi \u00e8 importantissimo scegliere la cosa giusta da dire e il tono del proprio dialogo con l’utente. Ora \u00e8 il vostro unico modo per trasmettere quello che fa la vostra applicazione e come lo fa. Gli standard web obbligano ad una separazione di contenuto e stile, ma in questo caso, l’intera parte dello stile va a farsi benedire. Il vostro contenuto adesso \u00e8<\/em> il vostro stile. Senza pi\u00f9 le vostre skill Photoshop, dovrete arrivare all’essenza della storia che state raccontando.<\/p>\n

E gli sviluppatori? Rallegratevi! Il vostro lavoro sar\u00e0 logica pura. Se siete il tipo di sviluppatore che odia giocherellare con CSS, questo potrebbe essere il giorno pi\u00f9 felice della vostra vita.<\/p>\n

Il primo strumento nella vostra nuova cassetta degli attrezzi \u00e8 un editor testuale per scrivere gli script e i comportamenti del robot. Quando le cose si fanno pi\u00f9 complicate, potete usare tool come Twine<\/a> per comprendere i cambiamenti sorprendenti. Tool e librerie per programmare e scalare i bot si stanno moltiplicando esponenzialmente mentre parliamo: cose come Wit.ai<\/a> per la gestione della comprensione del linguaggio, Beep Boop<\/a> per l’hosting e Botkit<\/a> per l’integrazione con la popolare piattaforma Slack<\/a>. (Mentre scrivo questo articolo non ci sono ancora tool onnicomprensivi per gestire l’intero processo dall’inizio alla fine. A me sembra una grossa opportunit\u00e0…).<\/p>\n

Ma, lasciatemelo dire ancora. L’intero settore del visual interface design, tutto quello che sappiamo del posizionamento dei controlli, della gestione delle interazioni con il mouse e il touch, perfino la scelta dei colori, saranno influenzati dalla forma conversational o spariranno del tutto. Memorizzate questa cosa nella vostra cartella temp del cervello per un po’, poi fate un bel respiro e proseguiamo.<\/p>\n<\/div>\n

\n

Prima impressione: presentatevi e suggerite il passo successivo<\/h2>\n

Immaginate un nuovo utente che abbia appena installato la vostra app iOS e l’abbia lanciata per la prima volta. Appare la schermata home. Probabilmente sar\u00e0 piuttosto vuota, ma presenta gi\u00e0 dei controlli famigliari: un menu opzioni, un pulsante impostazioni, un grande pulsante per avviare qualcosa di nuovo. \u00c8 come un banco della frutta: tutto \u00e8 disposto di fronte a voi – meloni, succulente mele – dovete solo scegliere.<\/p>\n

Rispetto a questo, il vostro primo incontro con un robot assomiglia di pi\u00f9 a un confessionale. Dipendete dalla voce dall’altra parte della porta per essere sicuri di non essere da soli e sar\u00e0 la vostra guida per i vostri passi successivi.<\/p>\n

Il vostro primo contatto con l’utente dovrebbe essere la vostra presentazione. Ricordatevi, siete in una chat. Avete solo una o due righe, quindi siate brevi e concisi. Parleremo maggiormente di questo in un secondo articolo, ma ricordatevi che non avere un’interfaccia visibile significa una di queste due cose per gli utenti:<\/p>\n