Scrolling e interfaccia utente
Lunedì 23 Febbraio 2009 - 09:44
di Cesare Lamanna
Davvero notevole questo jquery.scrollable. Si tratta di un plugin per il celebre framework in grado di applicare un comportamento e un’interfaccia a scrolling a qualunque elemento HTML. Come chiarito dagli autori, si presta bene in situazioni come quelle rappresentate da news ticker, playlist di video, cataloghi di prodotti, gallerie di immagini, etc.
Ben documentato, il plugin è accompagnato da numerose demo che ne mostrano tutte le potenzialità.
Ma lo spunto che mi ha dato è un altro, e prescinde dalle funzionalità offerte.
Tra le opzioni rese disponibili allo sviluppatore, c’è anche la possibilità di scorrere i contenuti attraverso la testiera (frecce sinistra e destra) e la rotellina del mouse (si deve in questo caso ricorrere ad un secondo plugin, jquery.mousewheel). Così, la demo presente sulla pagina principale, può essere navigata in ben quattro modi:
- cliccando sui singoli item
- usando le frecce poste a destra e sinistra del box o i piccoli cerchi in alto
- usando le frecce sinistra e destra sulla tastiera
- usando la rotellina del mouse
Ora, io l’ho scoperto che si poteva usare la rotellina (amo usare la rotellina per questo genere di cose, lo trovo comodissimo) solo perché l’ho letto, nessun elemento dell’interfaccia mi invitava a farlo, niente me lo suggeriva. Al contrario, è naturale cliccare sugli item o usare le frecce messe ai lati del box e i cerchi perché in qualche modo suggeriscono senza che sia necessario usare parole il loro uso:
Detto che sarebbe poco carino, diciamo così, dover usare in questi casi delle frasi come “Puoi usare la rotellina del mouse o la tastiera per scorrere i contenuti”, vi siete mai posti il problema di come suggerire all’utente opzioni di questo tipo senza ricorrere a frasi di avviso e spiegazione? Esiste o avete sperimentato qualche meccanismo come quello, per esempio, del drag&drop, in cui la trasformazione del cursore del mouse è di per sé in grado di suggerire l’azione da compiere?
Categoria: Web Design | Permalink
Commenti
1
L’icona che compare quando si preme sulla rotellina del mouse sarebbe l’elemento di interfaccia più adatto.
Lo scroll dovrebbe però funzionare solo quando il puntatore del mouse si trova nell’area interessata, per non entrare in conflitto con lo scroll della pagina.
2
Non mi ricordo di avere visto qualche soluzione per indicare la presenza di una tale funzionalità all’utente.
Ma poiché mi sembra che la funzionalità sia operativa soltanto quando il puntatore del mouse si trova nel box delle immagini, una possibile soluzione è cambiare il puntatore (ovvero la mano) con un puntatore più suggestivo (mano + rotella).
3
x francesco
funziona così infatti: la rotellina ha effetto solo quando sei nell’area dell’elemento# - postato da saibal - 23 Febbraio 2009 - 15:09
4
inserire testi esplicativi è spesso sintomo di “cattiva interfaccia”.
effettivamente dato che il comportamento non è standard, una soluzione sarebbe di rendere il concetto attraverso delle icone, oppure di lasciare all’utente la scoperta a mo di “progressive enchancement” a livello di interazione.# - postato da Jan Tonellato - 23 Febbraio 2009 - 15:11