다음을 통해 공유


사용 편의성을 우선시하기 위한 권장 사항

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

XO:04 설계 과정에서 사용 편의성을 우선시하세요. 사용자 노력을 최소화하고 작업 효율성을 극대화합니다. 복잡한 프로세스를 간소화합니다. 디자인 결정을 사용자 요구에 맞게 조정하세요.

이 가이드에서는 사용자 인터페이스 디자인의 유용성을 개선하기 위한 권장 사항을 설명합니다. 유용성은 의도된 사용자에 대한 제품의 사용 용이성과 효율성을 의미합니다. 유용성은 사용자 만족도, 오류 및 디지털 인터페이스와의 전반적인 상호 작용에 직접적인 영향을 미치며 궁극적으로 애플리케이션의 전반적인 성공에 영향을 미칩니다.

주요 디자인 전략

유용성은 사용자 인터페이스가 얼마나 사용하기 쉬운지를 평가하는 품질 속성입니다. "사용성"이라는 단어는 디자인 과정에서 사용 편의성을 향상시키는 방법을 의미하기도 합니다.

유용성은 다섯 가지 품질 구성 요소로 정의됩니다.

구성 요소 Description
학습 가능성 처음에 작업을 얼마나 쉽게 완료할 수 있으며 사용자가 이전 경험을 통해 얼마나 빨리 배울 수 있습니까?
효율성 사용자가 디자인을 학습한 후 작업을 얼마나 빨리 수행할 수 있습니까?
기억성 사용자가 일정 기간 동안 디자인을 사용하지 않은 후 다시 디자인으로 돌아오면 얼마나 쉽게 숙련도를 회복할 수 있습니까?
오류 사용자는 얼마나 많은 오류를 범하고, 이러한 오류는 얼마나 심각하며, 오류에서 얼마나 쉽게 복구할 수 있습니까?
만족도 이 설계를 사용하는 것이 얼마나 즐거운가요?

시스템 상태 가시성

시스템은 합리적인 시간 내에 적절한 피드백을 통해 항상 사용자에게 현재 상황에 대한 정보를 제공해야 합니다.

명확하고 직관적인 위치에 시스템의 현재 상태에 대한 중요한 세부 정보를 표시합니다. 예를 들어 목록에서 항목을 선택하면 선택한 항목의 개수가 표시되어야 합니다.

선택한 항목 수를 보여주는 스크린샷.

진행률 표시기 또는 로딩 애니메이션을 사용하여 요청이 처리되고 있음을 사용자에게 확신시키세요. 이러한 시각적 지표는 불확실성으로 인한 좌절감을 방지하고 기대치를 관리하는 데 도움이 됩니다. 그렇지 않으면 사용자는 시스템이 느리거나 응답하지 않는 것으로 인식하고 작업을 포기할 수 있습니다.

실시간 업데이트는 사용자의 참여를 유지하고 작업 결과에 대한 정보를 제공합니다. 상태 메시지나 알림을 사용하여 성공적인 작업이나 오류를 명확하게 전달합니다. 비동기 작업이 완료되면 알림을 보내는 것이 일반적이며 사용자는 언제 알림을 확인해야 하는지 알아야 합니다.

시스템 상태를 빠르게 인식하고 이해할 수 있도록 다양한 상태에 색상으로 구분된 지표를 통합합니다. 색상은 텍스트보다 빠르게 처리되므로 사용자가 정보를 더 빠르고 쉽게 이해할 수 있습니다.

현실 세계 반영

시스템은 시스템 지향적인 용어보다는 사용자가 이해하는 단어, 구문, 개념을 사용하여 사용자의 언어로 말해야 합니다. 실제 규칙을 따르고 자연스럽고 논리적인 순서로 정보를 제공합니다.

사용자에게 친숙한 용어와 개념을 사용하고 사용자를 소외시킬 수 있는 전문 용어는 피하십시오. 사람들은 시스템이 자신의 언어로 말할 때 시스템의 목적과 기능을 빠르게 파악하는 경향이 있습니다.

사용자가 이해하는 시나리오와 규칙을 반영하는 방식으로 시스템 정보를 구성합니다. 사용자의 삶에 기술을 더 쉽게 적용할 수 있도록 친숙하거나 실제 프로세스와 조화를 이루는 자연스럽고 논리적인 순서로 정보를 제공합니다.

잘못된 이메일 주소 형식을 나타내는 오류를 표시하는 잘못된 이메일이 있는 필수 이메일 주소 양식 필드의 스크린샷.

사용자 제어 및 자유

사용자는 실수로 시스템 기능을 선택할 수 있으며 확장된 대화 상자를 탐색하지 않고 원치 않는 상태를 벗어나려면 명확하게 표시된 "비상 출구"가 필요합니다. 실행 취소 및 다시 실행을 지원합니다.

'다음'이라고 표시된 기본 버튼 옆에 '뒤로'라고 표시된 중립 버튼의 스크린샷.

합리적인 경우 다양한 선호도와 접근성 요구 사항을 가진 사용자를 수용할 수 있도록 다양한 입력 방법을 지원합니다. 키보드 단축키, 터치 제스처, 음성 명령 또는 마우스 클릭을 통해 사용자는 선호하는 방법을 사용하여 인터페이스와 상호 작용할 수 있습니다.

데이터 및 개인 정보 보호 설정에 대한 세부적인 제어는 사용자 자율성을 존중하고 신뢰를 구축하는 데 중요합니다. 개인 정보 보호 설정 조정, 데이터 삭제 또는 내보내기, 타사 애플리케이션에 대한 액세스 권한 제어를 통해 사용자는 자신의 정보에 대한 통제력을 유지할 수 있습니다. 데이터 수집 관행, 보안 조치 및 사용자 권리에 대한 명확한 설명과 투명한 공개를 제공하면 정보에 입각한 의사 결정이 가능하고 투명성과 책임성이 촉진됩니다.

일관성과 표준

사용자가 상태 표시기를 쉽게 인식하고 이해할 수 있도록 디자인의 일관성을 유지하여 인지 부하를 줄이고 사용성을 향상시킵니다. 사용자는 서로 다른 단어, 상황, 행동이 같은 의미인지 궁금해할 필요가 없습니다.

반복 가능한 경험 패턴이 다르게 나타나면 사용자는 도입된 변형의 의미를 해석하는 데 어려움을 겪게 되어 이해 및 작업 완료의 비효율성을 초래하게 됩니다. 매칭되는 컨트롤 제품군을 사용하면 시각적 요소를 화면과 환경 전반에서 일관되게 유지하는 데 도움이 됩니다.

두 가지 UI 패턴을 보여 주는 스크린샷으로, 하나는 단추 컨트롤을 사용하여 다음 화면을 열고 다른 하나는 링크 컨트롤을 사용하여 화면을 엽니다.

오류 방지

좋은 오류 메시지보다 더 나은 점은 애초에 문제가 발생하지 않도록 주의 깊게 설계하는 것입니다. 오류가 발생하기 쉬운 조건을 제거하거나 이를 확인하고 사용자가 작업을 수행하기 전에 확인 옵션을 제공하십시오. 워크플로우 연속성을 유지하기 위해 인터페이스의 잠재적인 문제를 사전에 해결합니다.

제출 전 샘플 양식 유효성 검사의 스크린샷.

리콜보다는 인정

개체, 작업 및 옵션을 표시하여 사용자의 메모리 부하를 최소화합니다. 사용자는 앱의 한 부분에서 다른 부분으로의 정보를 기억할 필요가 없습니다. 지침은 필요할 때마다 눈에 보이거나 쉽게 검색할 수 있어야 합니다.

양식을 디자인할 때 사용자가 선택할 수 있는 미리 정의된 옵션을 제공할지 아니면 자유 텍스트 입력을 허용할지 여부를 고려합니다. 이 선택은 데이터 유형에 따라 결정될 수 있지만 UI 레이어에서도 고려해야 합니다. 속도와 편의성이 가장 중요한 경우 미리 정의된 옵션을 선택하고, 더 풍부한 세부 정보나 개인화된 응답이 필요한 시나리오의 경우 자유 텍스트 입력을 선택하세요.

기억에서 중요한 정보를 리콜할 필요가 없도록 지침과 자원을 제공하십시오. 일반적인 UI 패턴에는 상황에 맞는 도움말 아이콘, 인라인 문서, 도구 설명, 내장된 자습서, 주문형 도움말 메뉴, 검색 가능한 참조 자료, AI 지원 리소스와 같은 대화형 도움말 위젯이 포함됩니다.

옵션 집합이 있는 체크리스트와 자유 텍스트 응답을 위한 텍스트 입력 필드 집합을 비교한 스크린샷.

유연성과 사용 효율성

가속기 및 사용자 지정 옵션과 같은 기능을 통합하여 다양한 수준의 전문 지식을 갖춘 사용자를 수용합니다. 이 접근 방식을 통해 인터페이스는 초보자와 전문가 사용자 모두의 요구와 선호도에 효과적으로 적응할 수 있습니다.

초보 사용자가 종종 눈치채지 못하는 가속기는 전문가 사용자의 상호 작용 속도를 높여 시스템이 경험이 없는 사용자와 경험이 풍부한 사용자 모두에게 효과적으로 서비스를 제공할 수 있도록 합니다.

사용자 지정 옵션을 통해 사용자는 인터페이스를 자신의 선호에 맞게 조정하여 전반적인 환경을 개인화할 수 있습니다. 인터페이스 요소(예: 대시보드 카드)를 재정렬하거나 자주 사용하는 기능에 대한 개인화된 바로가기를 생성하는 옵션을 제공하면 시스템 탐색 시 사용자 효율성과 편안함이 향상됩니다. 다양한 사용자 기술과 선호도를 충족하면 경험에 대한 주인의식과 개인적인 투자를 촉진할 수 있습니다.

저장된 필터에 대한 링크가 있는 필터 창과 기본 필터링 환경을 보여 주는 스크린샷.

미적이며 미니멀한 디자인

사용자가 한 눈에 정보를 더 쉽게 이해할 수 있도록 명확하고 집중적인 상태 업데이트에 우선순위를 둡니다. 이 접근 방식은 인지적 노력을 줄이고 오해, 실망 또는 이탈의 위험을 최소화합니다.

대화에는 관련성이 없거나 거의 필요하지 않은 정보가 포함되어서는 안 됩니다. 대화의 모든 추가 정보 단위는 관련 정보 단위와 경쟁하고 상대적인 가시성을 감소시킵니다.

'예'라고 표시된 기본 버튼과 '아니요'라고 표시된 보조 버튼이 있는 간결하고 실행 가능한 질문이 포함된 대화상자의 스크린샷.

사용자가 오류를 인식, 진단, 복구할 수 있도록 지원

오류 메시지는 코드 없이 일반 언어로 표현되어야 하며 문제를 정확하게 표시하고 해결 방법을 건설적으로 제안해야 합니다.

사용자가 문제를 해결하거나 지연을 이해하는 데 도움이 되는 상황별 도움말이나 지침을 제공합니다. 이 접근 방식은 특히 장애물이나 복잡한 작업에 직면할 때 사용자가 적절한 다음 단계를 결정하는 데 도움이 됩니다. 단순히 문제를 제시하는 대신 명확한 솔루션을 제공하고 내장된 기능을 통합하여 문제를 신속하게 해결하세요.

메시지에 대한 명확한 설명과 재시도 제안이 포함된 오류 메시지의 스크린샷.

도움말 및 설명서

시스템은 문서 없이도 사용할 수 있을 만큼 직관적이어야 하지만, 도움말과 문서가 필요한 경우가 있을 수 있습니다. 이러한 경우 정보는 찾기 쉽고, 작업 지향적이고, 간결하며, 명확한 단계별 지침을 제공하는지 확인하세요.

위쪽 명령 모음에서 액세스할 수 있는 도움말 창 인터페이스의 스크린샷.

Power Platform 간편 사용

Power Apps의 Copilot 기반 환경은 사용자가 대화 중에 귀중한 인사이트를 발견하는 데 도움이 될 수 있습니다.

캔버스 앱의 경우 진행률 표시줄스피너 최신 컨트롤을 사용하여 진행률 및 로드 상태를 표시할 수 있습니다. 상태 정보를 표시하려면 배지 컨트롤을 사용하세요.

오류와 관련된 Power Fx 표현식을 사용하여 클라이언트의 캔버스 앱에서 강력한 오류 처리를 구현합니다. 작업 전 검증이 포함된 로우코드 플러그인을 사용하여 Power Fx로 사용자 지정 서버 측 오류를 정의합니다.

사용성이 인터페이스에 내장되어 있는 모델 기반 앱에서는 사용성을 향상시키는 환경 측면을 구성하는 데 중점을 둡니다. 내장된 가속기의 예로는 사용자가 앱의 테이블에 대한 필터링 및 열 기본 설정을 저장할 수 있는 개인 보기 기능이 있습니다. 또한 앱 내에서 자세한 도움말 리소스를 제공하도록 사용자 지정 도움말 페이지를 구성하세요.

경험 최적화 체크리스트