다른 Windows 구성 요소와 모바일 광대역 앱 통합
Windows 10 UI(사용자 인터페이스) 화면을 사용하여 모바일 광대역 앱의 전반적인 환경을 향상시킬 수 있습니다.
레이아웃, 탐색, 명령, 애니메이션, 터치 조작, 스냅 및 크기 조정, 계약 및 기능, 타일 및 알림, UI 컨트롤, 클라우드로의 앱 로밍 및 기본 사항에 대한 추가 사용자 환경 디자인 지침은 UWP 앱에 대한 UX 지침 인덱스를 참조하세요.
이 항목에는 다음과 같은 섹션이 포함되어 있습니다.
앱 설정
앱 설정을 사용하여 앱 구성에 대한 설정을 포함할 수 있습니다. 이러한 몇 가지 예는 다음과 같습니다.
로그인 및 로그아웃
사용자 프로필 보기 및 편집
청구 주소 변경
결제 옵션 보기 및 편집
마케팅 기본 설정 보기 및 설정
오류 사용자 환경
일반
모바일 광대역 앱에는 정상적으로 처리해야 하는 여러 오류 사례가 있을 수 있습니다. 몇 가지 일반적인 예는 다음과 같습니다.
디바이스가 없거나 분리되었습니다 . SIM 또는 동글과 같은 디바이스가 누락되거나 분리되면 나타납니다.
잠긴 디바이스 연결된 디바이스가 사용자에게 잠겨 있을 때 나타납니다.
인터넷 연결 끊김 네트워크 연결이 검색되지 않을 때 나타납니다.
여러 디바이스가 연결되어 있습니다. 기본 제공 어댑터와 외부 동글이 연결되어 있을 때 나타납니다. 이러한 경우 알림 표시줄 오류가 권장됩니다.
양식 필드 유효성 검사 오류 사용자가 양식에 잘못된 정보를 입력하면 나타납니다. 사용자가 오류가 연결된 필드를 알 수 있도록 유효성 검사 오류를 인라인으로 표시해야 합니다.
오류를 표시하는 방법에 대한 지침은 UI 배치를 참조하세요. 아래 예제에서는 페이지 맨 위에 알림 표시줄이 표시됩니다.
데이터 사용 오류
다음 오류 사례는 다음과 같은 방법으로 개요 페이지에 표시되어야 합니다.
사용자가 계획 만료가 임박한 경우: 화면 맨 위에 있는 막대를 사용하여 사용자의 계획이 만료에 가까워졌음을 나타냅니다.
사용량이 데이터 한도를 초과한 경우 데이터 막대가 가득 차야 하며 문제를 설명하고 사용자에게 이에 대해 수행할 작업을 알려주는 인라인 메시지도 있어야 합니다. 또는 오버 데이터 상한 사용량 메시지는 페이지 위쪽의 알림 표시줄에 있을 수 있습니다.
계획이 만료된 경우: 요약 상자 맨 위에 있는 막대를 사용하여 사용자가 수행할 수 있는 문제 및 작업을 설명합니다. 이 경우 데이터 사용량, 청구 주기 및 로밍 정보가 표시되지 않습니다.
국가별 로밍: 요약 섹션의 맨 아래에 있는 로밍을 나타냅니다.
앱 보기
앱은 적응형이어야 하며 다음을 비롯한 다양한 레이아웃에 맞출 수 있어야 합니다.
가로
세로
다른 앱과 나란히
가득
키보드 위로
참고 터치 키보드가 위로 올라가면 양식 필드와 같은 요소가 적절하게 스크롤되는지 확인합니다.
다음 예제에서는 일부 페이지가 다른 앱과 나란히 표시되는 방식을 보여 줍니다.
고대비 모드 및 화면 판독기 준비 상태를 포함하여 앱 보기를 통해 앱에 액세스할 수 있는지 확인합니다. 앱에 액세스할 수 있도록 하는 방법에 대한 자세한 내용은 JavaScript를 사용하여 UWP 앱의 접근성을 참조하세요.
시작 지점
모바일 광대역 앱은 모든 앱 보기, Windows 연결 관리자 또는 알림 메시지를 통해 사용자가 사용할 수 있습니다.
Windows 연결 관리자 시작
Windows 연결 관리자 사용하여 모바일 광대역 앱에 연결할 수 있습니다. 앱이 계정 및 데이터 사용량 정보를 사용하여 방문 페이지로 열립니다. 연결되면 Windows 연결 관리자 현재 계정 및 데이터 사용량을 표시합니다.
Captive Portal 구매 흐름 중에 연결 관리자에서 자동 시작
사용자가 웹 트래픽이 리디렉션되는 Captive Portal 네트워크에 연결된 경우 Windows는 앱이 설치된 경우 자동으로 앱을 시작하는 옵션을 제공합니다. 앱은 인터넷 액세스를 구매하는 방법에 대한 정보를 제공하는 계획 페이지로 열립니다.
모든 앱 보기의 타일에서 앱 시작
앱은 여러 개의 동시 계정이 있는 사용자를 지원해야 합니다(예: 두 개의 외부 USB 모바일 광대역 어댑터 사용). 타일에서 앱을 시작하면 앱에서 사용자가 사용하려는 계정을 선택할 수 있도록 해야 합니다.
앱이 일시 중단되었거나 이미 실행 중인 경우 사용된 마지막 페이지가 표시됩니다. 앱이 아직 실행되고 있지 않거나 정보를 일시 중단할 수 없는 경우 앱이 방문 페이지로 열립니다.
타일 및 알림 메시지
시작 메뉴에서 타일은 앱의 기본 표현입니다. 사용자는 이러한 타일을 통해 앱을 시작하며, 알림을 통해 새롭고 관련성이 있으며 맞춤형 콘텐츠를 표시할 수 있습니다. 이렇게 하면 시작 메뉴가 생동감 있게 느껴지며 사용자가 새로운 기능을 한눈에 볼 수 있습니다. 앱은 사용자가 다른 앱에 있든, 시작 화면에 있든, 데스크톱에 있든, 알림 메시지를 통해 사용자에게 시간이 중요한 이벤트를 전달할 수도 있습니다. 알림을 디자인하고 전달하는 방법론은 타일과 밀접하게 유사하므로 학습 곡선을 낮춥니다.
알림 메시지에는 텍스트와 이미지가 포함될 수 있지만 단추와 같은 보조 작업은 지원하지 않습니다. 알림은 작업 표시줄의 알림 영역에서 Windows 풍선 알림과 비슷하다고 생각합니다. 풍선 알림과 마찬가지로 화면의 오른쪽 아래 모서리에 알림이 나타납니다. 사용자가 알림을 탭하거나 클릭하면 알림과 관련된 보기에서 연결된 앱이 시작됩니다. 이는 한 앱이 다른 앱에서 사용자를 방해할 수 있는 유일한 메커니즘입니다. 알림은 사용자가 활성화, 해제 또는 무시할 수 있습니다. 사용자는 앱에 대한 모든 알림을 사용하지 않도록 설정할 수 있습니다.
알림 메시지는 사용자에게 관심이 높은 정보에만 사용해야 하며 일반적으로 일부 형태의 사용자 옵트인이 포함됩니다. 들어오는 전자 메일 경고, 메신저 채팅 요청 및 속보에 적합합니다. 그러나 알림 메시지를 사용하는 것을 고려할 때 일시적인 특성으로 인해 사용자가 볼 수 없다는 것을 깨닫는 것이 매우 중요합니다. 데이터 사용량 초과 또는 로밍 경고에 알림 메시지를 사용하는 경우 최종 사용자가 알림 메시지를 놓칠 경우 타일 및 앱 보기 내에서 정보를 표시하는 것이 좋습니다.
시작 화면
시작 화면을 사용하여 브랜딩을 홍보할 수 있습니다. 시작 화면에 대한 자세한 내용은 시작 화면 추가를 참조하세요.
빠른 요약
운영자 알림에 적합한 디자인:
알림 메시지와 타일 알림을 모두 사용하여 구독자의 계정 및 서비스 계획과 관련된 중요하고 관심 있는 메시지를 사용자에게 알릴 수 있습니다.
브랜드 지침에 따라 알림 및 타일 배경색 및 로고를 사용자 지정합니다.
방문 페이지에서 직접 구독자의 계정 및 서비스 계획과 관련된 중요한 SMS 또는 USSD 운영자 알림 및 경고를 포함합니다.
운영자 알림에 대한 부적절한 디자인:
실시간이 아닌 정보(예: 홍보 광고)에 대한 알림 메시지를 표시하지 마세요.
최종 사용자가 중요한 운영자 알림을 놓칠 수 있으므로 운영자 알림 및 경고와 혼합된 사용자 간 채팅 메시지와 프로모션 및 광고를 표시하지 마세요.