Navigazione accessibile di grandi alberi di informazioni

Question

Sto sviluppando un sito Web pubblico che è il front-end per informazioni sulle condizioni mediche.

Dopo che l'utente ha effettuato una ricerca (basata su un questionario), vengono presentati i risultati che sono classificati in sezioni e sottosezioni.

Le voci di informazioni possono essere assegnate sia alle sezioni che alle sottosezioni.

Al momento le sezioni sono rappresentate da schede nella parte superiore e lo schermo e sottosezioni da collegamenti in una barra laterale. I collegamenti nella barra laterale cambiano in base alla sezione selezionata.

Il problema è che i nomi delle sezioni sono piuttosto lunghi (diverse parole) e di conseguenza la lunghezza combinata delle schede è troppo ampia per una risoluzione dello schermo standard (1024 x 768). Pertanto avvolgono e spezzano il layout della pagina. Dovremo anche aggiungere ulteriori schede in futuro.

Tenendo presente questo problema e il fatto che il nostro target di riferimento sia piuttosto ampio, si tratta di un sito Web medico pubblico, quali sono le opzioni per presentare questo tipo di informazioni in un modo accessibile e facile da navigare per un utente medio.

Answer 1

Quanto durano i nomi delle sottosezioni? saranno inseriti nello spazio per le schede? È probabile che tu ottenga migliori prestazioni dell'utente se inserisci i collegamenti di sezione nel menu della barra laterale e i collegamenti di sottosezione nelle schede, anziché viceversa. Vedi http://www.usability.gov/pubs/040106news.html .

L'altra alternativa è mettere tutto nel menu della barra laterale. I collegamenti delle sottosezioni possono apparire rientrati nei collegamenti delle sezioni. Puoi anche considerare di inserire i collegamenti delle sottosezioni in una colonna a destra della colonna della sezione. Ciò rende stabile il menu della sezione, ma occupa molto spazio orizzontale, forse meglio utilizzato per i contenuti. In entrambi i casi, la corretta attenzione al design visivo mostrerà la sezione corrente, la sottosezione e il collegamento tra di loro.

Non dovrebbe esserci un problema di accessibilità fintanto che stai usando i collegamenti per navigare verso ciascuna sezione / sottosezione (forse generata a livello di programmazione per ogni pagina sulla base di un database relativo ai collegamenti alle pagine).

Answer 2

Solo il brainstorming di alcune idee:

• Utilizza le caselle combinate per consentire all'utente di selezionare le (sotto) sezioni, quindi visualizzare le informazioni appropriate.
• Crea pagine separate per ogni livello di sezione e fornisci un controllo briciole di pane per mostrare all'utente dove si trova nella gerarchia delle pagine.
• Crea una sorta di menu a scomparsa che si nasconde automaticamente quando l'utente legge un elemento informativo.

In un'altra domanda su SO, mi sono imbattuto in un link a Quince , forse puoi trovare ispirazione anche lì.

Answer 3

Potresti provare:

• Un menu in stile iPod (in cui le sottosezioni sono pagine nascoste che volano da destra): http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

O come ha detto Daan:

• Caselle a discesa a cascata: http: //www.asp .net / AJAX / AjaxControlToolkit / campioni / CascadingDropdown / CascadingDropDown.aspx

Il rovescio della medaglia con entrambi (sopra una vista ad albero tradizionale) è che le sottosezioni non sono visibili fino a quando non si sceglie una sezione. Se i tuoi utenti non conoscono il nome della sottosezione che stanno cercando, una di queste sarà adatta.

Se, d'altra parte, conoscono il nome della sottosezione che stanno cercando, è probabilmente meglio dare loro una casella di testo di completamento automatico in modo che possano digitare alcuni caratteri e accedervi direttamente.