Каков наилучший способ просмотра глубокой иерархии?

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

Mac OSX Finder:

alt text http://www.google.com/url?source=imgres&ct=img&q=http: //www.informit.com/content/images/chap03_9780789742292/elementLinks/03fig06.jpg&sa=X&ei=Np_QTOyzFIKBlAemrNHvBQ&ved=0CAQQ8wc4Qg&usg=AFQjCNHUJc55AvHYbMaw_m9TrZfFoV_gDQ

Если вы понимаете, что видите, «Просмотр столбцов» отлично справляется с отображением контекста (где я в этой гигантской иерархии?), и вы можете быстро просматривать списки папок, чтобы узнать, что в них. .. но он уверен, что использует экранную недвижимость.


Навигатор MSDN Microsoft :

alt text

В принципе, здесь происходит то, что вы можете увидеть «родителей» на странице, на которую вы смотрите, и вы можете увидеть «детей». Вы перестаете видеть «братьев и сестер» на разных уровнях, но это экономит вам кучу пространства экрана. Итак, вы отказываетесь от контекста в обмен на компактность.


Навигатор Windows:

alt text

Этот пользовательский интерфейс является достойным при показе контекста вплоть до момента, когда вы должны начать вертикальную или горизонтальную прокрутку. Если у вас много предметов и много уровней, вы будете прокручивать много. Тем не менее, вы можете открывать несколько ветвей папок за раз. Это дает своего рода мини-историю (какие папки я открывал до сих пор?).


"Мега-меню":

alt text

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


Вопросы

Очевидно, никто не может ответить за меня, какой тип UI иерархии мне нужен, если вы не понимаете задачу, которую я пытаюсь поддерживать, но у меня есть некоторые конкретные вопросы:

  1. Насколько широко распространены эти альтернативы? Я не был пользователем Mac в течение длительного времени, и я действительно не видел UI, например, Columns Finder View, где бы то ни было, кроме на Mac. Он существует где-то еще? Вы бы использовали его на не-Mac-интерфейсе? «Мега-меню», наоборот, кажутся очень распространенными. Я вижу дерево-представление (как в проводнике Windows) повсюду (в приложениях Windows, в Интернете и т. Д.). Это стандартный виджет GUI. Я еще не видел навигатор MSDN где-нибудь еще, но на сайте MSDN.

  2. Пользователи «получают» эти интерфейсы? . Это, вероятно, сильно коррелирует с вопросом о распространенности, но если бы я поставил, скажем, представление столбцов перед не-Mac-пользователями, они полностью запятнаны? Любые данные или опыт с этим? Я был бы очень осторожен в использовании этого MSDN, если бы у меня не было данных, чтобы доказать, что не-программисты поймут это.

  3. Не хватает ли каких-либо альтернатив? Какие другие иерархические пользовательские интерфейсы или их варианты вы видели?

76 голосов | спросил devuxer 3 32010vEurope/Moscow11bEurope/MoscowWed, 03 Nov 2010 03:38:42 +0300 2010, 03:38:42

8 ответов


15

Несколько соображений:

  1. Для какой ОС это (или для нескольких)?
  2. Существуют ли какие-либо ограничения или известные ограничения для вашей иерархии?
  3. Есть ли опция поиска?

Нет. 1 важно, как вы отметили ... потому что Mac Finder был бы чужд большинству пользователей Windows.

Нет. 2 также может оказать помощь. Например. искатель работает хорошо, если у вас есть мелкое дерево, но если у вас есть 15-20 уровней глубины, он испытывает удобство использования

Нет. 3 - элемент юзабилити. Если я не могу быстро просмотреть все дерево менее чем за 5-10 секунд, вам понадобится опция поиска.

В целом, я нахожу стандартное «дерево» наиболее очевидным для пользователей. Иерархия физически видна, и нужно только открыть ветвь интереса, но вы можете открыть несколько ветвей для сравнения или поиска.

Мое единственное другое предложение было, если у вас есть минимальное пространство для работы, парадигма iPod «drill-down» работает очень хорошо.

alt text

ответил scunliffe 3 32010vEurope/Moscow11bEurope/MoscowWed, 03 Nov 2010 13:34:43 +0300 2010, 13:34:43
11

Показывать только текущий уровень иерархии и панировки

введите описание изображения здесь

ответил Seder 18 +04002012-10-18T14:59:09+04:00312012bEurope/MoscowThu, 18 Oct 2012 14:59:09 +0400 2012, 14:59:09
6

Я думаю, это зависит от типичных задач. Чтобы просто увидеть иерархию и щелкнуть ссылки, я согласен с lucasrizoli, это дерево очень похоже.

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

Почему это хорошо? Во-первых, он использует гораздо больше пространства на дисплее, разбивая иерархию на 2 измерения. Во-вторых, он очень четко показывает, какие предметы находятся на одном уровне, глубже = горизонтально, одинаково = вертикально.

Конечно, если вы хотите, чтобы иерархическая навигация была частью приложения, у вас может не быть места для Mac OSX.

Таким образом, это зависит от вашего дизайна и типичных задач для пользователя. Также подумайте, будет ли ваш обычный пользователь пользователем Mac или Windows (если вы вообще можете что-нибудь сказать об этом).

ответил Lukas Oppermann 3 32010vEurope/Moscow11bEurope/MoscowWed, 03 Nov 2010 11:52:22 +0300 2010, 11:52:22
4

1) Виджеты дерева (как в проводнике Windows) и выпадающие меню (мега или иначе), я бы сказал, являются наиболее знакомыми.

2) «Get» является неопределенным, как и «пользователи».

Это не ответ на ваш вопрос, но необходимо ли, чтобы пользователь увидел /переместил глубокую иерархию? Избегая иерархии или упрощая ее, делая ее более мелкой, я подозреваю, что будет легче представлять иерархию каким-либо образом.

3) Treemaps используются главным образом в инфо визуализации. Кроме того, Dasher использует интересные, масштабируемые средства навигации по глубокому дереву букв вероятности. Ни один из них не является особенно известным или распространенным.

ответил lucasrizoli 3 32010vEurope/Moscow11bEurope/MoscowWed, 03 Nov 2010 08:37:52 +0300 2010, 08:37:52
4

Лучший способ не делать такую ​​глубокую иерархию или использовать срезы, мелкие виды (глубокий 2 макс).

ответил igor 3 32010vEurope/Moscow11bEurope/MoscowWed, 03 Nov 2010 11:44:44 +0300 2010, 11:44:44
1

Столбец Mac OS выглядит круто, но он занимает огромное пространство экрана. Иерархические экраны iPhone и iPod используют ту же концепцию, но разделяют столбцы на многих экранах из-за небольших размеров устройств. Они также занимают весь экран, хотя и по одному за раз.

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

Если вы хотите сохранить какой-то контекст, гибридный подход состоял бы в том, чтобы объединить панель палитры с списком, показывающим только узлы листа для текущего уровня. Что-то вроде упрощенной версии проводника Windows 7.

ответил facildelembrar 5 FebruaryEurope/MoscowbSun, 05 Feb 2012 01:20:01 +0400000000amSun, 05 Feb 2012 01:20:01 +040012 2012, 01:20:01
0

Один простой способ показать иерархию - объединить дерево с двумя списками. Один список показывает только узлы листа для выбранного узла дерева, а другой показывает все листовые узлы, но сгруппированы по их родительскому узлу.

Хорошо работает, чтобы добавить окно поиска в отфильтрованный список, чтобы он мог отображать содержимое выбранных узлов или все листовые узлы, которые соответствуют шаблону:

введите описание изображения здесь>> </p></body></html>

ответил pgfearo 8 J0000006Europe/Moscow 2011, 22:01:19
0

Регулярное древовидное представление с разверткой на двойном щелчке и панировочных сухарях. Проверьте Workflowy , он имеет такое же поведение.

 Обычный древовидный вид с детализацией по двойному щелчку и панировке

ответил Nikita Dvornikov 18 FriEurope/Moscow2015-12-18T13:33:18+03:00Europe/Moscow12bEurope/MoscowFri, 18 Dec 2015 13:33:18 +0300 2015, 13:33:18

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132