Una o due barre di scorrimento per contenuto + barra laterale?
Sto lavorando alla progettazione di un sito Web e sto cercando di decidere se far scorrere la barra laterale indipendentemente dal contenuto della pagina o se avere solo una barra di scorrimento che controlla entrambi i div. Quale principio dovrei usare per guidare la decisione? In quali situazioni vorresti che il contenuto della barra laterale rimanesse fisso mentre un utente scorre il contenuto principale?
Una barra di scorrimento
- L'utente sa dove si trovano nella pagina
- il contenuto nella barra laterale rimane nella stessa posizione rispetto ad altri contenuti
- Tenendo premuto il mouse in qualsiasi punto della pagina, la barra scorre
- La grande maggioranza dei siti Web utilizza solo una barra di scorrimento, adatta alle aspettative degli utenti
- può avere siti a larghezza fissa senza brutta barra di scorrimento al centro della pagina
Due barre di scorrimento
- Puoi visualizzare le informazioni nella barra laterale durante la navigazione del contenuto principale, che è bello quando il contenuto principale è> 4000px di lunghezza, oppure hai bisogno di informazioni nella barra di scorrimento e nella barra del contenuto principale allo stesso tempo
- La barra laterale richiede l'intero lato sinistro della pagina o un'intestazione fissa che riduce l'importanza del contenuto principale, dell'altezza verticale della barra laterale e del contenuto principale
- Richiede il posizionamento del mouse all'interno della barra laterale per scorrere il suo contenuto
- Due esempi di decisioni diverse qui dalla stessa azienda sarebbero Google Code, che è un sito con barra di scorrimento a larghezza fissa e Google Reader, che ha due barre di scorrimento. Penso che con Google Reader abbiano bisogno di una barra di scorrimento perché il contenuto viene generato dinamicamente.
Apprezzo il tuo aiuto in tal senso, soprattutto se potresti indicarmi la tendenza dei dati in entrambi i modi.
Penso che l'opzione che non hai elencato nella tua domanda sia quella di scorrere il contenuto con una barra laterale mobile (la cui posizione è sempre una distanza fissa dai bordi della finestra, non dai bordi del contenuto).
Penserei attentamente se entrambe le colonne debbano scorrere. Nei casi evidenziati, il cambio di contesto utente tra il contenuto principale e la barra laterale dovrebbe perdere la posizione sulla pagina (se scorrevano fino alla fine del contenuto principale e deve accedere a qualcosa vicino alla parte superiore della barra laterale) o dovrebbe capire indipendentemente i frame di scorrimento e richiede più movimento del mouse per scegliere quale colonna ottiene le azioni di scorrimento.
Senza conoscere l'ambito dell'applicazione che stai sviluppando, la mia prima raccomandazione sarebbe quella di limitare il contenuto della barra laterale a un'altezza inferiore alla finestra. Se hai bisogno di più spazio, puoi utilizzare le schede nella barra laterale o avere sezioni impaginate orizzontalmente all'interno della barra laterale.
Vorrei provare a evitare lo scorrimento e risolvere la navigazione della barra laterale in un modo diverso. Ad esempio con l'impaginazione e una modifica ajax della barra laterale.
Sembra che tu conosca già i pro e i contro di ogni tipo, quindi non c'è molto da aggiungere. Come hai detto, alcuni siti richiedono 2 barre di scorrimento, mentre la maggior parte ne ha bisogno.
Vorrei aggiungere un'altra idea che è un incrocio tra i 2 che hai citato. È possibile creare una barra laterale posizionata staticamente (css, posizione: fissa) e quindi la barra laterale rimarrà al suo posto ma con una sola barra di scorrimento. Questo sarebbe un po 'meno confuso per gli utenti ed è buono finché il contenuto della barra laterale è più corto della pagina.