6.5 box: Slider

Cosa è

Tecnicamente, un image slider, più brevemente: slider, è una sequenza di immagini e prevede che l'immagine in primo piano, dopo un determinato lasso di tempo, scorra orizzontalmente o verticalmente per lasciare posto alla successiva. In effetti inizialmente lo slider per il sito web di Ateneo funzionava così (il termine inglese slider è usato nell'accezione di: saracinesca). Successivamente, per il passaggio da una immagine alla successiva, lo scorrimento è stato sostituita con la dissolvenza. Altri termini usati per definire questo tipo di interfacce sono: Carousel o Slideshow.

Come funziona

Operativamente, lo slider prende le sue informazioni da una cartella (che va anche essa predisposta dalla redazione web), tipicamente nascosta e con titolo: Slider, che può contenere:

  • immagini
    • la dimensione dell'immagine richiesta è di 900x300 pixel
    • il titolo e la descrizione dell'immagine sono mostrati in sovraimpressione e scorrono solidali con l'immagine
  • collegamenti
    • il titolo del collegamento viene mostrato come call to action (pulsante) nella parte destra dello slider
    • c'è un numero massimo di call to action visualizzabili (solitamente: 5), eventuali collegamenti ulteriori non vengono mostrati

Osservazioni

  • Esiste la possibilità di richiedere che lo slider non mostri testo sulle foto, in quel caso il titolo e la descrizione delle foto vengono ignorati: è utile quando vengono usate immagini che contengono del testo, ma come sempre in questi casi bisogna valutare l'accessibilità
  • Come per ogni contenuto del sito, le immagini e i collegamenti devono essere pubblicati per essere visualizzati
  • L'ordine con cui le immagini sono mostrate ricalca l'ordine di elenco nella cartella
  • L'ordine con cui le call to action sono mostrate ricalca l'ordine di elenco nella cartella
  • Lo stile di questo elemento mutua quello della home page, in particolare:
    • il tempo di permanenza dell'immagine è lo stesso: 5 secondi
    • le call to action sono stabili (non cambiano quando cambia la foto)
    • le foto non sono cliccabili
  • Lo slider è stato pensato per essere posizionato nell'intestazione della pagina, sotto la barra di navigazione.
  • Lo slider risolve l'esigenza di avere un semplice strumento editoriale per la creazione di landing pages di forte impatto visivo, tuttavia bisogna valutarne attentamente l'opportunità perché la presenza dello slider in molti casi penalizza la fruizione dei contenuti; esiste una letteratura estesa in merito, in questa sede per brevità segnalo solo: http://shouldiuseacarousel.com