it-swarm-eu.dev

Schede scorrevoli

Usare o non usare le schede scorrevoli orizzontalmente? Puoi vederli su iTunes Store o vedere questa demo: http://flowplayer.org/tools/scrollable/index.html#demos A volte sono un po 'sorpreso mentre sto scorrendo verticalmente e il contenuto inizia a scorrere in orizzontale.

3
user3566

Penso che sia solo qualcosa di "fantasioso" ma non c'è davvero esperienza utente aggiunta in esso!
Se si adatta meglio al tuo design, allora usalo, ma per il resto non c'è davvero bisogno di questo ... la navigazione della scheda funziona alla grande senza animazione!

3

L'utilità delle schede è discutibile al massimo. Non vedo davvero il valore aggiunto. Per visualizzare diapositive come questa, un approccio molto migliore IMO consiste nell'utilizzare qualcosa di simile alla visualizzazione di immagini, che molti navigatori del web conoscono in questi giorni. In questo esempio vengono utilizzate le anteprime:

Example of slides with thumbnails

Un altro approccio è quello di rinunciare alle anteprime e visualizzare piccoli cerchi:

Example using small circles instead of thumbnails

Se l'ordine delle diapositive è importante, puoi anche visualizzare numeri anziché cerchi. Se temi che i visitatori del tuo sito non possano ottenerlo, puoi avere la riproduzione automatica delle diapositive. La riproduzione automatica si interrompe quindi quando l'utente fa clic su una miniatura o una cerchia.

3
Hisham

Anche se le schede scorrevoli "sembrano funky", mi spingerei personalmente verso schede "normali".

La metafora visiva presente nelle schede è costituita da informazioni separate organizzate in singole schede. Con le schede scorrevoli, le schede diventano più simili a tacche in una lunga presentazione orizzontale ... che IMHO, non è ciò che le schede "normalmente" rappresentano.

È un caso di Don't Me Me Think (Steve Krug) per l'utente. Se l'interfaccia utente si comporta in modo significativamente diverso dal previsto, potrebbe confondere l'utente e distrarlo dal proprio compito.

Detto questo, confesso che sono un fanatico dell'interfaccia utente sexy e quindi se riesci a spremere una sorta di animazione tra le schede durante il passaggio, ciò li fa comunque sentire come schede (forse svanire rapidamente/dissolvenza nel contenuto?) - Dico Fallo.

1
scunliffe

Mi piace guardare le metafore del mondo reale per iniziare il mio processo di pensiero per la progettazione nel mondo virtuale. È facile trovare metafore familiari, provate e vere e familiari quando si pensa alla navigazione poiché progettiamo strumenti di navigazione e organizzazione per il mondo reale da così tanto tempo.

Le schede nel mondo reale sono progettate sia per l'organizzazione che per la navigazione di grandi categorie. Se pensi alle schede trovate in un raccoglitore soggetto a 3 anelli o in un libro di cucina o nel manuale del proprietario della tua auto, le schede vengono utilizzate per trovare rapidamente una categoria generale. IMO, se hai così tante schede che devi scorrere tra di esse, o ne hai troppe o devi usare un layout diverso o una metafora diversa dalle schede.

Un layout di scheda diverso potrebbe impilare le categorie verticalmente in una colonna, come un Rolodex. La disposizione verticale degli oggetti ti permetterebbe di adattare più oggetti di quanti ne potresti orizzontalmente. A differenza di Rolodex, il contenuto appare a sinistra o a destra della scheda, quindi questo rende una "scheda" piuttosto strana, ma viene utilizzata sempre di più nel mondo virtuale.

Una metafora diversa potrebbe essere un sommario, un menu del ristorante, una directory del centro commerciale, tutti in genere organizzati anche dall'alto verso il basso. In questo caso, scorrere le categorie sembra più accettabile, poiché nel mondo reale questi esempi di elenchi di categorie possono essere lunghi diverse pagine. Se stai scorrendo le categorie sotto la piega o oltre il limite della pagina, utilizzerei un riquadro o un meccanismo di scorrimento separato. A differenza di una scheda, l'elenco a scorrimento delle categorie deve spostarsi indipendentemente dal contenuto. Basta essere sicuri che qualunque elemento sia selezionato nell'elenco a scorrimento, sia in qualche modo ripetuto nel riquadro del contenuto dettagliato per rafforzare la connessione tra la selezione e il contenuto del dettaglio. esempio di un elenco di miniature a scorrimento sul mio sito Web

1
user3581

Majtyboy,

La tua preoccupazione ha senso per me perché di solito tutti i siti Web sono a scorrimento verticale e fornendo lo scorrimento orizzontale interrompi il flusso dell'esperienza di lettura dell'utente. Ora questo fa sorgere la domanda quali siano esattamente i dati che si desidera visualizzare all'interno di quelle schede.

Ciò è importante perché se si tratta solo di immagini grafiche davvero belle, potrebbe non essere una cattiva idea specialmente se si utilizzano alcuni suggerimenti dalla risposta "Hisham" sopra. Se stai fornendo un sacco di testo, potrebbe non essere un'esperienza di lettura fluida per l'utente.

Da un lato no, nel design il minimalismo è la chiave. La demo che hai condiviso ha schede cliccabili e il pulsante next/prev che non ha senso per me. Perché fornire due aree cliccabili per fare la stessa cosa.

tx

0
Ved