Interfacce innovative
Giovedì 9 Novembre 2006 - 09:45
di Cesare Lamanna
Sono quattro le tipologie di interfacce innovative per la navigazione e l’interazione sul web presentate in questo intervento su UIGarden.
A parte il drag&drop, mi piace qui segnalare le altre, anche per raccogliere eventualmente i vostri pareri.
La prima è il cosiddetto Fisheye Menu, un progetto elaborato presso il Human Computer Interaction Lab dell’Università del Maryland. Ecco la demo. Il problema per cui intende fornire una soluzione è quello delle lunghe liste da cui selezionare uno specifico item (non è un caso che uno degli esempi della demo riguardi la selezione di una nazione dal listone che tutti conosciamo). La particolarità del menu consiste nel fatto che tutti gli elementi della lista sono di fatto visibili in una sola, piccola schermata. Gli elementi si ingrandiscono automaticamente man mano che il mouse scorre su di essi. Ma in questi casi provare vale più di mille parole, per cui cliccate sul link, attendete il caricamento completo dell’applet Java e attivate il menu con un click sulla voce ‘Fisheye’. Per far notare il confronto con sistemi tradizionali, sono presenti altri tre menu ‘classici’, quelli attualmente più in voga.
La seconda segnalazione riguarda l’operazione di filtraggio di dati attraverso uno slider. L’esempio citato dall’autore del post è quello noto della ricerca dei diamanti sul sito di Amazon. Ma proprio in questi giorni ne ho visto un altro assolutamente splendido: la funzionalità di selezione degli artisti per le stazioni radio di Last.fm (è una delle novità introdotte nei giorni scorsi). Ecco uno screenshot:
Agendo sullo slider si può allargare o restringere il numero degli artisiti che la radio propone, optando per quelli più o meno popolari. Vedere la lista aggiornarsi automaticamente ad ogni piccolo spostamento in un senso o nell’altro è davvero bellissimo, oltre che estremamente efficace.
L’ultima proposta è quella delle cosiddette treemap. In questo caso si tratta di riuscire a visualizzare dati complessi in maniera da evidenziare le relazioni tra gli elementi (tramite le differenze di colore e grandezza, per esempio). Bello ma un po’ macchinoso (è in Java) l’esempio del sito Smartmoney, ma davvero meraviglioso Newsmap, una visualizzazione in tempo reale delle notizie offerte da Google News che molti di voi sicuramente conoscono.
Categoria: Web Design | Permalink
Commenti
1
@Slider-based filtering: un ritorno all’utilizzo della fuzzy logic? vi ricordate che qualche anno fa faceva furore, prima che si parlasse solo di web2.0 e accessibilità?
2
Un plauso per gli studi, davvero. Ma che macello in quelle finestre.
3
Interessante l’esperimento con la navigazione fisheye, ne avevo letto qualcosa su un trattato di information visualization, ma veniva presentato in una forma diversa, molto meno leggibile, in questo caso l’implementazione mi sembra decisamente molto più fruibile.
peccato che manchi una cosa fondamentale, che rende il sistema non troppo vantaggioso rispetto ad un semplice menù a tendina: le shortcut da tastiera, non poter passare direttamente alle nazioni che iniziano con la lettera premuta è un grosso limite (o meglio, è un grosso vantaggio del menù a tendina).su last.fm purtroppo non sono riuscito ad individuare l’interfaccia che indichi.
la versione di amazon non è male, forse dovrebbe essere un po’ più reattiva per essere efficace (o forse dovrei lamentarmi con il mio ufficio IT che la connessione è troppo lenta)…newsmap è molto interessante da un punto di vista strettamente estetico, ma non sono mai riuscito a trovarlo usabile, presenta troppe informazioni contemporaneamente in maniera difficile da interpretare…
Marcello
4
Credo che le interfacce oltre che essere innovative debbano essere per prima cosa usabili e facile da capire e utilizzare. Su alcune di queste (in particolare l’ultima) ho molte perplessità. :)
5
Marcello, per visualizzare lo slider devi iscriverti e iniziare a mandare a last.fm un po’ di dati (la musica che senti al computer), in modo che possa iniziare a fornirti le ‘raccomandazioni’.
6
Interessantissimo e molto pratico il menu FishEye!!!
Mi è piaciuto molto.Le altre interfacce le ho viste (velocemente), ma non le trovo altrettanto interessanti.
Carina la “ricerca dei diamanti“, un’interfaccia del genere può aiutare a velocizzare alcuni tipi di ricerca.
7
con Fisheye non so voi ma io nn vedo le lettere U V…e nn si riesce nemmeno ad utilizzare la scrollbar laterale del browser. Firefox 2.0 XPprof
# - postato da simone - 13 Novembre 2006 - 09:15
8
con Fisheye non so voi ma io nn vedo le lettere U V…e nn si riesce nemmeno ad utilizzare la scrollbar laterale del browser. Firefox 2.0 XPprof
# - postato da simone - 13 Novembre 2006 - 10:01