Navigazione - paginazione | Usabilità On Air

Navigazione - paginazione

14 giugno 2008
Pubblicato da P. Krzysztof

Pagine di contenuto a lungo sono sempre stati un problema. Da un lato ci piacerebbe mettere sul sito tutto il suo contenuto, sulla scorrimento invece attraverso diversi schermi il contenuto non è sempre una buona opzione. Le eccezioni sono i blog , in cui sono abituati gli utenti di utilizzare il browser di scorrimento verticale. Ma i blog non di oggi sarà il tema. Vorrei scrivere un po 'di buoni esempi di lotta contro i contenuti lungo all'interno del sito.

Contenuto lunghe (contenuto) si verifica più frequentemente nella lista di ricerca, dove la pagina dovrebbe mostrare un elenco di risultati. Nella maggior parte dei casi, non stiamo parlando di risultati per la durata di due o tre schermi, ma con contenuti che potrebbero prendere fino a quando la lunghezza dello spazio visibile di una dozzina di finestre del browser.

Un altro esempio in cui il contenuto presentato è lungo, ci sono tutti i tipi di pagine di notizie, prodotti (applicazioni e-commerce) o la revisione di certi insiemi (file per il download, una lista di plugin, ecc.)

La soluzione utilizzata nella pratica (e forse uno dei migliori) è quello di utilizzare il motore di dividendo (porzionatura) a noi per pochi-, una dozzina di pagine e la visualizzazione a noi individualmente -. Cosiddetti impaginazione. Per le pagine successive (porzioni di informazioni) di solito passano attraverso una barra di navigazione contiene collegamenti (links) ad altre pagine.

Le soluzioni sono molte. Alcuni sono migliori di altri - come avviene nella pratica. Di seguito si presenteranno i più interessanti dal punto di vista di come la loro applicazione e l'organizzazione.

Google

Google è il primo esempio di quello che vorrei citare. La maggior parte di noi probabilmente sanno statndardowy cinghia nawigacujny sulle pagine dei risultati di ricerca in Google.

Lista parallela di link, numerate in sequenza. Il numero di pagina correntemente visualizzata viene evidenziato con un colore diverso e nieklikalny. Tutto andrebbe bene se non fosse per il basso contrasto tra i colori e nieklikalnych elementi cliccabili. Collegamenti sono lo stress, che simboleggia la possibilità della loro scatti, ed è una buona soluzione. Per le pagine successive, si può andare, fare clic su uno dei link evidenziato numerico o stringa "Avanti".

Probabilmente avrete notato che non c'è alcuna possibilità qui per i salti veloci a 10, 20 pagine, ecc, che è l'ovvio inconveniente di questo meccanismo. Dodarkowo zona cliccabile di ciascuna parte è molto piccolo (come la distanza tra loro), che impedisce ulteriormente la navigazione. Ciò è particolarmente evidente nel numero di pagine è aumentato da 20 Si dovrebbe anche citare qui l'incapacità di transizione verso la prima e l'ultima, che può essere molto piacevole per lunghi elenchi di risultati.

Ultima pagina (come il primo) ha solo legame quello evidenziato (Precedente).

Un altro svantaggio di soluzioni presentate da Google manca un collegamento un'etichetta di prova (titolo). Non mancate di segnalare tuaj iscrizione distrarre grafico "Goooooooogle" che è in realtà la soluzione non porta nulla, tranne la dose successiva di caos e confondere la trasparenza dell'interfaccia.

Mozilla

Mozilla sulle integrazioni proposte al browser Firefox soluzione piuttosto interessante, che in confronto con Google, è molto meglio (anche se non gli errori ustrzegło).

Come mostrato in questi disegni, Mozilla si prese cura della salute e della vista e del contrasto, oltre alla navigazione, si prese cura di un grande spazio tra ogni link cliccabili e una grande scatola, che tra l'altro evidenziano al passaggio del mouse, che ha inoltre un effetto positivo sulla percezione e la percezione di ciò che facciamo . Sul segno meno, tuttavia, ancora includere l'impossibilità di salti veloci (dopo vari risultati sulla avanti e indietro) e la mancanza di utilizzo di descrizioni testuali di link, come è avvenuto con Google.

Altre soluzioni

Una soluzione interessante è proposto sul sito come un blog .

Si ricorda soluzione di Mozilla, tuttavia, differisce alcuni dettagli minori e comportamenti a seconda del numero di risultati. Dopo una descrizione più ampia e commenti su tutti i casi vi invito a una pagina con articolo . Mi mancano in questa incarnazione cose simili che non sono stati utilizzati da Mozilla, ma è vicino a ideale, e piccole modifiche potrebbero essere applicate con successo nella pratica.

A mio parere, un buon motore per l'impaginazione deve soddisfare le seguenti raccomandazioni:

trasparenza e usate la distanza tra gli elementi
elementi attivi e inattivi devono essere chiaramente contrassegnati
elementi di clic zona deve essere il più grande
l'utente dovrebbe essere in grado di muoversi in qualsiasi momento per la prima e dell'ultima pagina dei risultati
l'utente dovrebbe essere in grado di passare rapidamente (0 5, 10 o 20 elementi) in entrambe le direzioni sulle lunghe liste di risultati
elementi ridondanti in navigazione non devono essere visualizzati
le descrizioni dei link dovrebbe avere titolo per facilitare la navigazione per chi usa screendreaderami
I collegamenti dovrebbero avere lo stress, che colpisce positivamente la loro percezione della percezione dell'utente
gamma ed è disponibile una volta una lista di link a siti dovrebbe essere abbinato al numero di risultati - il numero ottimale è di 3-5 si traduce in avanti e indietro