Spiegando la necessità di evitare lo scroll orizzontale

Question

Ho bisogno di aiuto per spiegare al mio capo perché il suo design è scarso sul sito web di un cliente. Non ha conoscenza del Web e può essere difficile come sviluppatore web che lavora con una donna che è un graphic designer (non è nemmeno un web designer in realtà). Su un sito attuale che ha progettato, una barra di immagini "ha bisogno" di essere ~ 1200px secondo lei, anche se non è necessario con il contenuto. Un rapido schizzo per illustrare quello che sta succedendo:

Come si vede, il banner si riversa fuori oltre la 960px del contenuto e larga quanto 1200px. Questo crea una scroll orizzontale quando tutto il contenuto è visibile all'interno della vista panoramica 960px. Devo rendere questo uno < img> e non uno sfondo CSS perché è una presentazione jQuery che sfuma da immagine a immagine.

Penso che questo sia un grosso problema perché molte persone avranno una barra di scorrimento orizzontale imposta nel proprio browser quando sono ancora in grado di vedere tutti i contenuti pertinenti. Pensa che nessuno lo noterà e andrà bene; Penso che sia una pessima pratica e confonda l'utente finale.

Come spiegarle il problema?

Answer 1

Chiedile se vorrebbe aprire un opuscolo per vedere solo che una delle pieghe non era necessaria in quanto ha semplicemente un'immagine di intestazione che si riversa su di essa (ma nessun contenuto).

XXXXXXX|XXXXXXX 
XIMAGEX|XIMAGEX 
XXXXXXX|XXXXXXX 
     | 
Some | (but 
content| this 
here | is 
     | blank) 

Answer 2

Due punti che vorrei fare:

1. NO sito usi principali di scorrimento orizzontale. Non uno. Ciò significa che, indipendentemente da ciò che considera "buono", il 100% degli utenti sarà confuso e probabilmente non vedrà mai il contenuto dalla parte destra dello schermo.
2. Lo scroll orizzontale è l'equivalente di stampa di una pagina di stile pieghevole o "paginone centrale". Vuoi fare ogni pagina in una rivista come questa?

Answer 3

Indicala a Nielsen - uno dei più famosi e di primo livello esperti di usabilità web.

"scorrimento orizzontale" è l'errore # 3 nell'articolo "Top Ten Web-Design Mistakes of 2002"

Inoltre, notare (non so se lo fa Nielsen), che stragrande maggioranza dei topi non hanno orizzontali ruote di scorrimento (che era un punto fatto nei commenti di un articolo che parla dell'articolo di Nielsen).

Inoltre, fai la solita cosa UI - TEST!

Scegli 5 persone a caso che corrispondono idealmente al profilo utente desiderato.Chiedete loro di utilizzare il mock-up con e senza preavviso e osservare che una più facile/più veloce (e chiedere, ma anche obseve senza chiedere)

Answer 4

Prova questi due punti di convincerla:

• mostrarle alcuni dati sulle risoluzioni dei browser più utilizzate (ancora il 20% degli utenti di Internet hanno risoluzione dello schermo 1024x768)

• Avere una parte del sito Web non visibile quando la pagina viene caricata non è "user-friendly" (l'utente può perdere alcune informazioni critiche)

Answer 5

Le persone leggono da sinistra a destra, dall'alto verso il basso (o da destra a sinistra in alcuni paesi). Per questo motivo possono leggere molti più contenuti prima che abbiano bisogno di iniziare a scorrere perché devono solo scorrere verticalmente.

Se si introduce lo scorrimento orizzontale, l'utente deve potenzialmente scorrere alla fine di ogni riga anziché alla fine di ogni pagina.

Answer 6

Quasi tutti hanno un mouse a ruota ora, ma solo pochissime persone hanno mouse a ruota che si spostano lateralmente. E ancora meno persone sanno anche che le ruote possono scorrere lateralmente!

Lasciamolo masticare.

Answer 7

Dovresti dare i suoi esempi e mostrarle cosa sta cercando di fare. Vuoi veramente scorrere orizzontalmente per ottenere informazioni sull'altro lato della pagina.

http://www.badwebsiteideas.com/horizontal.htm

Answer 8

Può l'intero banner e tutte le immagini dei componenti all'interno di esso essere scalati verso il basso per essere più stretta? (ammesso che sia anche più breve, potrebbe essere più difficile da leggere ecc.). Quindi se la faccia a destra è davvero importante, sarà ancora visibile ... Lo scroll orizzontale è davvero molto brutto. Ma immagino che tu (e chiunque altro) lo sapessi già :)

Answer 9

Hmm. Sembra che voi ragazzi abbiate bisogno di un analista dei requisiti per intervenire qui. Decidere su una specifica del broswer con la risoluzione & a cui ti conformerai è una cosa giusta da chiedere, penso. Solo supponendo che la maggior parte degli utenti disporrà di un ampio schermo non è sufficiente per la maggior parte delle app. Sembra che sarebbe difficile spiegare perché non riesca a ridisegnare il suo banner in modo da essere più piccolo con lo & della misura desiderata.

Penso che l'utente noterà assolutamente la barra di scorrimento orizzontale e sarà seccato da esso. Poiché non è qualcosa che la maggior parte degli utenti è abituato a vedere (non riesco a pensare a nessun sito importante che ne abbia uno), avrebbe (in effetti) imparato qualcosa di nuovo da usare nel tuo sito, il che non è buono. Dovrebbero essere in grado di guardare un sito ed essere in grado di usarlo subito, senza dedicare qualche secondo a capire che la barra di scorrimento non mostra alcun nuovo contenuto, solo la grafica aggiuntiva dall'intestazione - quei pochi secondi sono dove perdi le persone.

Mi chiedo anche, se c'è una guida di sezione 508 su barre di scorrimento orizzontali. Questo potrebbe non avere importanza per voi ragazzi, ma sto sviluppando siti governativi, quindi 508 è un grosso problema per noi giorno per giorno. Se hai un utente che usa solo una tastiera o uno screen reader, quella barra di scorrimento è più che fastidiosa.