2013-03-14 4 views
4

일부 지점에서 6 단계의 탐색 수준을 가진 고객을 위해 만드는 앱이 있습니다. 기본적으로 사용자는 탐색에서 항목을 선택하려고합니다. 네비게이션 속성에 대한 6 단계 깊이가 될 때까지 다른 네비게이션 설정으로 연결됩니다.중첩 된 네비게이션 메뉴를 다루는 방법은 무엇입니까?

메뉴 항목 중 일부는 실제로는 하위 메뉴를 갖지 않습니다.

링크를 더 복잡하게 만들려면 링크 중 어떤 보고서에 대한 설명이 있어야합니다. 여기에서주의 할 점은 설명 중 일부는 길이가 15 줄이고 기본적으로 거대한 텍스트 단락이라는 것입니다.

내가 마우스를 올려 놓으면 서브 메뉴를 열어 보았지만, 마우스를 너무 많이 움직이면 다시 6 등분하여 다시 트리밍 할 수 있습니다.

트위터 부트 스트랩에서 아코디언 방법을 시도했지만 6 레벨 메뉴의 대부분의 탐색이 페이지에서 푸시 되었기 때문에 작동하지 않았습니다.

XML을 사용하여 기본적으로 사용자가 링크를 클릭하고 "하위 링크"가 드롭 다운 목록과 함께 부분보기에 나타나는 드롭 다운 목록을 채우려고했습니다. 그리고 그것은 당신이 가장 낮은 수준에이를 때까지 계속됩니다. 문제는 6 개의 드롭 다운 목록과 설명이있는 화면 공간이 부족하다는 것입니다.

누구나 내가 이와 같은 앱으로 무엇을 할 수 있는지에 대한 의견이 있습니까? 메뉴를 드릴 다운

+0

와우 ... 정말 돌아 단계 및 주소 것을 주요 목표와 할 것 완벽한 앱 요약 및 개발 항법의 6 개의 수준은 당신의 이익을 아플 뿐이며 나는 최종 사용자에게주는 스트레스를 상상할 수 없다. 너는 그렇게 많이 필요로하는 무엇을하고 있는가? –

+0

나는 이것을 실제로 제안하는 사람이 아니다. 우리 최종 사용자는 그 방식으로 사이트를 배치하기를 원합니다. 그것이 나에게 달렸다면 나는 검색 상자와 같은 구글을 ​​가질 것이고 사용자는 그들이 찾고있는 어떤 보고서라도 검색 할 수있을 것이다. – Robert

+0

이것은 아마 http : //ux.stackexchange에 더 적합한가?com/ – MrWhite

답변

9

이 - 아이팟 스타일

간단한 해결책은 한 번에 CSS 스타일을 사용하여 하나 이상의 중첩을 표시 결코 많은 당신이 이것을 달성 할 수있는 메뉴와 무언가의 단지 예를 들어이 I 이전에는 심하게 중첩 된 메뉴가 포함 된 디자인에서 iPod 스타일의 메뉴를 사용했습니다. look for yourself을 가져 가면서 원하는만큼 둥지를 표시하면서 모든 것을 사용하기 쉽도록 유지하면서도 멋지게 보입니다.

여기에서 소스 및 기타 데모를 온라인으로 확인할 수 있습니다 : jQuery iPod style and flyout menus, WordPress를 사용하고 있다면 here이 이미 포팅되었습니다. 또한 데모를 보면서 페이지를 조작 할 때 많은 메뉴를 사용할 수 있다는 점에 주목할 가치가 있습니다. 그렇습니다. 효과적인 드롭 다운을 볼 수는 있지만, '메뉴 바'에서 많은 작업을 할 수 있습니다. 이 상황. 메뉴 아래로 드릴의

더 예

+0

그게 내가 당신에게 감사하고있는 것에 큰 도움이 될 것입니다. – Robert

+0

아무런 문제가 없으며, 고려해야 할 몇 가지 링크를 추가하고 즐기십시오. –

+0

드릴 다운 메뉴를 웹 페이지에 추가 할 때 유용한 단계가 있습니까? 내가 요소를 검사하지 않는 한 훌륭한 예제를 볼 수는 있지만 실제 HTML은 볼 수 없다. – Robert

관련 문제