페이지 탐색의 분포는 다음과 같습니다
? 페이지 하단에 입구를 배치하여 탭 탐색을 구성합니다. 현재 이러한 종류의 탐색 디자인 방법은 앱 디자인에서 매우 일반적이며 그 장점은 매우 분명합니다. 즉, 사용자가 앱의 기능 구조를 매우 직접적으로 볼 수 있다는 것입니다. 단점은 이러한 기능이 일차 및 이차 관계가 매우 명확하지 않고 확장성이 좋지 않다는 것입니다. 따라서 현재는 라벨 탐색의 하단에 라벨이 5개 이상 있으면 다른 방법을 사용하는 것이 좋습니다.
이 유형의 탐색은 중간 탐색 레이블에 더 많은 작업 옵션이 포함된다는 점, 즉 레이블에 더 많은 보조 탐색이 포함된다는 점을 제외하면 레이블 탐색과 유사합니다. Xiaohongshu를 예로 들면 하단 탐색은 일반적인 방향타 탐색입니다. "+" 라벨을 클릭하면 카메라가 바로 켜지고 사진/비디오 및 기타 콘텐츠를 가져옵니다.
방향타 탐색의 확장된 두 번째 수준의 경우. 태그, 이러한 보조 태그는 별도의 탐색을 형성할 수 있습니다 - Dianju 탐색 Bilibili의 하단 탐색에서 볼 수 있듯이 중간 탐색을 클릭하면 생방송, 촬영, 업로드 및 템플릿 생성이라는 4개의 보조 태그가 나타납니다. 조타 스타일 및 지점 간 탐색 방법은 제품에 특별한 안내가 필요하거나 핵심 기능을 강조하는 시나리오에 적합한 경우가 많습니다. 단점은 기능 간의 우선순위가 없고 확장성이 좋지 않아 차후 기능 확장에 도움이 되지 않는다는 것입니다.
인터페이스 상단에 라벨을 배치하면 탭 라벨 탐색이 형성됩니다. 이러한 종류의 탐색은 페이지 로직을 정렬하고 명확한 레이아웃을 갖기 위한 보조 탐색으로 카테고리가 많은 앱에 적합합니다. 보조 탐색으로 상단 탭 탐색은 다양한 상황에서 사용되며 고정된 수의 탭을 표시할 수 있습니다. 일정량을 확장하고 왼쪽으로 스와이프하면 더 많은 탭을 표시할 수도 있는데 이는 매우 유연합니다. 하지만 휴대폰에서 좌우로 스와이프하는 것은 위아래로 스와이프하는 것만큼 편리하지 않기 때문에 개인적으로는 확장하지 않는 것이 낫다고 생각합니다. 탭이 너무 많습니다. Weibo와 Xiachuchishi를 예로 들어 보겠습니다. 두 앱 모두 탭 페이지 탐색을 사용합니다.
서랍 탐색은 메뉴를 서랍처럼 꺼내려면 탐색 항목을 클릭하여 현재 페이지의 메뉴를 숨깁니다. 서랍 내비게이션은 일반적으로 사용자가 자주 사용하지 않거나 제품에 핵심이 아닌 기능을 배치하는 데 사용됩니다. 장점은 페이지 공간을 절약할 수 있다는 점이며, 콘텐츠를 자주 전환할 필요가 없는 애플리케이션에 더 적합합니다. 설정, 정보 및 개인 정보 및 기타 콘텐츠를 숨깁니다. NetEase Cloud Music을 예로 들면, 현재는 더 많은 앱이 서랍 탐색 변형을 채택할 것입니다. 즉, 탐색 항목을 클릭하고 오른쪽으로 밀면 전체 서랍 페이지가 슬라이드됩니다. Xiaohongshu 앱의 탐색 서랍과 같은 전체 화면입니다.
일반적으로 제품 상단에 위치하며 클릭하면 탐색 메뉴가 나타납니다. 내비게이션 메뉴는 플로팅 창 형태로 인터페이스의 상위 레이어에 위치하며, 내비게이션 메뉴 외부 영역을 클릭하면 숨길 수 있습니다. 드롭다운 탐색의 메뉴와 인터페이스는 서랍 유형보다 일관성이 있어 사용자가 현재 위치를 더 쉽게 인식할 수 있습니다. 하지만 화면 상단에 위치하고 상대적으로 숨겨져 있으며 제스처 조작과 결합할 수 없기 때문에 이 메뉴 형태는 빈번한 전환 기능에는 적합하지 않습니다. 내비게이션 메뉴의 사용 가능한 영역이 작은 점을 고려하여, 메뉴 내용은 일반적으로 목록 형태로 표시됩니다. 드롭다운 메뉴에 두 개 또는 여러 수준을 표시하는 또 다른 드롭다운 탐색 변형이 있습니다. 이는 카테고리와 필터링 조건이 많기 때문에 일반적으로 전자상거래 제품에서 더 일반적입니다.
모든 주요 기능 입구가 페이지에 집계되어 사용자가 선택할 수 있습니다. 이러한 구성 방식은 사용자가 즉시 콘텐츠를 보거나 작업을 수행할 수는 없지만 사용자의 선택 압력도 상대적으로 높습니다. 하지만 이를 통해 사용자는 APP에서 제공하는 서비스를 전체적으로 이해하고 필요한 서비스를 선택할 수 있습니다. 이러한 종류의 탐색은 Alipay, Taobao 등과 같이 더 많은 서비스나 더 많은 카테고리를 제공하는 일부 앱에 적합합니다.
Gongge 탐색은 널리 사용되며 다양한 변형이 있습니다. Baidu Tieba를 예로 들면 Gongge 탐색을 적용할 때 기능을 분류하고 제목을 사용하여 사용자가 더 쉽게 찾을 수 있습니다. 여러 기능 중 꼭 사용해야 하는 기능.
슬라이딩 그리드인 변형도 있습니다. 이 디자인은 콘텐츠가 많은 그리드에 적합하지만 화면 공간을 너무 많이 차지하지 않아 사용자가 좌우로 슬라이드할 수 있습니다. 기능적 내용을 보려면
Xiaomi 앱을 예로 들어 보겠습니다. 기능은 많지만 더 많은 화면 영역을 차지하고 싶지 않기 때문에 탐색에는 두 줄의 기능만 있지만 사용자는 오른쪽으로 스와이프하여 더 많은 기능을 찾을 수 있습니다. 고객에게 슬라이딩 범위를 알리기 위해 그리드 영역 아래에 표시기가 사용됩니다.
카테고리는 목록으로 표시되며, 보조 콘텐츠를 표시하기 위해 오른쪽에 화살표가 표시됩니다. 목록 탐색은 일반적으로 그리드 탐색과 마찬가지로 실질적인 콘텐츠를 표시하지 않기 때문에, 일반적으로 앱은 홈 페이지에서 이를 사용하지 않습니다. 이러한 종류의 탐색 구조는 명확하고 이해하기 쉽고 조용하고 효율적이며 사용자가 해당 페이지를 빠르게 찾는 데 도움이 됩니다.
목록을 분류하여 변형을 생성할 수도 있으므로 논리가 더 명확해지고 분류 이름을 결정하는 방법을 알 수 없습니다. 카테고리 이름을 제거하는 것도 가능합니다. 각 목록 집합을 구분하기 위해 간격을 사용하는 것만으로도 논리를 정렬하는 역할을 할 수 있습니다.
각 페이지는 탐색 항목을 나타냅니다. 이는 캐러셀 탐색으로, 상대적으로 단순하거나 구조가 평면적인 앱에 적합합니다. 캐러셀 탐색은 애플리케이션 페이지의 단순성을 최대한 보장할 수 있으며 조작도 가장 편리합니다. 손가락을 왼쪽이나 오른쪽으로 밀어주기만 하면 됩니다. 단점도 분명합니다. 운반 입구 수가 제한되어 있고 10개 이상이면 너무 많을 수 있습니다. 이러한 종류의 탐색은 일반적으로 이미지를 볼 때 사용되며 다른 탐색 모드와 결합되어 배너 광고로 표시되는 경우가 많습니다.