it-swarm-pt.com

Qual é a melhor maneira de visualizar uma hierarquia profunda?

Estive pensando na melhor maneira de mostrar uma hierarquia profunda para um aplicativo de desktop em que estou trabalhando. Aqui estão alguns projetos alternativos que estou considerando ...

Localizador de Mac OSX:

alt text

Se você entende o que está vendo, a "Visualização de colunas" mostra muito bem o contexto (onde estou nesta hierarquia gigante?) E pode navegar rapidamente pelas listas de pastas para ver o que há nelas ... mas com certeza usa algumas propriedades da tela.


Navegador MSDN da Microsoft:

alt text

Basicamente, o que está acontecendo aqui é que você pode ver os "pais" da página que está vendo e os "filhos". Você desiste de ver os "irmãos" nos diferentes níveis, mas isso economiza muito espaço na tela. Então, você desiste de algum contexto em troca da compacidade.


Navegador do Windows:

alt text

Essa interface do usuário é decente em mostrar o contexto até o ponto em que você precisa iniciar a rolagem vertical ou horizontal. Se você tiver muitos itens e muitos níveis, estará rolando bastante. Dito isto, você pode abrir várias ramificações de pastas por vez. Isso fornece uma espécie de mini-histórico (que pastas abri até agora?).


"Mega-Menus":

alt text

Neste exemplo, você está vendo cerca de três níveis da hierarquia. Se você for esperto, imagino que você possa mostrar talvez um quarto do quinto nível, mas em algum momento ele irá se decompor ou se transformar em algo mais tradicional (exibição em árvore etc.).


Perguntas

Obviamente, ninguém pode responder para mim qual tipo de interface do usuário de hierarquia eu preciso, a menos que você entenda a tarefa que estou tentando oferecer suporte, mas tenho algumas perguntas específicas:

  1. Qual a predominância de cada uma dessas alternativas? Eu não sou usuário de Mac há muito tempo e realmente não vejo uma interface do usuário como a Visualização de colunas do Finder em nenhum lugar além de um Mac. Existe em algum outro lugar? Você usaria em uma interface não Mac? Os "Mega-Menus", por outro lado, parecem muito prevalentes. Eu vejo a exibição em árvore (como no Windows Explorer) em todo o lugar (nos aplicativos do Windows, na web etc.). É basicamente um widget GUI padrão. Não vi o navegador MSDN em nenhum outro lugar, exceto no site do MSDN.

  2. Os usuários "obtêm" essas interfaces? Isso provavelmente está altamente correlacionado com a questão da prevalência, mas se eu colocar, digamos, a exibição de colunas na frente de usuários que não são Mac, eles seriam completamente perplexos? Algum dado ou experiência com isso? Eu seria muito cauteloso ao usar o MSDN, a menos que tivesse alguns dados para provar que os não programadores o entenderiam.

  3. Estou faltando alguma alternativa? Quais outras interfaces de usuário hierárquicas ou variações você já viu?

77
devuxer

Algumas considerações:

  1. Para que sistema operacional é este (ou é para vários)?
  2. Existem restrições ou limites conhecidos em sua hierarquia?
  3. Existe uma opção de pesquisa fornecida?

O número 1 é importante, como você observou ... porque o Mac Finder seria estranho para a maioria dos usuários do Windows.

O número 2 também pode fornecer assistência. Por exemplo. O Finder funciona bem se você tem uma árvore rasa, mas se você tem de 15 a 20 níveis de profundidade, sofre usabilidade

O número 3 é um item de usabilidade. Se não conseguir visualizar rapidamente a árvore inteira em menos de 5 a 10 segundos, é necessária uma opção de pesquisa.

Em suma, acho que a "árvore" padrão é a mais óbvia para os usuários. A hierarquia é fisicamente visível e apenas o ramo de interesse precisa ser aberto/explorado - mas você pode abrir mais de um ramo para comparações ou pesquisas.

Minha única outra sugestão seria: se você tiver um espaço mínimo para trabalhar, o paradigma "drill down" do iPod funciona muito bem.

alt text

15
scunliffe

Mostrar apenas o nível atual da hierarquia e trilhas de navegação

enter image description here

11
Seder

Eu acho que depende das tarefas típicas. Por apenas ver uma hierarquia e clicar em links, concordo com lucasrizoli, essa árvore é muito semelhante.

Se o usuário tiver que passar por muitas pastas (avançar e retroceder na hierarquia), prefiro a idéia do Mac OSX. É muito útil no trabalho, onde tenho que encontrar pensamentos em pastas.

Por que isso é bom? Primeiramente, ele usa muito mais espaço na tela dividindo a hierarquia em 2 dimensões. Em segundo lugar, mostra claramente quais itens estão no mesmo nível, mais profundo = horizontal, igual = vertical.

Obviamente, se você quiser que a navegação na hierarquia faça parte de um aplicativo, talvez não tenha espaço para o Mac OSX.

Portanto, depende muito do seu design e das tarefas típicas para o usuário. Considere também se seu usuário típico seria um usuário do Mac ou Windows (se você puder dizer algo sobre isso).

6
Lukas Oppermann

1) Widgets de árvore (como no Windows Explorer) e menus suspensos (mega ou outros), eu diria que são os mais familiares.

2) "Obter" é vago, assim como "usuários", na verdade.

Esta não é uma resposta para sua pergunta, mas é necessário que o usuário veja/navegue em uma hierarquia profunda? Evitando uma hierarquia ou simplificando-a, tornando-a mais rasa, suspeito que será mais fácil do que apresentar a hierarquia de qualquer maneira.

3) Os mapas de árvore são usados ​​principalmente na visualização de informações. Além disso, Dasher usa um meio interessante e com zoom de navegar em uma árvore profunda de probabilidades de letras. Nem são particularmente conhecidos ou comuns.

4
lucasrizoli

A melhor maneira de fazer isso não é hierarquia profunda ou usar fatias e vistas rasas (profundidade máxima de 2).

4
igor

A visualização em coluna do Mac OS é legal, mas ocupa um espaço enorme na tela. As telas hierárquicas do iPhone e do iPod usam o mesmo conceito, mas dividem as colunas em várias telas devido ao tamanho pequeno dos dispositivos. Eles também exibem a tela inteira, embora uma de cada vez.

As visualizações de árvore não são tão fáceis de navegar horizontalmente se você tiver muitos nós de folhas ou quando começar a rolar em duas dimensões devido à quantidade de conteúdo. Navegue dentro do regedit para ver o que quero dizer.

Se você deseja manter algum contexto, uma abordagem híbrida seria combinar uma barra de navegação com uma lista mostrando apenas os nós das folhas para o nível atual. Algo como uma versão simplificada do Windows 7 Explorer.

1
facildelembrar

Vista em árvore regular com drill-down ao clicar duas vezes e na trilha de navegação. Confira Workflowy , ele tem o mesmo comportamento.

Regular tree-view with drill-down on double-click and breadcrumbs

1
Nikita Dvornikov

Uma maneira simples de mostrar uma hierarquia é combinar uma árvore com 2 listas. Uma lista mostra apenas os nós folha para o nó da árvore selecionado, a outra mostra todos os nós folha, mas agrupados por seu nó pai.

Ele funciona muito bem para adicionar uma caixa de pesquisa à lista filtrada, para que possa mostrar o conteúdo dos nós selecionados ou todos os nós das folhas que correspondem a um padrão:

enter image description here

0
pgfearo