Barre di scorrimento personalizzate rispetto al browser

Un argomento molto importante che mi convince sempre quando si parla di usabilità è la coerenza. Potresti voler rendere tutti gli handle del tuo sito con lo stesso, nobile obiettivo, ma pensare a come qualcuno utilizza la tua app o il tuo sito. Non stanno solo usando i tuoi, stanno usando carichi. In effetti, ho 8 schede di 6 diversi siti web aperti adesso. Posso passare a qualsiasi scheda e avere ancora la stessa barra di scorrimento, con lo stesso aspetto, indipendentemente da dove. So sempre dove posso scorrere i miei contenuti.

Quindi, se possibile, e se non fa arrabbiare nessun grafico, segui ciò che la gente sa :) A meno che tu non abbia una brillante idea nuova, che sarà una nuova rivoluzione nello scorrere!

Se aggiungi le tue barre di scorrimento personalizzate, gli utenti dovranno aspettare e elaborarle nella loro mente per un paio di momenti, prima che possano usarle. Ciò non è sempre positivo: hai già contenuto sul tuo sito che gli utenti possono vedere e comprendere, lasciare che tutto il resto si spenga come previsto.

Cerca sempre di rendere il tuo sito FACILE per navigare. La bellezza non dovrebbe richiedere (o attivare) la cognizione .

Penso che sostituire le barre di scorrimento non sia una buona idea. Quando sei abituato a un sistema operativo e browser, lo scorrimento non richiede molto input dal tuo cervello. Avere un design piacevole è fantastico ma confonderai i tuoi clienti. Il valore aggiunto è sufficiente a compensare il fastidio per il pugno poche volte lo usano.

La mia idea è che l'utilizzo di barre di scorrimento personalizzate, se rimangono nell'ambito di applicazione dell'estetica, ovvero l'aspetto della modifica della skin della barra di scorrimento predefinita, non è una cattiva idea. Gli utenti comprendono immediatamente altre parti personalizzate di una pagina Web come pulsanti personalizzati, caselle di controllo personalizzate, ecc. Hai difficoltà a comprendere l'attributo selezionabile dei pulsanti di voto nei siti stackexchange? Oppure hai problemi a interagire con caselle di testo di input personalizzate per taggare le domande nei siti stackexchange o Yahoo mail? Le barre di scorrimento possono anche essere rapidamente riconoscibili dagli utenti finali, a condizione che non cambino il layout o la funzionalità prevista del browser, ad esempio lo scorrimento nella direzione opposta o la creazione di una barra di scorrimento circolare. Sei a posto finchè cambi la pelle.

Tuttavia, ci sono alcuni problemi con le barre di scorrimento personalizzate che dovresti prendere in considerazione:

1. Di solito hanno bisogno di molto tempo per diventare cross-browser
2. Potrebbero non essere compatibili con le versioni precedenti, ovvero rilasciando nuove versioni dei browser, potrebbero interrompersi il loro funzionamento.
3. Devi implementare manualmente il comportamento di scorrimento. Per questo articolo, considera i pulsanti HTML. Quando aggiungi a loro l'attributo disabled='disabled' , il browser non accetterà semplicemente clic o non entrerà più su di essi. Tuttavia, quando si utilizza un elemento <div> per simulare il comportamento di un pulsante, è necessario implementare il comportamento disabilitato per conto proprio. Le barre di scorrimento personalizzate dovrebbero anche implementare la funzionalità di scorrimento, che è già implementata dal browser.

Nonostante le cose che diciamo, ti consiglio di avviare un progetto di hobby (non di produzione) per sperimentare l'utilizzo e l'implementazione di barre di scorrimento personalizzate. Vedi questa pagina per buoni esempi.

Jacob Nielsen ha un'ottima voce su barre di scorrimento e cosa dovresti fare con loro. Ti consiglia in particolare di non utilizzare le barre di scorrimento del sistema operativo e di mettere in guardia dallo scorrimento orizzontale.