it-swarm-eu.dev

C'è un motivo di usabilità per centrare l'area del contenuto di un sito Web su una pagina?

Oggi molti siti web hanno aree di contenuti allineate al centro: http://ux.stackexchange.com ne è un esempio.

Tuttavia, alcuni siti sono allineati a sinistra, ad es. http://forums.Adobe.com/index.jspa , http://www.area17.com/ , http://30Elm.com / , http://www.jefffinley.org/ .

È solo una preferenza di progettazione o esiste un vero motivo di usabilità?

30
ArchieVersace

Devo ancora incontrare un cliente che, quando presentato con un layout centrato, dice "posso vederlo allineato a sinistra?" quindi, delle teorie offerte nel thread Layout centrato vs Layout allineato a sinistra nel forum di discussione IXDA, questo sembra costituire un caso ragionevole per la migliore leggibilità di un layout centrato:

L'allineamento a sinistra potrebbe non essere male ma su un ampio monitor quando uno ha un numero di elementi aperti e le finestre non sono ingrandite, un design a contenuto centrato ha più "spazi bianchi" visivi attorno ad esso e facilita l'esperienza di lettura . Mi sono imbattuto in troppi siti allineati a sinistra che hanno scarse quote di imbottitura sui margini laterali che fanno sì che gli occhi lavorino di più nel tentativo di separare quel sito dal resto del contenuto dello schermo.

--Ferg

Aneddoticamente: c'è un momento di confusione quando la metà (o, nel caso di utenti QSXGA anomali, la maggior parte ) di una finestra ingrandita viene dipinta con spazi bianchi; inoltre i bordi del display tendono a distrarre dall'attività di lettura.

Potresti testarlo su te stesso attenuando le luci e provando a leggere un blocco di testo allineato a sinistra di 1000 px sul bordo del monitor rispetto allo stesso testo centrato. Tendo a notare un po 'di rifocalizzazione/affaticamento degli occhi ogni volta che il punto focale della mia visione si trova sul bordo del display.

24
danlefree

Un altro motivo per centrare il contenuto di un sito - sembra che alcune persone non sopportino di avere un enorme pezzo di spazio bianco e devono ridimensionare il proprio browser per eliminare lo spazio bianco prima di concentrarsi sul contenuto.

Da Scelta del layout di pagina dei risultati di ricerca corretti: Ottieni il massimo dalla tua larghezza :

Nella mia ricerca sul campo, ho osservato le reazioni delle persone ai grandi spazi vuoti che appaiono a destra in layout a larghezza fissa. Tutto quello spazio privo di contenuti provoca ciò che posso solo descrivere come agorafobia pixel. Quando lo spazio si apre per la prima volta, le persone di solito fanno una smorfia e tentano di ridurre la larghezza della finestra per rimuovere parte dello spazio vuoto. La maggior parte degli utenti Windows che hanno ingrandito la finestra del browser lo fanno facendo clic sul pulsante Ripristina in basso sulla barra del titolo della finestra. Questo a volte comporta una dimensione della finestra troppo piccola per un sito, quindi gli utenti devono quindi regolare manualmente la dimensione della finestra. Quando i tuoi clienti sono impegnati a giocherellare con la larghezza della finestra del browser, non fanno acquisti o guardano annunci sul tuo sito. In effetti, di solito stanno diventando sempre più irritati, e questo è ancora prima che abbiano persino iniziato a interagire con la favolosa funzionalità del tuo sito Web!

9
Yosef Waysman

Per favore oh, per favore, smetti di allineare i siti web di allineamento a sinistra. Ho un monitor da 30 "e la lettura di un sito Web allineato a sinistra significa che devo tenere la testa girata di circa 45 gradi. Questo è molto scomodo e mi fa lasciare il sito o, se è davvero importante, centrare l'intera finestra del browser .

Capisco di essere certamente una minoranza, ma ultimamente i monitor più grandi stanno diventando sempre più mainstream e potrebbe essere una buona idea tenere conto di questo cambiamento.

6
Philip Seyfi

Migliorare l'usabilità con la legge di Fitt menziona questo.

Verso la fine dell'articolo parla dei cinque "pixel magici" (il pixel corrente in cui si trova il cursore dell'utente e i quattro angoli dello schermo).

Sfortunatamente il web design di solito non può sfruttare l'angolo, quindi viene presa una media di queste posizioni privilegiate che finisce per essere vicino al centro dello schermo.

4
thgaskell

Ho incontrato questa pagina durante la ricerca di statistiche sull'argomento del layout di pagina allineato a sinistra rispetto a quello allineato al centro. Sembra che ci siano solo informazioni aneddotiche e preferenze personali sulla discussione.

Il contenuto allineato a sinistra dell'IMO connota qualcosa di vivo, come un forum che contiene molti testi che richiedono un uso molto più fluido dello schermo, e il design centrale connota un'esperienza di lettura più passiva probabilmente associata a un coinvolgimento del consumatore.

Ci si chiede se le query multimediali possano offrire una nuova opportunità per progettare pagine allineate a sinistra ma utilizzare il lato destro dello schermo - precedentemente vuoto - con immagini di grandi dimensioni su monitor di grandi dimensioni o immagini in linea più piccole mentre lo schermo si riduce alle anteprime smart-phone.

3
Peter D

Per quanto riguarda il sistema, forse no, tranne le situazioni in cui hai alcune funzioni speciali, ad es. un gioco, che richiede agli utenti di fare clic rapidamente sul contenuto e alcuni clic potrebbero verificarsi proprio nel suo lato.

Tuttavia, poiché l'usabilità in generale consiste nel far sì che il sistema rifletta meglio le aspettative degli utenti, diventa abbastanza importante. Credo che la maggior parte degli utenti abbia un certo senso di equilibrio e l'allineamento del layout a uno dei lati abusa della sensazione di bilanciamento di un sito Web, il che lo rende - nella percezione dell'utente - non perfetto. Ciò può portare l'utente a percepirlo come "peggiore" e "meno utile", il che è molto vicino all'essere meno utilizzabile.

Ripensandoci. Come persona destrorsa preferisco mantenere il cursore nella parte destra dello schermo. Può essere una preferenza sciocca, ma è così. Quindi, spostarlo nella parte sinistra dello schermo è meno utile per me. Questo diventa ancora più importante su tablet. Solitamente lo tengo nella/sulla mano sinistra e lo utilizzo con la mano destra. Quindi, più a sinistra è il contenuto, più ho bisogno di muovere la mano. Ad un certo punto diventa importante.

2
Dominik Oslizlo

Non so molto sull'ergonomia oltre a ciò che si può dedurre dall'esperienza. Detto questo, penso che la posizione più comoda e naturale per la testa e gli occhi di una persona seduta stia guardando dritto. Se si preoccupano della postura, la loro testa sarà allineata con il centro dello schermo quando si trova in questa posizione.

Quindi è forse meno sforzo visualizzare un sito con contenuti centrati.

2
puppybeard

Sì, le pagine allineate al centro sono migliori dal punto di vista dell'usabilità, poiché con le diverse risoluzioni dello schermo lo spazio vuoto a destra e a sinistra continua a regolare e l'utente non ottiene alcuno scorrimento orizzontale. Inoltre, dal punto di vista dell'aspetto, trovo le pagine allineate al centro più eleganti delle pagine allineate a sinistra o a destra.

2
Maneet Puri

Per la maggior parte, direi che si tratta di una preferenza di progettazione, ma si basa sul fatto che (come sottolinea @pelms nel suo commento) sembra "giusto" e soddisfa le aspettative degli utenti.

Se guardi libri e giornali, il loro contenuto è centrato sullo spazio disponibile.

Anche i siti a cui ti colleghi (ad es. Area 17) hanno un margine a sinistra.

1
ChrisF

Quando noi umani leggiamo, preferiamo guardare il testo perpendicolarmente alla superficie che lo mostra.
Un grande vantaggio dei libri stampati è che possiamo metterli in posizione automaticamente, con facilità, automaticamente.
Come test, leggi del testo da una superficie non perpendicolare alla tua linea di vista, e prova anche con le linee di testo non perfettamente orizzontali: noterai che hai bisogno di ulteriore sforzo.
La vista diagonale si verifica quando ci si siede vicino a un monitor largo molti pollici e il testo non è davanti ai tuoi occhi.
Centrare il contenuto lo mette nel posto che molto probabilmente sarà davanti agli occhi dell'utente.
Il testo ausiliario che non deve essere letto in dettaglio durante lunghi periodi, come la navigazione e simili, può essere decentrato.
Questo è anche il motivo per cui le righe di testo non devono essere più lunghe di circa 90 lettere e CSS ci consente di specificare max-width proprietà. La relazione accade perché quando leggi le punte di una riga troppo lunga, non sei abbastanza perpendicolare al testo, leggi le righe più lentamente e ti stanchi più velocemente.

1
Juan Lanus