Erreichbar Navigation großer Informations Bäume

Question

Ich bin eine öffentliche Website zu entwickeln, das das vordere Ende zu Informationen über medizinische Bedingungen.

Nachdem der Benutzer führt eine Suche (Fragebogen basiert) sie mit den Ergebnissen dargestellt werden, die in den Abschnitten und Unterabschnitten kategorisiert sind.

Informationen lassen sich auf beiden Abschnitten zugeordnet werden und Unterabschnitte.

Im Moment Abschnitte sind durch Registerkarten oben und dem Bildschirm und Unterabschnitte von Links in einer Seitenleiste dargestellt. Die Links in der Seitenleiste ändern sich abhängig von dem Abschnitt ausgewählt ist.

Das Problem ist die Abschnittsnamen sind ziemlich lang (mehrere Worte) und als Ergebnis der kombinierten Länge des Laschen ist zu breit für eine Standard-Bildschirmauflösung (1024 x 768). Daher sie das Seitenlayout wickeln und brechen. Wir werden auch weitere Registerkarten in Zukunft hinzufügen.

Mit diesem Problem im Auge und die Tatsache, unsere Zielgruppe sehr breit ist, ist dies eine öffentliche medizinische Website, welche Möglichkeiten gibt es für die Präsentation dieser Art von Informationen in einer Weise, die leicht zugänglich und einfach ist für einen durchschnittlichen Benutzer zu navigieren.

Answer 1

Wie lange sind die Unterabschnitt Namen? Wird sie passen in den Raum für Tabs? Du bist wahrscheinlich bessere Benutzer Leistung erhalten, wenn Sie den Abschnitt Links auf der Seite Bar-Menü und den Unterabschnitt Links in den Registerkarten setzen, anstatt umgekehrt. Siehe http://www.usability.gov/pubs/040106news.html .

Die andere Alternative ist alles auf der Seite Bar-Menü zu setzen. Unterabschnitt Links finden Sie unter ihrem Abschnitt Links erscheinen eingerückt. Sie können auch prüfen, in einer Spalte der eigenen rechts von der Sektion Spalte die Ziffer Links setzen. Dies macht den Abschnitt Menü stabil, aber braucht viel horizontalen Raum, der besser ist vielleicht für Inhalte verwendet. In jedem Fall wird die richtige Aufmerksamkeit auf visuelle Gestaltung zeigt den aktuellen Abschnitt, Unterabschnitt, und die Verbindung zwischen ihnen.

Es sollte kein Problem mit Zugänglichkeit sein, solange Sie Links verwenden zu jedem Abschnitt / Unterabschnitt zu navigieren (vielleicht erzeugte programmatisch für jede Seite auf Basis einer Datenbank Links zu Seiten in Bezug).

Answer 2

Brainstorming nur einige Ideen:

• Verwenden Sie Comboboxen der Benutzer zu ermöglichen, die (Teil-) Abschnitte auszuwählen, und dann die entsprechenden Informationselemente angezeigt werden.
• Erstellen Sie separate Seiten für jede Sektions-Ebene und bietet eine Brotkrümel Kontrolle den Benutzer zu zeigen, wo er / sie in der Seitenhierarchie ist.
• Erstellen Sie eine Art von ausklappbaren Menüs, die automatisch ausgeblendet, wenn der Benutzer eine Information liest.

In einer anderen Frage auf SO, stieß ich auf einen Link zu Quitte , vielleicht Sie können Inspiration auch dort finden.

Answer 3

Sie könnten versuchen:

• Ein iPod-Stil-Menü (in der Unterabschnitte Seiten versteckt sind, die von rechts fliegen in): http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

Oder wie Daan hat gesagt:

• Cascading Drop-Down-Boxen: http: //www.asp .net / AJAX / AjaxControlToolkit / Samples / CascadingDropDown / CascadingDropDown.aspx

Der Nachteil bei diesen beiden (über eine traditionelle Baumansicht) ist, dass die Unterabschnitte nicht sichtbar sind, bis Sie einen Abschnitt wählen. Wenn die Benutzer nicht wissen, den Namen des Unterabschnitts sind sie nach, dann entweder von diesen wird eine gute Passform sein.

Wenn auf der anderen Seite, haben sie den Namen des Unterabschnitts wissen, dass sie nach, ist es wahrscheinlich besser, sie eine auto-complete Textbox zu geben, damit sie ein paar Zeichen eingeben können, und gehen direkt an sie.