다음을 통해 공유

설계 표준 준수에 대한 권장 사항

  • 아티클

Power Platform Well-Architected 경험 최적화 체크리스트 권장 사항에 적용됩니다.

XO:02 확립된 표준, 관례 및 지침을 따르세요. 일반적인 디자인 패턴을 사용합니다. 인터페이스 전체에서 디자인 요소, 용어 및 상호 작용의 일관성을 유지합니다. 일관된 패턴과 표준을 사용하여 사용자에게 인터페이스를 안내하고 응집력 있는 사용자 경험을 만듭니다.

이 가이드에서는 사용자 경험과 애플리케이션의 전반적인 성공을 향상시키는 사용자 인터페이스를 개발하기 위한 디자인 표준, 규칙 및 모범 사례를 설정하기 위한 권장 사항을 설명합니다. 사용자 경험과 애플리케이션 유용성에 부정적인 영향을 미치지 않도록 표준 편차를 신중하게 고려해야 합니다.

주요 디자인 전략

설계 표준을 따르면 설계의 중요한 측면을 식별하여 설계 프로세스에서 의사 결정 노력을 줄이는 데 도움이 됩니다. 표준을 이해하면 잘 디자인된 사용자 인터페이스를 달성하기 위한 팀의 능력을 항목화하고 간소화할 수 있습니다. 이러한 접근 방식을 통해 개발 주기가 빨라지고 사용성이 향상되며 사용자 만족도가 향상되어 궁극적으로 내부 소프트웨어 시스템의 생산성과 효율성이 향상됩니다.

설계 원칙 이해하기

인간 인지에 대한 광범위한 연구를 통해 시각적 디자인과 디지털 제품과의 상호 작용에 대한 이해를 알 수 있습니다. 이러한 지식은 최종 제품의 약 80%를 차지하는 많은 모범 사례와 표준을 뒷받침합니다. 디자인 원칙은 표준에서 다루지 않는 나머지 20%의 창의적 격차를 해소할 수 있습니다. 이러한 지식을 숙지하면 개발 팀이 계획 중 설계 고려 사항에 대한 이해를 높이고 설계 리소스에 대한 의존도를 줄이거나 협업을 향상할 수 있습니다.

일반적인 패턴과 은유를 따르세요

보편적인 패턴과 은유는 디지털 제품에서 널리 인식되고 기대됩니다. 적절한 곳에 이러한 패턴을 통합하면 사용자 온보딩 및 장기간 사용을 단순화하고 교육 및 지원 비용을 절감하며 잠재적으로 업데이트 또는 재설계의 필요성을 줄일 수 있습니다. 이러한 사례는 레이아웃 구성, 탐색 구조, 정보 계층 구조, 상호 작용 디자인을 비롯한 디자인의 다양한 측면에 걸쳐 있습니다.

표준 아이콘 메타포와 의미 색상을 준수하는 것이 중요합니다. 아이콘은 사용자에게 기능을 빠르고 효과적으로 전달하기 위해 확립된 시각적 연관성을 사용해야 합니다. 마찬가지로 오류는 빨간색, 성공은 녹색과 같은 의미 색상은 사용자의 기대와 정신적 모델에 부합하는 즉각적인 시각적 피드백을 제공합니다. 이러한 규칙을 따르면 친숙함과 편안함을 조성하여 인지 부하를 줄이고 사용성을 향상시키는 데 도움이 됩니다.

디자인 시스템 구축

디자인 시스템은 사용자 인터페이스를 구축하는 데 사용되는 재사용 가능한 기능적 구성 요소의 모음입니다. 모든 요소가 브랜드의 확립된 표준과 일치하도록 조직을 위해 특별히 설계되었습니다. 디자인 시스템의 네 가지 주요 구성 요소는 디자인 토큰, 구성 요소, 패턴 라이브러리 및 지침입니다.

디자인 토큰은 색상, 활자체, 간격과 같은 측면을 포함하여 사용자 인터페이스의 기본 시각적 요소입니다. 표준 형식의 변수로 표현되므로 디자인 시스템을 사용하여 애플리케이션을 쉽게 생성하고 유지 관리할 수 있습니다. 특정 디자인에 관계없이 디자인 토큰은 디자인을 코드로 변환하는 과정을 간소화합니다. 예를 들어, 지정된 값으로 "primary-color"라는 토큰을 정의하면 개발자는 특정 값을 코드에 직접 포함하는 대신 토큰을 사용하여 디자인을 원활하게 통합할 수 있습니다. 디자인 토큰은 조직의 스타일 가이드에 맞춰 정렬되고 중앙에서 관리되어 사용하기 쉬운 토큰을 생성할 수 있습니다.

구성 요소는 사용자 인터페이스의 개별 모듈식 단위를 나타냅니다. 앱 인터페이스를 구성하는 시각적 요소 역할을 합니다. 잘 설계된 구성 요소는 재사용성과 모듈성이라는 두 가지 주요 특성을 나타냅니다. 브랜드 생태계 내 여러 애플리케이션에서 시각적 일관성을 유지하도록 설계하여 매번 디자인을 다시 만들어야 할 필요성을 줄여야 합니다. 단일 구성 요소는 여러 상황에서 원활하게 작동해야 합니다.

Power Apps는 버튼, 드롭다운 목록 및 최신 테이블과 같은 복합 구성 요소와 같은 포괄적인 기본 범용 구성 요소 세트를 제공합니다. 기본 요구 사항에 대해 이러한 컨트롤을 최대한 많이 사용한 다음 반복 가능한 사용자 인터페이스 패턴에 차이가 있는 복합 구성 요소를 구축하는 것을 고려하세요.

복합 구성 요소는 수정 없이 그대로 사용하거나 다양한 앱 컨텍스트에 걸쳐 약간의 변형(매개 변수를 통해)을 적용하여 사용할 수 있을 만큼 다용도가 있어야 합니다. 사용자 지정 구성 요소의 몇 가지 예는 다음과 같습니다.

  • 회사 브랜드의 머리글 또는 바닥글
  • 사용자가 피드백을 제공하고 IT 도움을 받을 수 있는 화면 크기의 리소스 페이지 구성 요소
  • 저작권 고지 또는 링크와 같은 범용 콘텐츠

패턴 라이브러리는 제작자가 사용자 인터페이스를 구성하기 위한 출발점으로 사용할 수 있도록 미리 정의된 디자인 패턴 세트를 제공합니다. 이러한 패턴은 일반적인 설계 문제에 대한 표준화된 솔루션 역할을 합니다. 패턴 라이브러리의 주요 목적은 잘 만들어진 패턴의 중앙 집중식 컬렉션을 제공하여 일관되고 효과적인 사용자 인터페이스를 생성하는 것입니다. 패턴 라이브러리는 개발자가 특정 패턴을 사용하고 확립된 사용 지침을 따를 수 있도록 지원하여 사용자 인터페이스 디자인 전반에 걸쳐 일관성과 효율성을 보장합니다.

지침은 프로젝트 팀에게 구성 요소와 시각적 스타일을 효과적으로 사용하는 방법에 대한 규칙과 모범 사례를 제공합니다. 미학에 초점을 맞춘 스타일 지침과 달리 디자인 시스템 지침은 구성 요소의 기능적 동작과 사용자 상호 작용 기대치를 정의합니다. 예를 들어, 디자인 시스템이 색상을 참조하기 위한 디자인 토큰 세트를 제공하는 경우 지침은 Power Apps에서 이러한 색상을 언제 사용해야 하는지, 개발자가 해당 색상에 액세스할 수 있는 방법을 명확히 해야 합니다. 구성 요소의 경우 올바른 사용법, 입력 및 출력 매개 변수, 구성 요소에서 예상할 수 있는 상태 변화에 대한 문서가 있어야 합니다.

중앙 집중식 디자인 시스템 노력은 회사 로고 및 기타 디자인 자산과 같은 범용 미디어 자산을 저장소에 호스팅하여 광범위하고 신속한 개발을 가능하게 할 수도 있습니다.

Microsoft의 Fluent UI는 널리 채택된 오픈 소스 디자인 시스템의 예입니다. 최신 컨트롤은 모두 Fluent(2) 설계 시스템의 구성 요소를 사용하기 때문에 Power Apps에서 이루어지는 많은 설계 결정에 효과적인 참조가 될 수 있습니다. Fluent UI와 같은 디자인 시스템은 사용자의 요구를 충족할 수 있도록 구성 요소를 만들기 위한 상당한 양의 연구 및 개발 노력의 결과입니다. 또한 다양한 디지털 제품과 플랫폼에서 어디서나 쉽게 사용할 수 있도록 설계되었습니다. 각 구성 요소에는 애플리케이션이 의도한 경험과 일치하는지 확인하기 위한 특정 지침이 있습니다. Fluent 2 가이드를 검토하여 연구 기반 지식을 활용하세요.

중복 구현을 피하기 위한 공유는 생산 효율성을 높일 뿐만 아니라 시간이 지나도 경험이 일관되게 유지되도록 보장합니다. 공유 요소에 대한 기여는 경험을 최신 상태로 유지하고 조직 전체의 전문 지식을 반영하는 데 도움이 됩니다. 현재 구성 요소, 시스템, 프로세스 및 문화가 종종 공유되지 않고 일관성을 촉진하지 않으며 기여를 어렵게 만들기 때문에 일관성이 문제가 됩니다.

디자인 검토 수행

앱이 확립된 UI/UX 표준을 충족하는지 확인하려면 사용자 경험 디자인을 안내하는 리소스에 대한 액세스가 중요합니다. 중앙 집중식 팀은 기본 설계 표준과 모범 사례를 익히는 것을 목표로 해야 합니다. 디자이너는 일반적으로 사용자 경험에 대해 잘 알고 있지만 프로젝트 관리자는 이러한 기술을 학습하여 팀에 효과적으로 기여할 수도 있습니다.

경험을 검증하는 가장 효과적인 방법은 물리적으로 경험을 살펴보는 것입니다. 그러나 프로그래밍 방식으로 Power Apps 앱 메타데이터를 읽을 수도 있습니다. 이를 수행하는 방법에는 올바른 테마가 앱에 적용되었는지 확인하거나 테마 토큰 값이 레거시 컨트롤에서 참조되는지 확인하는 것이 포함될 수 있습니다. 예를 들어 특정 텍스트 요소가 특정 디자인 토큰을 사용해야 하는 경우 텍스트 구성 요소의 이름은 특정 값에 해당할 수 있으며 구성 요소의 속성은 특정 디자인 토큰 매핑과 일치해야 합니다.

특정 구성 요소 유형이고 특정 기준을 충족하는 요소 수와 그렇지 않은 요소 수를 평가합니다. 예를 들어, 이름이 잘못 지정되었거나 올바르게 지정되었지만 속성 값 지침을 따르지 않는 텍스트 구성 요소를 고려해 보세요. 반응형 레이아웃을 적용하기 위해 특정 레이아웃 컨테이너는 특정 명명 규칙 및 속성 값(예: LayoutWrap)에 매핑될 수 있습니다.

접근성 표준을 충족하여 사용자 기반 확대

포괄적인 디자인 원칙을 통합하면 제품이 모든 능력을 갖춘 개인을 포함하여 다양한 대상 그룹을 수용할 수 있습니다. 포괄적인 디자인은 최종 구현 전에 문제를 해결하는 제품을 만드는 데 있어 모든 능력을 갖춘 사용자에 대한 잠재적인 장벽을 식별하려고 합니다. 이를 효과적으로 극복하려면 상호 작용 장벽으로 이어질 수 있는 기능적 측면을 이해하고 논의하는 것이 중요합니다.

함수 목적
인지 정보를 받고, 해석하고, 처리하는 우리의 능력은 많은 요인의 영향을 받습니다. 이러한 요소에는 주의력, 인식, 집중력, 기억력, 판단력, 이해력, 문제 해결 및 추론이 포함됩니다. 사람의 인지는 새로운 장치를 사용하는 방법을 배우거나 교실에서 새로운 정보를 배우는 등 학습 방식에 영향을 미칠 수 있습니다. 인지의 여러 측면은 서로 영향을 미칩니다.
이동성 우리의 해부학적 구조와 근육은 우리에게 이동성을 제공하며 근육을 제어하는 뇌 신호에 의존합니다. 이동성에는 잡기, 정밀한 운동 기술, 조정, 제어(자발적 대 비자발적 움직임), 속도, 근긴장도, 지구력, 자세 및 일시적 부상이 포함됩니다. 이동성은 상황적, 일시적, 점진적 또는 영구적 조건의 영향을 받을 수 있습니다.
비전 주변 환경의 시각적 정보를 보고 이해하는 능력은 생각과 움직임을 안내합니다. 시력은 신체적 요인과 신경학적 요인 모두에 의해 영향을 받습니다. 시력 제한에는 실명, 저시력(부분 시력), 시력 저하, 시야 손실, 색맹, 광선공포증(빛 민감도), 화면의 텍스트 가독성에 영향을 미치는 밝은 햇빛 등이 포함됩니다.
청각 환경에서 오디오를 수신하고 이해하는 능력은 사고와 움직임을 안내합니다. 청력 손실의 정도는 광범위한 스펙트럼에 걸쳐 다양하여 일상적인 기술 사용에 장벽을 초래합니다. 일시적 또는 상황적 예로는 소리 재생이 불가능한 시끄러운 환경이나 조용한 구역이 포함됩니다.
음성, 발화 및 통신 의사소통(언어적 또는 비언어적) 능력은 우리가 원하는 것과 필요 사항을 표현하고, 관계를 형성하고, 다른 사람에게 정보를 전달하고, 환경과 상호 작용하는 데 필수적입니다.
감각과 지각 감각은 촉각이나 몸의 위치와 같은 감각을 감지하는 능력입니다. 지각은 뇌가 이러한 감각을 처리하고 전달하는 방식입니다. 감각 제한에는 전정 장애, 만성 통증, 피부 완전성, 감각(과민성 및 저감성) 및 고유 감각이 포함됩니다.

콘텐츠에 액세스하는 방법

사용자는 다양한 방법으로 디지털 콘텐츠에 액세스합니다. 마우스 및 포인터 입력 외에도 키보드 및 화면 및 점자 판독기, 돋보기, 캡션, 음성 인식 및 고대비 설정과 같은 보조 기술을 사용할 수 있으며, 이 모든 기술은 사용자의 요구에 맞게 환경을 조정합니다.

보조 도구

일반적인 보조 도구는 다음과 같습니다.

  • 키보드: 시각 장애가 있는 사용자는 텍스트 음성 변환 기술을 사용하여 콘텐츠를 소리 내어 읽고 제어하며, 표준 마우스와의 포인트 앤 클릭 상호 작용에 대한 대체 입력으로 키보드를 사용하는 스크린 리더 소프트웨어를 사용하여 웹 사이트 및 앱과 상호 작용합니다. 화면 판독기는 기본 키보드 명령 세트를 지원하는 것 외에도 복잡한 키보드 명령 세트도 제공합니다. 이러한 명령은 사용자 인터페이스와 보다 효율적으로 상호 작용할 수 있는 강력한 추가 도구 세트를 사용자에게 제공합니다.

  • 화면 판독기: 화면 판독기는 디지털 텍스트를 합성 음성 및 점자 출력으로 변환합니다. 사용자는 콘텐츠를 듣고 키보드로 탐색할 수 있습니다. 이 기술을 사용하면 시각 장애가 있는 개인도 다른 사용자와 동일한 수준의 독립성과 개인 정보 보호를 바탕으로 정보 기술을 사용할 수 있습니다. 화면 판독기는 인지 장애나 학습 장애가 있는 개인과 단순히 텍스트보다 오디오 콘텐츠를 선호하는 사용자도 사용합니다. 이러한 도구는 웹 사용을 넘어 문서, 스프레드시트 및 운영 체제 탐색을 지원합니다.

  • 터치: 터치 대상은 주로 화면을 두드리는 데 문제가 있을 수 있는 운동 지연이 있는 사람들을 대상으로 합니다. 보다 구체적으로 터치는 사람들이 의도하지 않은(또는 등록되지 않은) 터치로 인한 허위 입력의 양을 제한할 수 있도록 설계되었습니다.

  • 동적 콘텐츠: 랜드마크 역할 또는 ARIA 레이블은 독자 사용자를 선별하는 데 즉각적인 이점을 제공합니다. 8개의 역할이 있으며, 각각은 웹 페이지에서 일반적으로 발생하는 콘텐츠 블록을 나타냅니다. 이를 사용하려면 HTML의 적절한 컨테이너에 관련 역할 속성을 추가하여 화면 독자 사용자가 페이지의 해당 섹션으로 빠르게 이동할 수 있도록 하세요.

시각적 스타일

다양한 시각 능력을 가진 사용자를 위한 포괄적인 제품을 만들려면 색상, 대비, 텍스트 크기와 같은 시각적 스타일을 고려하는 것이 중요합니다. 여기에는 이미지, 아이콘 및 버튼의 텍스트를 포함하여 텍스트와 배경 간의 적절한 대비를 보장하여 대비가 낮은 민감도 또는 색맹인 사용자의 가독성을 향상시키는 것이 포함됩니다. 대비가 잘 되는 콘텐츠는 다양한 조명 조건에서 가독성을 높여 모든 사용자에게 도움이 됩니다.

표준 텍스트는 배경과 최소 4.5:1의 대비율을 유지해야 합니다. 더 큰 텍스트, 대화형 구성 요소 및 데이터 시각화의 경우 배경색과 3:1의 최소 대비 비율이 필요합니다. 상태 표시기는 의미론적 색상, 유형 및 이미지를 효과적으로 사용하여 정보를 전달하고 모든 사용자가 콘텐츠를 인식할 수 있도록 해야 합니다. 가시성과 선명도를 보장하기 위해 최소 7:1의 명암비로 콘텐츠를 표시하기 위해 색상 팔레트를 정규화하는 고대비 색상 팔레트 지원을 고려하세요. 다크 모드를 제공하면 가독성이 크게 향상되고 눈의 피로가 줄어듭니다.

타이포그래피

타이포그래피는 다양한 요구를 가진 사용자의 가독성을 보장하는 데 중요한 역할을 합니다. 다양한 사용자 요구 사항을 수용할 수 있도록 텍스트는 충분히 크고 적절한 간격을 유지해야 합니다. 사용자는 방향 및 확대/축소 수준과 같은 설정을 조정할 수 있어야 하며 애플리케이션은 이에 따라 콘텐츠 레이아웃을 원활하게 조정해야 합니다. 잘 설정된 타이포그래피는 가독성을 높일 뿐만 아니라 페이지 방향 및 탐색을 용이하게 하여 저시력, 인지 장애, 색맹 및 화면 판독기에 의존하는 사람들에게 도움이 됩니다.

제목에는 특히 시각을 중시하는 사용자가 빠르게 검색하고 이해할 수 있도록 크거나 굵은 텍스트가 포함되어야 합니다. 적절하게 적용된 제목 요소는 모든 사용자에게 효율적인 탐색을 보장합니다. 선 너비와 간격은 가독성에 큰 영향을 미칩니다. 예를 들어, 지나치게 넓은 선은 눈에 부담을 주고, 지나치게 짧은 선은 리듬과 이해력을 방해합니다. 가독성을 높이기 위해 줄 길이는 50~70자, 줄 높이는 글꼴 크기의 120%~145%를 목표로 합니다.

모바일 디바이스에서는 콘텐츠나 기능을 손상시키지 않고 텍스트 크기를 최대 200%까지 조정할 수 있어야 합니다. 이러한 유연성 덕분에 사용자는 자신의 선호도나 필요에 따라 텍스트 크기를 조정할 수 있어 전반적인 접근성이 향상됩니다. 또한 사용자는 최대 400% 확대/축소 수준에 대해 가로 스크롤 없이 콘텐츠를 원활하게 리플로하도록 설계된 페이지 레이아웃을 통해 인터페이스를 확대할 수 있어야 합니다. 장치 화면 크기에 관계없이 콘텐츠에 계속 액세스하고 읽을 수 있도록 하면 모든 사용자에게 보다 사용자 친화적인 환경을 제공하는 데 도움이 됩니다.

이미지, 그래프 및 모션

이미지와 그래픽은 많은 사람들, 특히 인지 및 학습 장애가 있는 사람들에게 콘텐츠를 더욱 즐겁고 이해하기 쉽게 만듭니다. 이미지는 시각 장애가 있는 사람들에게 단서 역할을 하여 콘텐츠 내에서 이미지의 방향을 정하는 데 도움이 되지만, 웹 사이트에서 이미지를 광범위하게 사용하면 사용자에게 큰 장벽이 될 수 있습니다.

미디어 콘텐츠에 대한 접근 가능한 관행은 점자 및 화면 독자 사용자, 대역폭을 절약하기 위해 이미지를 끄고 탐색하는 사용자 및 검색 엔진 크롤러에 도움이 됩니다. 또한 청력 상실이나 인지 장애가 있는 사람들에게도 도움이 될 수 있습니다.

시각적 콘텐츠에 액세스할 수 있도록 대체 텍스트를 사용하세요. Alt 속성은 시각적 콘텐츠(예: 이미지를 다운로드하는 동안 표시되는 텍스트)를 설명합니다. 대체 텍스트를 이미지의 컨텍스트에 맞게 조정합니다. 간결하고 유익하게 작성하세요(150~250자 이내). 텍스트 내용을 복제하는 이미지를 장식용으로 표시하는 것을 잊지 마세요.

상호 작용

상호 작용은 접근성이 가장 중요한 부분입니다. 사용자가 제품을 원활하게 탐색하고 작업을 완료할 수 없다면 제품에 실제로 액세스할 수 없습니다. 효율적인 키보드 및 터치 상호 작용은 화면 판독기, 점자 판독기 사용자 및 키보드를 사용하여 탐색하는 사용자를 지원합니다. 일반적인 상호 작용은 다음과 같습니다.

  • 탐색: 보조 기술 사용자는 탭 이동, 검색을 통해 웹 페이지를 탐색하고 화면 판독기의 경우 제목 및 링크 목록을 사용합니다. 랜드마크, 제목, 단축키(예: "기본 콘텐츠로 건너뛰기")를 사용하여 효율적인 키보드 탐색을 보장하세요.

  • 하이퍼링크: 하이퍼링크의 유용성과 접근성은 하이퍼링크를 명확하고 간결하며 맥락에 맞게 의미 있게 만들어 향상될 수 있습니다. 충분한 색상 대비를 적용하여 다른 콘텐츠와 시각적으로 차별화됩니다.

  • 테이블: 접근 가능한 테이블을 만드는 데 시각적 신호에만 의존하는 것만으로는 충분하지 않습니다. 구조적 마크업을 통해 보조 기술은 헤더와 데이터 셀을 인식할 수 있습니다.

  • 양식: 다양한 웹 상호 작용에 사용되는 입력 필드는 종종 화면 판독기나 키보드를 사용하는 개인에게 접근성 문제를 제기합니다.

  • 포커스: 포커스 가시성은 키보드를 사용하여 페이지를 탐색하는 사용자가 다음에 상호 작용하는 요소를 시각적으로 표시함으로써 도움이 됩니다. 경험을 최적화하기 위해 초점을 프로그래밍 방식으로 이동하거나 특정 영역으로 제한해야 하는 경우도 있습니다.

  • 상태 변경: 상태 변경 및 알림에 대한 텍스트를 지정합니다. 오류 상태를 전달하고 사용자에게 오류 복구(예: 누락된 정보 또는 시스템 문제)를 안내하는 것이 중요합니다.

Power Platform 간편 사용

캔버스 앱과 모델 기반 앱 모두에서 최신 컨트롤을 사용할 수 있습니다.

캔버스 앱은 현대적인 테마를 지원하여 앱의 모든 컨트롤에 걸쳐 일관된 브랜드 팔레트를 구현할 수 있습니다. 모델 기반 앱은 앱 헤더 색상, 링크 및 일부 양식 아이콘과 같은 기본 브랜딩 요소를 수정할 수 있는 테마를 지원합니다.

재사용 가능한 솔루션 인식 구성 요소는 다양한 앱 유형에 대해 여러 형태로 제공됩니다. 맞춤 캔버스 구성 요소는 캔버스 앱이나 맞춤 페이지에서 사용할 수 있으며 로우 코드를 사용하여 구축됩니다. Power Apps component framework를 사용하여 캔버스 앱, 모델 기반 앱 및 Power Pages에 대한 코드 구성 요소를 구현할 수 있습니다.

캔버스 앱은 특정 보조 기술 기능에 매핑되는 접근 가능한 속성을 지원합니다. 스튜디오 내 도구를 사용하여 접근성 규정 준수 여부를 확인하세요.

모델 기반 앱은 구성 없이 액세스할 수 있지만 앱에 추가된 모든 웹 리소스에 액세스할 수 있는지 확인하세요. 사용자 지정 페이지를 포함한 삽입된 캔버스 환경은 접근성 표준을 충족하도록 수동으로 구성해야 합니다.

모델 기반 앱은 양식 및 보기 탐색을 위한 표준 키보드 단축키가 내장되어 있습니다.

캔버스 앱에는 Creator Kit의 단축키를 사용하여 구성할 수 있는 키보드 단축키를 활성화하는 코드 구성 요소가 필요합니다.

경험 최적화 체크리스트

경험 최적화 체크리스트