web-development-kb-ko.site

딥 계층을 보는 가장 좋은 방법은 무엇입니까?

나는 작업중 인 데스크톱 응용 프로그램에 대한 딥 계층 구조를 보여주는 가장 좋은 방법을 숙고하고 있습니다. 고려중인 대체 디자인은 다음과 같습니다.

Mac OSX Finder :

alt text

보고있는 내용을 이해하면 "열보기"는 컨텍스트를 표시하는 데 도움이됩니다 (이 거대한 계층 구조의 어디에 있습니까?). 폴더 목록을 빠르게 탐색하여 폴더의 내용을 볼 수 있습니다. 그것은 확실히 화면 공간을 사용합니다.


Microsoft의 MSDN Navigator :

alt text

기본적으로 여기에서 진행중인 것은보고있는 페이지의 "부모"를 볼 수 있고 "자식"을 볼 수 있다는 것입니다. 서로 다른 수준에서 "형제"를 보는 것을 포기하지만 화면 공간이 많이 절약됩니다. 따라서 당신은 압축과 대가로 어떤 맥락을 포기합니다.


Windows 탐색기 :

alt text

이 UI는 세로 또는 가로 스크롤을 시작해야 할 때까지 컨텍스트를 표시하는 데 적합합니다. 아이템이 많고 레벨이 많으면 많이 스크롤됩니다. 즉, 한 번에 여러 폴더 분기를 열 수 있습니다. 이것은 일종의 미니 역사를 제공합니다 (지금까지 어떤 폴더를 열었습니까?).


"메가 메뉴":

alt text

이 예에서는 약 3 단계의 계층 구조를보고 있습니다. 당신이 영리하다면, 당신은 아마도 5 단계의 4 분의 1을 보여줄 수 있다고 생각합니다. 그러나 어느 시점에서, 그것은 더 전통적인 것 (트리 뷰 등)으로 분해되거나 전개 될 것입니다.


질문

분명히, 지원하려는 작업을 이해하지 않으면 어떤 유형의 계층 구조 UI가 필요한지 아무도 대답 할 수 없지만 몇 가지 구체적인 질문이 있습니다.

  1. 이러한 각 대안은 얼마나 널리 퍼져 있습니까? 저는 오랫동안 Mac 사용자가 아니었고 실제로 UI와 같은 UI를 보지 못했습니다. Finder 's Columns Mac 이외의 다른 곳에서 볼 수 있습니다. 다른 곳에 있습니까? Mac 이외의 인터페이스에서 사용 하시겠습니까? 반대로 "메가 메뉴"는 매우 널리 퍼져있는 것 같습니다. 나는 모든 곳에서 (Windows 응용 프로그램, 웹 등) 트리 뷰 (Windows 탐색기에서와 같이)를 봅니다. 기본적으로 표준 GUI 위젯입니다. MSDN 네비게이터는 MSDN 사이트 이외의 다른 곳에서는 보지 못했습니다.

  2. 사용자가 이러한 인터페이스를 "제공"합니까? 이것은 아마도 유병률 질문과 밀접한 상관 관계가 있지만, 예를 들어 열보기를 비열 앞에두면 맥 사용자들, 완전히 뒤죽박죽 일까? 이것에 대한 데이터 또는 경험? 프로그래머가 아닌 사람들이 이해할 것이라는 데이터가 없다면 MSDN을 사용하는 것에 매우주의를 기울일 것입니다.

  3. 다른 대안이 없습니까? 이것에 대한 다른 계층 구조 UI 또는 변형은 무엇입니까?

77
devuxer

몇 가지 고려 사항 :

  1. 이것은 어떤 OS입니까 (또는 여러 OS입니까)?
  2. 계층에 제한이나 알려진 제한이 있습니까?
  3. 검색 옵션이 제공됩니까?

Mac Finder는 대부분의 Windows 사용자에게 외국 적이기 때문에 1 번은 중요합니다.

2 번도 도움을 줄 수 있습니다. 예 : 얕은 나무가 있으면 Finder가 잘 작동하지만 15-20 수준의 깊이가 있으면 유용성이 떨어집니다.

3 번은 사용성 아이템입니다. 5-10 초 이내에 전체 트리를 빠르게 볼 수 없으면 검색 옵션이 필요합니다.

대체로 표준 "트리"가 사용자에게 가장 분명하다는 것을 알았습니다. 계층 구조는 실제로 표시되며 관심있는 지점 만 열거 나 탐색해야하지만 비교 또는 검색을 위해 둘 이상의 지점을 열 수 있습니다.

작업 할 공간이 최소 인 경우 iPod "드릴 다운"패러다임이 실제로 잘 작동한다는 것이 유일한 제안입니다.

alt text

15
scunliffe

현재 수준의 계층 구조 및 사이트 이동 경로 만 표시

enter image description here

11
Seder

나는 그것이 전형적인 작업에 달려 있다고 생각합니다. 계층 구조를보고 링크를 클릭하면 lucasrizoli에 동의합니다. 그 나무는 매우 유사합니다.

사용자가 폴더를 많이 거쳐야한다면 (계층 구조에서 앞뒤로) Mac OSX 아이디어를 선호합니다. 폴더에서 생각을 찾아야하는 직장에서 매우 유용합니다.

왜 좋은가요? 먼저 계층 구조를 2 차원으로 분할하여 디스플레이에서 더 많은 공간을 사용합니다. 둘째, 어떤 아이템이 같은 레벨에 있는지, 더 깊게 = 수평, 동일 = 수직으로 매우 명확하게 보여줍니다.

물론 계층 구조 탐색을 응용 프로그램의 일부로 사용하려는 경우 Mac OSX 방식의 공간이 없을 수도 있습니다.

따라서 디자인과 사용자의 일반적인 작업에 크게 의존합니다. 또한 일반 사용자가 mac 또는 Windows 사용자인지 고려하십시오 (아무 말도 할 수없는 경우).

6
Lukas Oppermann

1) 트리 위젯 (Windows 탐색기에서와 같이)과 드롭 다운 메뉴 (메가 또는 기타)가 가장 친숙하다고 말합니다.

2) "Get"은 "users"처럼 모호합니다.

이것은 귀하의 질문에 대한 답변이 아니지만 사용자가 깊은 계층 구조를 보거나 탐색해야합니까? 계층 구조를 피하거나 단순화하여 더 얕게 만들면 어떤 식 으로든 계층 구조를 표시하는 것이 더 쉬울 것입니다.

3) 트리 맵은 주로 정보 시각화에 사용됩니다. 또한 Dasher 는 문자 확률이 깊은 트리를 탐색하는 흥미롭고 확대 가능한 방법을 사용합니다. 특히 잘 알려져 있거나 일반적인 것도 아닙니다.

4
lucasrizoli

가장 좋은 방법은 깊은 계층 구조를 만들거나 슬라이스, 얕은 뷰 (깊이 2 최대)를 사용하지 않는 것입니다.

4
igor

Mac OS 열보기는 멋지지만 화면 공간이 큽니다. iPhone 및 iPod 계층 화면은 동일한 개념을 사용하지만 크기가 작은 장치로 인해 여러 화면에서 열을 분할합니다. 또한 한 번에 하나씩이지만 전체 화면을 가져옵니다.

리프 노드가 많거나 컨텐츠 양으로 인해 2 차원으로 스크롤해야하는 경우 트 리뷰는 가로 방향으로 탐색하기가 쉽지 않습니다. regedit 내부를 탐색하여 의미하는 바를 확인하십시오.

컨텍스트를 유지하려는 경우 하이브리드 방식은 사이트 이동 경로 막대를 현재 수준의 리프 노드 만 표시하는 목록과 결합하는 것입니다. Windows 7 탐색기의 단순화 된 버전과 같은 것.

1
facildelembrar

두 번 클릭 및 이동 경로에서 드릴 다운이있는 일반 트리보기 Workflowy 를 확인하십시오. 동일한 동작을합니다.

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

1
Nikita Dvornikov

계층 구조를 표시하는 간단한 방법 중 하나는 트리를 2 개의 목록과 결합하는 것입니다. 하나의 목록에는 선택한 트리 노드의 리프 노드 만 표시되고 다른 목록에는 모든 리프 노드가 표시되지만 상위 노드별로 그룹화됩니다.

필터링 된 목록에 검색 상자를 추가하면 선택한 노드 내용 또는 패턴과 일치하는 모든 리프 노드를 표시 할 수 있습니다.

enter image description here

0
pgfearo