Principi e linguaggio: un punto di vista indipendente

Questo argomento contiene la trascrizione di un'intervista con Arturo Toledo in merito ai principi di progettazione e al linguaggio di progettazione Microsoft. Arturo è un ex-progettista Microsoft e un relatore internazionale, ora titolare di uno studio indipendente. Arturo è il motore trainante della famosa serie di blog 24 settimane di progettazione di Windows Phone e di un tour di seminari in Europa occidentale chiamato "Beyond Tiles". Il video e altre risorse e informazioni su Arturo sono disponibili su Channel 9

Arturo parla dei principi di progettazione Microsoft in relazione alle app di Windows e Windows Phone. Ci dice cosa ha imparato come progettista negli studi di progettazione Microsoft, cosa ha appreso dal suo lavoro di consulente indipendente e come comprendere la distinzione tra principi di progettazione e linguaggio di progettazione possa aprire le porte a nuove opportunità.

Principi e linguaggio

"Quindi i principi sono... tutto, giusto? Dunque, mi chiamo Arturo Toledo e gestisco un piccolo studio di progettazione chiamato Toledo Design. Ho deciso di usare il mio cognome, perché è più facile. Attualmente siamo un piccolo team di cinque persone.

"Credo che una delle cose più interessanti che ho scoperto negli ultimi anni lavorando come progettista indipendente, e prima durante gli anni di collaborazione con Microsoft, è che esistono questi due diversi aspetti. Principi e linguaggio. L'aspetto che ho imparato a sviluppare, apprezzare e seguire sono i principi.

"Sono convinto che una volta che hai imparato i principi, una volta che ti sei dato l'opportunità di leggere i libri che devi leggere per imparare i principi, il linguaggio che ne risulta è tendenzialmente bello. Adottando i principi, ti liberi da un linguaggio molto rigido e vincolante, aprendo la strada a una miriade di possibilità. Una cosa che mi piace sempre condividere con le persone con cui parlo, siano essi sviluppatori o progettisti, è che non esiste un'affermazione del tipo "Ho finito di definire il mio linguaggio di progettazione attraverso i principi di progettazione". È il lavoro di una vita."

I maestri della progettazione

"Basta dare un'occhiata ad alcuni dei maestri del design moderno, come Massimo Vignelli o Josef Müller-Brockmann, o altri progettisti di questo calibro. Hanno dedicato tutta la loro vita e, se potessero, dedicherebbero altri cento anni a continuare a esplorare questo linguaggio.

"Una delle cose che cerchiamo di fare in ogni progetto, sia per Windows che per Windows Phone, è di spingerci un po' più avanti. Quello con cui mi piace misurarmi e misurare il mio team è, dopo alcune iterazioni, dove siamo arrivati rispetto al passato? E i principi sono l'unica bussola che ci permette di arrivare lì. Se seguissimo un linguaggio, rimarremmo bloccati.

"Quindi ti trovi improvvisamente di fronte a una sfida: questo linguaggio, ottimizzato o incentrato un bel po' sull'uso dei contenuti, non mi permette da solo di arrivare lì. Ma allora, su cosa possiamo fare affidamento in questi casi? Sui principi. I principi di progettazione E credo che le più grandi soddisfazioni che ho avuto negli ultimi anni sono state quando ci siamo trovati di fronte alle limitazioni del linguaggio ma siamo tornati ai principi di progettazione Microsoft (esplorati in origine dal team di Windows Phone e poi adottati da tutti a Microsoft) e abbiamo sempre ottenuto risposte veramente valide, e soluzioni. Credo che i principi, i principi di progettazione Microsoft (e questo è uno degli aspetti che ho potuto confermare varie volte nel tempo) siano universali e senza tempo. Questo significa che se usati correttamente non esistono limiti ai tipi di app che puoi progettare. Credo però che l'elemento cruciale sia dedicare particolare attenzione allo studio dei principi. Ovviamente è importante il linguaggio, ma i principi sono decisamente molto più cruciali, secondo me".

24 Weeks of Windows Phone Design

"Sì, alla fine sono diventate 24 settimane di progettazione di Windows Phone. La storia è interessante. Mi ricordo che nel 2011, Jeff Blankenburg (credo sia questo il suo nome), dalla community, scriveva qualcosa del tipo 20-30 giorni di sviluppo per Windows Phone, o qualcosa di simile. Ma lui ha pubblicato effettivamente un post ogni giorno, incredibile non è vero? Allora ho deciso di prendere un impegno con la community: a partire dal primo gennaio 2012 avrei scritto per 30 giorni della progettazione per Windows Phone, ma dopo 2 giorni mi sono reso conto che era semplicemente impossibile, una montagna di lavoro. Per questo mi sono ritrovato a prolungare un poco alla volta, fino ad arrivare a 24 settimane."

Il tempo trascorso nello studio di progettazione Microsoft

"E il motivo fondamentale che mi ha spinto a farlo... Vedi, ho lavorato alcuni anni per Microsoft in ruoli diversi correlati all'esperienza utente. Ma l'ultimo anno ho avuto la grande opportunità — una grande fortuna onestamente — di partecipare a Windows Phone Design Studio, a suo tempo con Albert Shum, Jeff Fong e altre grandi menti simili dietro i principi di progettazione Microsoft originali.

"Ed è stato sconvolgente per me arrivare in uno studio in cui solo il livello di riflessioni sulla progettazione era molto più elevato di qualsiasi altra cosa avessi sperimentato nella mia vita, personalmente e certamente all'interno di Microsoft. Il livello di conversazione, le critiche erano intelligenti, puntuali, così brillanti che sembrava di andare a una conferenza TED sulla progettazione ogni giorno. E impari tanto semplicemente passando del tempo con questi progettisti e ascoltando conversazioni in corridoio. È stato grande!

"E una delle cose di cui mi sono presto reso conto è il livello di conoscenza dei principi di progettazione moderna che avevano, non "moderno" come nel linguaggio di progettazione "moderno Microsoft", ma i principi di progettazione moderna esplorati dai maestri del ventesimo secolo. Avevo ancora tanto da imparare. Ho capito che veramente avevo ancora molto da imparare, loro parlavano di tipografia, di griglie e io dovevo ancora studiare molte di queste cose, anche come progettista. Perché, sai, negli anni 2000 molti di noi sono stati trascinati da cose come Flash e tutte quelle cose che hanno generato un po' di anarchia nella nostre tecniche di progettazione.

"Ho apprezzato molto quell'anno con il team di Windows Phone perché è stato come tornare alle basi, senza confusione, senza elementi di contorno, senza la necessità di enfatizzare visivamente certe cose, ma mostrare solo quello che serve, progettare solo quello che serve e comunicare il minimo necessario. È stato grandioso per me, con la mia formazione come architetto è stato come un ritorno a quelle radici. Eh sì, è stato un anno eccezionale.

"Allora l'obiettivo che mi sono posto è stato: ok, devi scrivere un post di blog ogni giorno o ogni settimana così da usare questo impegno come meccanismo per studiare e arrivare al livello di quelle incredibili persone con cui devi parlare ogni giorno e ottenere una certa credibilità. Così ho dato il via al processo e, naturalmente, non appena ti metti in una situazione di quel tipo sei costretto a iniziare a fare ricerca, leggere, parlare con altre persone, porre domande, sperimentare. E questo è stato l'obiettivo finale delle 24 settimane di progettazione per Windows Phone. È iniziato come atto egoistico del tipo "voglio arrivare a quei livelli" e poi si è trasformato in qualcosa che la community sembrava apprezzare molto, ha finito per diventare molto utile per tante persone. E credo che il motivo per cui ha ricevuto una buona accoglienza è stato che era tendenzialmente molto pratico, andava oltre delle semplici linee guida. E, ancora una volta, le linee guida sono un prodotto del linguaggio. E di nuovo ho avuto conferma che, se segui il linguaggio, sei destinato a rimanere entro questa gamma di possibilità dei principi. E questa era la lezione più grande da imparare.

"Dunque, 24 settimane, abbiamo dovuto circa 10.000 download da allora. Alla fine l'abbiamo rilasciato in forma di manualetto ebook disponibile per il download. Adesso non mi ricordo esattamente il link, ma è disponibile qui.

"Sì, è stata una grande esperienza e stiamo in effetti iniziando a pianificare, sulla base del successo di questo, un altro libro per quest'anno che spero sarà più incentrato sui principi, ora dal nostro punto di vista. Sì, è stata un'esperienza divertente."

Integrazione della progettazione

"Dunque, abbiamo un paio di persone qui a Seattle, io compreso, e alcune persone a Città del Messico. Mio fratello Alejandro, lui è un mio socio, la sua storia è più nello sviluppo anche se a poco a poco si sta dedicando sempre più alla progettazione delle interazioni con l'utente e all'integrazione della progettazione.

"E questa, ancora una volta, è stata un'altra lezione importante imparata grazie alla collaborazione con il team di Albert, il fatto che quel team è stato il primo a Microsoft che si è impegnato a fornire non solo belle composizioni, ma anche il markup XAML effettivo. E credo che sia stata una svolta all'interno di Microsoft sulla qualità dei prodotti forniti dal team di progettazione. È stato alzato il loro livello di responsabilità e di coinvolgimento. Ma, vedi, non esisteva più il problema della conversione che abbiamo visto per anni: tu fornisci belle composizioni e gli ingegneri le usano come basi per il loro lavoro ma non necessariamente il prodotto finale ci assomiglia. In questo caso il team di progettazione creava da solo il markup. Quindi, quando ho avviato questo piccolo studio, fondamentalmente ho preso mio fratello è gli ho detto "tu sei il reparto di integrazione della progettazione" e la collaborazione è stata molto costruttiva in tutte le fasi, dall'architettura all'integrazione della progettazione."

Un'occhiata più da vicino ai principi

"Siamo partiti dai principi di progettazione per Windows Phone originali a quei tempi. Fondamentalmente erano una drastica riduzione degli elementi, contenuto e non contenitori, dinamicità in movimento, enfasi sugli elementi tipografici e, me ne sto dimenticando uno, autenticamente digitale. Un paio di anni dopo questi principi sono stati leggermente rivisti. E ora abbiamo dichiarazioni come Dimostra la tua abilità con una fattura eccellente, Per un risultato vincente, Fai di più con meno risorse e così via. Durante questi due anni di esplorazione abbiamo anche portato avanti — come possiamo chiamarlo — un processo di perfezionamento dei principi stessi. Penso che attualmente posso ancora dire che stiamo seguendo gli stessi principi. Senza alcun dubbio le radici sono le stesse. Abbiamo appena iniziato, poco alla volta, sperimentando un progetto dopo l'altro, abbiamo iniziato ad ampliare gli orizzonti per alcuni di questi aspetti specifici. Ad esempio, il principio Per un risultato vincente.

"Certamente interessante. Ma come progettista, come può aiutarmi a creare un'interfaccia utente migliore?

"Probabilmente la lezione da imparare in questo caso è che potremmo sfruttare i contratti e tutti questi altri servizi per creare un'esperienza unificata e integrata. I riquadri animati, in modo che l'applicazione possa allargare i suoi confini e farsi spazio nella schermata Start, creando così un'esperienza Windows unificata. Esperienze assolutamente di grande valore."

App di Windows universali

"Quindi, quando parliamo ai clienti che ci chiedono sia app di Windows che di Windows Phone, in genere integriamo queste due idee contemporaneamente fin dall'inizio. Cerchiamo di dimenticare un po' i contratti e altri controlli tipici come la barra dell'app o la barra di spostamento in Windows e tutte queste cose. E cerchiamo invece di pensare solo a esperienze valide per qualsiasi dispositivo e per qualsiasi schermo. E, se ci pensi, il concetto di Windows One è sostanzialmente questo, come realizzare una singola esperienza unica. Una tendenza che abbiamo notato negli ultimi anni è che le persone cominciano a pensare non in termini di app, ma in termini di esperienze. Allora, invece di dire creiamo ad esempio un'app sulla vela per Windows Phone o per un tablet Surface o per Windows, vediamo invece cosa possiamo fare per migliorare l'esperienza di navigazione dell'utente. E il telefono avrà un suo ruolo, così come il tablet e il desktop. E in futuro anche la TV avrà un suo ruolo per migliorare l'esperienza di navigazione.

Informazioni strutturate

"Se dovessi fare un breve riepilogo del modo in cui interpretiamo oggi i principi di progettazione moderna. Uno di essi lo chiamiamo Informazioni strutturate. Cosa significa Informazioni strutturate: se esaminiamo con attenzione tutto quello che Microsoft ha fatto per Windows e Windows Phone, tutto gira attorno a due ingredienti chiave, la griglia e la tipografia. Se tu, come sviluppatore o come progettista, riesci a imparare a usare uno di questi due elementi, sei già al livello successivo.

"E io sto ancora imparando: ieri ho parlato al telefono con un caro amico che ammiro molto — è un capo progettazione per Xbox qui — e ancora mi ha dato una lezione di 10 minuti sulla griglia. È un processo dove si continua a imparare. Ma se impari a usare la griglia e la tipografia, ci sei. L'obiettivo principale di griglia e tipografia è quello di comunicare informazioni strutturate.

"E questo è un principio che altre piattaforme come iOS o Android in origine non hanno adottato. Il fulcro non erano le informazioni strutturate, ma i riquadri, gli strumenti decorativi e le trame. Naturalmente, da allora, abbiamo visto come l'intero settore si sia in qualche modo allineato al percorso avviato da Microsoft qualche anno fa. Pensare che di fatto il contenuto è l'elemento cruciale e che le informazioni sono quelle che contano.

"L'altro aspetto che credo sia molto, molto esclusivo — e abbiamo avuto modo di verificarlo innumerevoli volte in questi due anni — la differenza tra l'esperienza di Microsoft e Windows e iOS e Android è il livello di coinvolgimento che offre. E vedi, questo è quello che fa la differenza. Se dai un'occhiata a iOS 7 o alla versione di Android annunciata di recente, loro vendono l'idea di profondità sull'asse z."

Estendersi oltre lo schermo

"E penso che sia interessante, ovviamente è questo che dovrebbero fare i dispositivi digitali. Tuttavia, il modo in cui Microsoft ha elaborato questo aspetto negli ultimi anni è quello da cui mi sento più attratto. Microsoft ha dedicato molto attenzione a vendere questo coinvolgimento su tre assi: x, y e z.

"Se guardi la visualizzazione panorama, pivot o griglia in Windows, o se passi direttamente a Xbox e dai un'occhiata al dashboard, la sensazione che ricavi dalle schermate di Microsoft è che hai a che fare con contenuto o informazioni o un'interfaccia utente che si estendono oltre i bordi dello schermo. E questo per me è piuttosto magico.

"Ricordo ancora la prima volta che ho preso in mano un Windows Phone: Windows Phone 7. E ho fatto scorrere rapidamente il dito su un panorama. E la sensazione che ho avuto immediatamente è che mi sembrava di essere in uno di quegli spot televisivi dove vedi le informazioni volare fuori dal telefono. Perché questa è proprio la sensazione che provi. Ed ecco un altro suggerimento molto pratico: anteprima del contenuto. Per poter vendere l'idea di continuità oltre i limiti dello schermo, devi mostrare un po' di quello che verrà dopo. Questo è un aspetto tipico che aiutiamo gli sviluppatori a mettere a posto nelle loro app. Se non si vede niente, non puoi vendere l'idea di continuità. Ma se c'è qualcosa da sbirciare, allora stai dicendo all'utente "Guarda che c'è altro da vedere. Scorri qui!" E così puoi passare alla sezione successiva e offrire subito all'utente il divertimento di avere altro contenuto a disposizione. E in uno schermo piccolo, questa espansione improvvisa, l'esperienza coinvolgente di avere la sensazione di estenderti oltre lo schermo, credo sia veramente potente."

Cosa ci porta il futuro

"In questo caso, tutto ciò è stato reso possibile dal linguaggio di progettazione Microsoft. Nei nostri progetti, cerchiamo proprio di mettere in evidenza questi aspetti. Dedichiamo così tanta attenzione alle anteprime del contenuto: ai lati, ma anche in alto e in basso. E sinceramente, uno degli aspetti che più mi entusiasma per il futuro, è l'esplorazione dell'asse z. E al momento per questo tipo di esplorazioni, come progettista, per esplorare un po' il movimento devi tuffarti in strumenti come After Effects. Quello che veramente spero, sto seriamente spingendo sia me stesso che il team a esplorare più in dettaglio animazione e movimento nel corso di quest'anno."

Arturo Toledo

Chief Architect, Toledo Design