정보 아키텍처 구현에 대한 권장 사항
Power Platform Well-Architected 경험 최적화 체크리스트 권장 사항에 적용됩니다.
| XO:03 | 일관된 정보 아키텍처를 구현하세요. 정보와 기능을 쉽게 찾을 수 있습니다. 사용자를 안내하는 상황별 단서와 시각적 표시기를 제공합니다. 카테고리, 탐색 및 기타 정보 요소에 일관되고 사용자 친화적인 레이블을 사용하세요. |
|---|
이 가이드에서는 워크로드에 효과적인 정보 아키텍처를 설계하기 위한 권장 사항을 설명합니다.
주요 디자인 전략
정보 아키텍처는 시스템 콘텐츠와 기능의 구성과 구조를 의미합니다. 이는 사용자가 시스템을 인식하고, 이해하고, 탐색하는 방식에 영향을 미칩니다. 잘 설계된 시스템에는 시스템의 내부 논리나 기술적 제약보다 사용자 요구와 작업을 우선시하는 정보 아키텍처가 있어야 합니다. 이러한 접근 방식을 통해 사용자는 필요한 정보와 기능을 쉽고 효율적으로 찾고 액세스할 수 있습니다.
탐색 구조와의 일관성 유지
일관된 탐색은 워크로드 환경 내에서 사용자 방향을 향상시켜 페이지나 화면 간의 원활한 전환을 촉진합니다. 탐색은 명확하고 직관적이며 예측 가능해야 합니다. 워크로드 전체에서 동일한 탐색 요소(메뉴, 탭, 이동 경로, 버튼)를 사용하고 일관된 위치에 배치하세요. 탐색이 콘텐츠의 계층 구조와 관계를 반영하고 사용자가 현재 위치와 잠재적 목적지를 쉽게 인식할 수 있는지 확인하세요.
일관되고 사용자 친화적인 레이블 사용
레이블은 헤드, 제목, 메뉴, 버튼, 링크와 같은 콘텐츠와 기능을 식별하고 설명하는 데 사용되는 용어입니다. 명확하고 일관된 레이블은 사용자가 워크로드 경험을 이해하고 쉽게 탐색하며 작업을 효과적으로 수행하는 데 도움이 됩니다. 레이블은 어조, 언어, 형식이 일관되어야 하며 사용자가 익숙하고 선호하는 용어를 사용해야 합니다. 예를 들어 "계정"이라는 용어를 사용하여 사용자의 프로필과 설정을 지칭하는 경우 워크로드 환경 전체에서 일관되게 이 용어를 사용하고 "프로필" 또는 "설정"과 같은 동의어는 사용하지 마세요.
탐색 요소에는 각 요소의 목적과 대상을 전달하는 명확하고 설명적인 레이블이 있어야 합니다. 사용자는 클릭하거나 탭하지 않고도 각 요소의 기능과 연결 위치를 이해할 수 있어야 합니다. 예를 들어, "제품"이라는 메뉴 항목은 "메뉴 1"이라는 메뉴 항목보다 더 많은 정보를 제공합니다.
사용자를 안내하는 상황별 단서와 시각적 표시기 제공
상황별 단서와 시각적 표시기는 사용자가 콘텐츠와 기능의 의미와 기능을 이해하는 데 도움이 되는 요소입니다. 예로는 아이콘, 레이블, 색상, 글꼴, 이미지 등이 있습니다. 스타일, 크기, 의미가 일관되어야 하며 사용자의 기대와 관례에 부합해야 합니다. 예를 들어 검색 함수를 나타내기 위해 돋보기 아이콘을 사용하는 경우 제품 전체에서 일관되게 사용하고 사용할 때마다 동일한 방식으로 작동하는지 확인하세요.
점진적 공개 사용
점진적인 공개는 보조적이거나 관련 없는 정보와 기능으로 인한 방해를 최소화하여 사용자가 기본 작업과 목표에 집중할 수 있도록 해줍니다. 필요에 따라 콘텐츠와 기능을 숨기거나 접거나 확장하거나 공개하는 등의 기술을 사용하여 적시에 적절한 양의 정보와 기능을 제공합니다. 너무 많거나 너무 적은 정보와 기능으로 사용자에게 부담을 주거나 산만하게 만드는 것을 피하세요. 사용자가 보거나 상호 작용하려는 세부 정보 및 복잡성 수준을 제어할 수 있습니다.
점진적 공개의 전형적인 시연은 마법사 패턴입니다. 마법사는 사용자가 미리 정해진 순서에 따라 정보를 입력하거나 볼 수 있도록 하고 이후 단계는 이전 단계에서 입력한 정보에 따라 달라질 수 있는 단계별 프로세스입니다. 복잡한 프로세스를 더 작고 순차적인 단계로 나누면 모든 필드와 정보를 한 번에 공개하는 것에 비해 사용자의 인지 부하가 줄어듭니다. 이 접근 방식은 동일한 콘텐츠를 보다 관리하기 쉽고 사용자 친화적인 형식으로 제공합니다.
정보 및 기능 분류
정보와 기능을 의미 있고 논리적인 그룹으로 구성하면 사용자가 워크로드의 정보와 기능을 더 쉽게 찾고 액세스할 수 있습니다. 사용자의 요구 사항, 작업 및 목표에 따라 콘텐츠와 기능을 의미 있고 논리적인 범주로 그룹화하고 레이블을 지정합니다. 각 항목이 하나의 카테고리에만 속하고 모든 항목이 해당 카테고리에 포함되는 상호 배타적이고 집합적으로 완전한 카테고리를 사용하십시오. 일관되고 일관된 카테고리를 사용하고 각 카테고리 내의 항목이 공통 특성이나 기준을 공유하는지 확인하십시오.
정보와 기능을 계층 구조로 그룹화
중요성, 빈도 또는 사용 순서에 따라 계층적 순서로 콘텐츠와 기능을 정렬하고 표시합니다. 사용자의 선호도와 행동에 따라 하향식 또는 상향식 접근 방식을 사용합니다. 콘텐츠와 기능의 양과 복잡성에 따라 얕거나 깊은 계층 구조를 사용합니다. 크기, 색상, 모양 또는 위치와 같은 시각적 단서 및 표시기를 사용하여 계층적 관계 및 수준을 표시합니다.
Power Platform 간편 사용
모델 기반 앱 탐색을 사용하면 다양한 수준에서 페이지 그룹화를 구성할 수 있습니다. 앱 디자이너는 앱 내의 양식, 보기 및 사용자 지정 페이지를 관리하는 기능을 제공합니다.
캔버스 앱은 화면으로 구성되며, 탐색은 기본 구성 요소를 사용하여 구현됩니다. 예를 들어, 갤러리 또는 수직 레이아웃 컨테이너를 사용하여 요소 목록을 노드로 만들 수 있습니다. 여기서 각 노드에는 화면 간 탐색을 위한 버튼과 같은 클릭 가능한 요소가 포함되어 있습니다. 모든 화면에 나타나는 재사용 가능한 전역 탐색 구성 요소를 구현하려면 사용자 지정 구성 요소를 사용하는 것이 좋습니다.
Creator Kit의 Nav 컨트롤은 기본 탐색에 적합한 옵션입니다. 탭 목록은 일반적으로 화면 내 콘텐츠를 전환하기 위한 보조 탐색에 사용됩니다. 최신 컨트롤 연결을 사용하여 웹페이지 또는 캔버스 앱을 실행하세요. 리소스에 대한 범용 탐색은 컨테이너의 헤더 위에 클릭 가능한 탐색 아이콘(또는 Fluent 아이콘)을 오버레이하여 전역 앱 헤더에 배치할 수 있습니다.
마법사 패턴을 구현하려면 Creator Kit의 SubwayNav 구성 요소를 사용하세요.