Доступная навигация больших информационных деревьев

Question

Я разрабатываю общедоступный веб-сайт, который является интерфейсом для информации о медицинских условиях.

После того, как пользователь выполнит поиск (на основе вопросника), они представлены с результатами, которые относятся к разделам и подразделам.

Информационные элементы могут быть отнесены к обоим разделам и подразделам.

В настоящее время разделы представлены вкладками по верхней части, а также экранами и подразделами по ссылкам на боковой панели. Ссылки на боковой панели меняются в зависимости от того, какой раздел выбран.

Проблема заключается в том, что имена разделов довольно длинные (несколько слов), и в результате общая длина вкладок слишком широка для стандартного разрешения экрана (1024 x 768). Поэтому они завершают и разбивают макет страницы. Мы также должны будем добавить дополнительные вкладки в будущем.

С учетом этой проблемы и того факта, что наша целевая аудитория достаточно широка, это общедоступный медицинский веб-сайт, какие существуют варианты для представления такой информации таким образом, чтобы ее можно было легко и легко ориентировать для обычного пользователя ,

Answer 1

Как долго названия подразделов? Будет они подходят в пространстве для вкладок? Вы, скорее всего, получите лучшую производительность пользователя, если поместить ссылки раздела в меню боковой панели и подсекции на вкладках, а не наоборот. См. http://www.usability.gov/pubs/040106news.html.

Другой вариант - разместить все в меню боковой панели. Подсекционные ссылки могут отображаться с отступом по их разделам. Вы также можете рассмотреть возможность размещения ссылок подраздела в отдельном столбце справа от столбца раздела. Это делает меню раздела стабильным, но занимает много горизонтального пространства, которое, возможно, лучше используется для контента. В любом случае надлежащее внимание к визуальному дизайну покажет текущий раздел, подраздел и связь между ними.

Не должно быть проблем с доступностью, если вы используете ссылки для перехода к каждому разделу/подразделению (возможно, сгенерировано программно для каждой страницы на основе базы данных, содержащей ссылки на страницы).

Answer 2

Просто мозговой штурм некоторых идей:

• Используйте комбо-боксы, чтобы позволить пользователю выбрать (суб) разделы, а затем отобразить соответствующие элементы информации.
• Создайте отдельные страницы для каждого уровня раздела и обеспечьте элемент управления хлебной крошкой, чтобы показать пользователю, где он находится в иерархии страниц.
• Создайте своеобразные складные меню, которые автоматически скрываются, когда пользователь читает информационный элемент.

В другом вопросе о СО, я наткнулся на ссылку Quince, возможно, вы также можете найти вдохновение там.

Answer 3

Вы можете попробовать:

• меню IPOD стиль (в котором подразделы скрытых страниц, которые летят справа): http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

Или, как Даан сказал:

• Каскадные раскроевики: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CascadingDropDown/CascadingDropDown.aspx

Недостатком обоих из них (над традиционным древовидным представлением) является то, что подразделы не видны, пока вы не выберете раздел. Если ваши пользователи не знают названия подраздела, к которому они относятся, то любой из них будет подходящим.

Если, с другой стороны, они знают название подраздела, которое им нужно, вероятно, лучше дать им текстовое поле с автозаполнением, чтобы они могли ввести несколько символов и перейти непосредственно к нему.