Windows 디바이스에 대한 UI 고려 사항

Windows 앱을 지원하는 디바이스에 대해 알고 있으면 각 폼 팩터에 최상의 사용자 환경을 제공하는 데 도움이 됩니다.

특정 디바이스를 디자인할 때의 주요 고려 사항은 해당 디바이스에 앱이 표시되는 방법, 해당 디바이스에서 앱이 사용되는 위치, 시간 및 방법, 사용자가 해당 디바이스를 조작하는 방법 등입니다.

PC와 노트북

Windows PC 및 노트북에는 다양한 디바이스 및 화면 크기가 포함됩니다. 일반적으로 PC와 노트북은 휴대폰이나 태블릿보다 많은 정보를 표시할 수 있습니다.

화면 크기

• 13인치 이상

일반적인 사용

• 데스크톱 및 노트북의 앱은 공유되어 사용되지만 한 번에 한 명의 사용자가 사용할 수 있으며 일반적으로 더 오랫동안 사용됩니다.

UI 고려 사항

• 앱은 창 보기를 사용할 수 있으며, 크기는 사용자가 결정됩니다. 창 크기에 따라 1~3개 프레임이 있을 수 있습니다. 더 큰 모니터에서는 앱에 세 개 이상의 프레임이 포함될 수 있습니다.

• 데스크톱이나 노트북에서 앱을 사용하는 경우 사용자가 앱 파일을 제어할 수 있습니다. 앱 디자이너는 앱의 콘텐츠를 관리하는 메커니즘을 제공해야 합니다. "다른 이름으로 저장", "최근에 사용한 파일" 등의 명령 및 기능을 포함하는 것이 좋습니다.

• 시스템 뒤로 기능은 옵션입니다. 앱 개발자가 이 기능을 표시하기로 선택한 경우 앱 이름 표시줄에 나타납니다.

입력

• 마우스
• Keyboard
• 노트북과 통합 PC의 터치
• 경우에 따라 Xbox 컨트롤러와 같은 게임 패드가 사용됩니다.

일반적인 디바이스 기능

• 카메라
• 마이크

태블릿 및 투인원

휴대성이 뛰어난 태블릿 컴퓨터에는 터치 스크린, 카메라, 마이크 및 가속도계가 제공됩니다. 태블릿 화면 크기는 일반적으로 7인치에서 13.3인치 사이입니다. 투인원 디바이스는 구성에 따라 태블릿 또는 키보드 및 마우스가 탑재된 노트북으로 사용할 수 있습니다(일반적으로 화면을 뒤로 접거나 수직으로 세워서 사용).

화면 크기

• 태블릿의 경우 7~13.3인치
• 투인원의 경우 13.3인치 이상

일반적인 사용

• 태블릿의 약 80%는 소유자가 사용하고 20%는 공유됩니다.
• 가정에서 TV를 시청하는 동안 도우미 디바이스로 가장 일반적으로 사용됩니다.
• 휴대폰 및 패블릿보다 더 오랫동안 사용됩니다.
• 문자는 짧은 버스트로 입력됩니다.

UI 고려 사항

• 가로 방향과 세로 방향 모두에서 태블릿은 한 번에 두 프레임을 허용합니다.
• 시스템의 뒤로 기능은 탐색 모음에 있습니다.

입력

• 터치
• Stylus
• 외부 키보드(경우에 따라)
• 마우스(경우에 따라)
• 음성(경우에 따라)

일반적인 디바이스 기능

• 카메라
• 마이크
• 동작 센서
• 위치 센서

참고 항목

PC 및 노트북에 대한 대부분의 고려 사항이 투인원에도 적용됩니다.

Xbox 및 TV

실내의 소파에 앉아 TV와 상호 작용 하는 게임 패드 또는 리모컨을 사용하여 TV를 조작하는 환경을 3미터 환경이라고 합니다. 일반적으로 사용자가 화면에서 약 3m 떨어진 곳에 앉아 있기 때문에 이렇게 이름이 지정되었습니다. 이 경우 가령 0.6m 환경이나 PC 조작 시에는 존재하지 않는 고유한 과제가 발생합니다. Xbox One 또는 TV 화면에 연결되고 입력에 게임 패드 또는 리모컨을 사용하는 다른 모든 디바이스용 앱을 개발하는 경우 항상 이 점에 유의해야 합니다.

3m 환경용으로 Windows 앱을 디자인하는 것은 여기에 나열된 다른 디바이스 범주를 디자인하는 것과 매우 다릅니다. 자세한 내용은 Xbox 및 TV용 디자인을 참조하세요.

화면 크기

• 24" 이상

일반적인 사용

• 여러 명이 공유하는 경우가 많지만 한 명만 사용하는 경우도 많습니다.
• 일반적으로 오랜 기간 동안 사용됩니다.
• 집에서 가장 많이 사용되며 한 곳에 머무릅니다.
• 게임 패드 또는 리모컨을 사용할 경우 시간이 오래 걸리므로 텍스트 입력을 거의 요청하지 않습니다.
• 화면의 방향이 고정되어 있습니다.
• 일반적으로 한 번에 한 앱만 실행하지만 앱을 옆으로 끌 수도 있습니다(예: Xbox에서).

UI 고려 사항

• 앱은 일반적으로 다른 앱을 옆으로 끌지 않는 한 동일한 크기로 유지됩니다.
• 시스템 뒤로 기능은 대부분의 Xbox 앱에 제공되는 유용한 기능으로, 게임 패드의 B 단추를 사용하여 액세스할 수 있습니다.
• 고객은 화면과 약 3m 떨어진 곳에 앉아 있기 때문에 UI를 크고 선명하게 하여 잘 보이게 해야 합니다.

입력

• 게임 패드(예: Xbox 컨트롤러)
• 원격
• 음성(고객이 Kinect 또는 헤드셋을 가지고 있는 경우)

일반적인 디바이스 기능

• 카메라(고객이 Kinect를 가지고 있는 경우)
• 마이크(고객이 Kinect 또는 헤드셋을 가지고 있는 경우)
• 동작 센서(고객이 Kinect를 가지고 있는 경우)

휴대폰 및 패블릿

모든 컴퓨팅 디바이스에서 가장 널리 사용되는 휴대폰은 제한된 화면 공간 및 기본 입력만으로 많은 작업을 수행할 수 있습니다. 휴대폰의 크기는 다양하며 큰 휴대폰을 패블릿이라고 합니다. 패블릿의 앱 환경은 휴대폰과 유사하지만 패블릿의 화면 공간 확대로 콘텐츠 사용에서 몇 가지 주요 사항이 변경되었습니다.

화면 크기

• 휴대폰의 경우 4~5인치
• 패블릿의 경우 5.5~7인치

일반적인 사용

• 대부분 한 손으로 휴대폰을 잡고 이 방식으로 휴대폰을 완전히 조작할 수 있기 때문에 주로 세로 방향으로 사용되지만 사진과 동영상을 보거나 책을 읽거나 문자를 작성하는 등 가로 방향으로 작업하기가 더 나은 경우도 있습니다.
• 대부분 디바이스 소유자 한 사람만 사용합니다.
• 대개 주머니나 가방 등 항상 손에 닿기 쉬운 곳에 있습니다.
• 짧은 기간 동안 사용됩니다.
• 사용자는 흔히 휴대폰을 사용할 때 멀티태스킹을 합니다.
• 문자는 짧은 버스트로 입력됩니다.

UI 고려 사항

• 휴대폰은 화면 크기가 작아 세로 및 가로 방향으로 한 번에 하나의 프레임만 볼 수 있습니다. 휴대폰의 모든 계층적 탐색 패턴에서는 사용자가 단일 프레임 UI 계층을 탐색할 때 “드릴" 모델을 사용합니다.

• 휴대폰과 마찬가지로 세로 모드의 패블릿에서는 한 번에 한 프레임만 볼 수 있습니다. 그러나 패블릿에서는 더 큰 화면 공간을 사용할 수 있으므로 가로 방향으로 회전하고 유지하여 한 번에 두 개의 앱 프레임을 표시할 수 있습니다.

• 가로 및 세로 방향에서 화상 키보드가 실행될 때 앱 바에 충분한 화면 공간이 제공되도록 해야 합니다.

입력

• 터치
• 음성

일반적인 디바이스 기능

• 마이크
• 카메라
• 동작 센서
• 위치 센서

 

Surface Hub 디바이스

Microsoft Surface Hub는 큰 화면을 갖춘 팀 협업 디바이스로서 여러 사용자가 동시에 사용할 수 있도록 디자인되었습니다.

화면 크기

• 55인치 및 84인치

일반적인 사용

• Surface Hub에서 앱은 회의와 같은 짧은 시간 동안 공유 사용됩니다.

• Surface Hub 디바이스는 대부분 고정되어 있고 거의 이동되지 않습니다.

UI 고려 사항

• Surface Hub에서 앱은 전체(표준 전체 화면 보기), 백그라운드(앱이 계속 실행 중인 동안 보기에서 숨겨져 있음, 작업 전환기에서 사용 가능), 채우기(사용 가능한 스테이지 영역을 차지하는 고정된 보기), 사이드(스테이지의 오른쪽 또는 왼쪽 측면을 차지하는 가변 보기)의 4가지 상태 중 하나로 표시됩니다.
• 사이드 모드 또는 채우기 모드에서 시스템은 Skype 사이드바를 표시하고 앱을 가로로 축소합니다.
• 시스템 뒤로 기능은 옵션입니다. 앱 개발자가 이 기능을 표시하기로 선택한 경우 앱 이름 표시줄에 나타납니다.

입력

• 터치
• 펜
• 음성
• 키보드(화상/원격)
• 터치 패드(원격)

일반적인 디바이스 기능

• 카메라
• 마이크

 

Windows IoT 디바이스

Windows IoT 디바이스는 물리적 개체 내에 소형 가전제품, 센서 및 연결을 포함하는 것에 중점을 둔 새로운 종류의 디바이스입니다. 이러한 디바이스는 감지한 실제 데이터에 대해 보고하고 일부 경우 그에 대한 조치를 취하기 위해 대개 네트워크 또는 인터넷을 통해 연결되어 있습니다. 디바이스는 화면이 없거나("헤드리스" 디바이스라고도 함), 화면 크기가 대개 3.5인치 이하인 작은 화면에 연결되어 있습니다("헤디드" 디바이스라고도 함).

화면 크기

• 3.5인치 이하
• 일부 디바이스에는 화면이 없음

일반적인 사용

• 감지한 실제 데이터에 대해 보고하고 일부 경우 그에 대한 조치를 취하기 위해 대개 네트워크 또는 인터넷을 통해 연결되어 있습니다.
• 이러한 디바이스는 휴대폰 또는 다른 더 큰 디바이스와 달리 한 번에 하나의 애플리케이션만 실행할 수 있습니다.
• 항상 조작되는 것은 아니지만, 필요한 경우 사용할 수 있으며 불필요한 경우 방해하지 않습니다.
• 앱에는 전용 뒤로 기능이 없으며, 이는 개발자의 책임입니다.

UI 고려 사항

• "헤드리스" 디바이스에는 화면이 없습니다.
• 제한된 화면 공간 및 기능 때문에 "헤디드" 디바이스의 디스플레이는 최소화되어 있으며 필요한 내용만 표시합니다.
• 방향은 대부분 잠겨 있으므로 앱에서는 한쪽 디스플레이 방향만 고려하면 됩니다.

입력

• 가변(디바이스에 따라 다름)

일반적인 디바이스 기능

• 가변(디바이스에 따라 다름)