L’uso delle torte nelle interfacce utente
a cura di Andrea Collet - Caricamento...
Quando il cliente stesso si occupa un'attività creativa, la ricerca di un'esperienza utente che sappia essere all'altezza è ancora più impegnativa e stimolante: recentemente ci è stato, appunto, chiesto di effettuare un re-design del sito web dello studio UP3 Architetti Associati che, ormai con qualche annetto sulle spalle, necessita di un aggiornamento tecnologico e di una rinfrescata stilistica.
La nuova sfida è creare una comunicazione basata sull'immagine con richiami alla fisicità dei materiali e perciò ci siamo prefissati un obiettivo preciso: progettare un'interfaccia di navigazione il più semplice e il meno invasiva possibile. Io e Giuseppe Cosmai abbiamo sfoderato i nostri cappelli verdi e ci siamo messi subito all'opera in un intenso brainstorming di venti minuti (e poi c'è chi pensa che le idee richiedano giorni per essere sviluppate ;) ). Il risultato è un design che coniuga i requisiti di progetto e... udite udite! Supporta anche la navigazione su tutti i dispositivi touch-screen (si, anche iPhone e iPad!).

Come? L'idea è molto semplice: abbiamo sostituito la tipica barra di navigazione con un menu a torta (a dire il vero in italiano è più conosciuto come menu radiale, ma a noi piace la traduzione mangereccia dell'inglese pie menu), cioè una comoda tipologia di menu che dispone le voci attorno ad una circonferenza divisa a spicchi anzichè in una lista verticale o orizzontale. Tenendo premuto a lungo il dito su un punto qualsiasi del sito si fa comparire il menu, mentre e trascinandolo lungo i quattro punti cardinali si attiva la navigazione attraverso le varie aree. Quando non serve scompare da solo. Comodo, no? ;)

Per ora potete dare una sbirciata a qualche immagine degli schizzi e del prototipo in azione. Presto però lo potrete visitare di persona.
Popolo del mobile, stay tuned!





