터치 조작 방식 디자인(Windows 스토어 앱)
이 항목에서는 Windows 8의 터치 조작 방식에 대해 설명하고 효율적인 터치 조작 방식을 디자인하기 위한 지침을 제공합니다. 이 항목을 다운로드하려면 여기로 이동하세요.
터치 지침
- Windows 8 터치 언어를 사용하세요.
Windows 8에서는 전체 시스템에서 일관되게 사용되는 몇 가지 터치 조작을 제공합니다. 이 터치 언어를 일관되게 적용한다면 사용자에게 보다 익숙한 앱을 만들 수 있습니다. 즉 사용자가 앱을 더 쉽게 익히고 사용하게 되므로 앱에 대한 사용자의 신뢰도가 증가하게 됩니다.
- 손가락으로 조작하기 쉬운 작업에 손가락을 사용하세요.
손가락은 마우스 및 펜과 달리 정밀한 조작이 어렵습니다. 또한 대상이 작으면 정밀함이 요구됩니다. 직접 조작을 지원하고 다양한 터치 조작 데이터를 제공하는 큰 대상에 손가락 터치 조작을 사용하세요. 전체 항목이 선택 대상이기 때문에 큰 대상을 아래로 미는 것은 빠르고 쉽습니다.
- 터치로 콘텐츠를 찾아보세요.
시맨틱 줌 및 이동을 통해 더 빠르고 유연하게 탐색할 수 있습니다. 콘텐츠를 여러 탭이나 페이지에 넣지 말고 이동 및 시맨틱 줌이 가능한 대형 캔버스를 사용하세요.
- 피드백을 보내세요.
화면을 터치할 때마다 즉시 시각적인 피드백을 제공하여 사용자가 안심하고 작업하도록 하세요. 대화형 항목은 색이나 크기를 변경하거나 이동하면 반응합니다. 대화형이 아닌 항목은 화면을 터치하는 경우에만 시스템 터치 화면 효과를 나타냅니다.
- 콘텐츠가 손가락을 따라 이동합니다.
캔버스 또는 슬라이더와 같이 사용자가 움직이거나 끌어서 이동할 수 있는 요소는 사용자의 손가락을 따라 이동합니다. 움직이지 않는 단추 및 기타 요소는 사용자가 손가락으로 그 요소를 밀거나 손가락을 뗄 때 기본 상태로 돌아갑니다.
- 조작 복구가 가능한 상태로 유지하세요.
책을 꺼낸 후에는 원래 위치로 다시 갖다 놓을 수 있습니다. 터치 조작도 이와 같이 복구 가능하게 동작해야 합니다. 사용자가 손가락을 떼면 어떻게 되는지 나타내는 시각적 피드백을 제공하세요. 그러면 터치를 사용하여 안전하게 탐색할 수 있는 앱이 될 것입니다.
- 하나 이상의 손가락을 사용 가능하게 하세요.
자신도 모르게 손가락을 여러 개 사용해서 터치를 하는 경우가 많기 때문에 화면을 터치하는 손가락 수에 따라 터치 조작이 크게 바뀌는 일이 없어야 합니다. 실생활에서 어떤 물체를 손가락 한 개로 밀든 세 개로 밀든 별 차이가 없는 것과 같습니다.
- 조작 시간이 제한되지 않게 하세요.
두 번 탭하기 또는 길게 누르기와 같은 복합적인 제스처가 필요한 조작은 일정 시간 내에 수행해야 합니다. 이와 같이 시간이 제한된 조작은 실수로 발생하기 쉽고 정확하게 시간을 제한하기 어려우므로 사용하지 않는 것이 좋습니다.
Windows 8 터치 언어
이 목록에서는 Windows 8에서 사용되는 표준 터치 관련 용어에 대해 설명합니다.
중요 사용자에게 혼란을 주지 않도록 기존의 표준 조작을 복제하거나 다시 정의하는 사용자 지정 조작은 만들지 마세요.
 | 길게 눌러 학습 | 이 터치 조작은 어떤 동작을 수행하는 게 아니라 세부 정보 또는 교육용 화면 효과(예: 도구 설명, 상황에 맞는 메뉴)를 표시합니다. 이와 같이 표시되더라도 사용자는 손가락으로 밀어 이동하는 동작을 수행할 수 있습니다. |
 | 탭하여 기본 동작 수행 | 어떤 요소를 탭하면 응용 프로그램 시작이나 명령 실행과 같은 기본 동작이 호출됩니다. |
 | 밀어 이동 | 밀기는 주로 이동 조작에 사용하지만 이동, 그리기 또는 쓰기에 사용할 수도 있습니다. 또는 문지르기 동작(예를 들어 라디오 단추들과 같은 관련된 개체들 위로 손가락을 미는 경우)으로 조밀하게 모여있는 작은 요소들을 대상으로 정할 수 있습니다. |
 | 살짝 밀어 선택, 명령하고 이동 | 이동 방향의 직각 방향으로 짧은 거리만큼 손가락으로 밀면 어떤 목록이나 그리드의 개체가 선택됩니다(ListView 및 GridLayout 컨트롤). 개체가 선택될 때 관련 명령과 함께 AppBar를 표시하세요. |
 | 손가락을 모으고 늘여 확대 | 손가락 모으기 및 늘이기 제스처는 주로 크기를 조정할 때 사용하지만, 시맨틱 줌에서 콘텐츠의 처음, 시작 또는 그 내부의 임의 지점으로 이동하는 데 사용할 수도 있습니다. SemanticZoom 컨트롤은 항목의 그룹을 표시할 수 있는 축소된 보기를 제공하며 다시 신속하게 항목을 자세히 볼 수 있게 합니다. |
 | 돌려서 회전 | 두 개 이상의 손가락으로 돌리면 개체가 회전합니다. 장치 자체를 돌리면 전체 화면이 회전합니다. |
 | 가장자리부터 살짝 밀어 앱 명령 표시 | 앱 명령은 화면의 아래쪽이나 위쪽 가장자리부터 살짝 밀면 표시됩니다. 앱 명령을 표시하려면 AppBar를 사용하세요. |
 | 가장자리부터 살짝 밀어 시스템 명령 표시 |
화면 오른쪽 가장자리부터 살짝 밀면 시스템 명령이 보이는 참 메뉴가 표시됩니다. 왼쪽 가장자리부터 살짝 밀면 현재 실행 중인 앱을 순환합니다. 화면의 위쪽 가장자리부터 아래쪽 가장자리까지 밀면 현재 앱을 닫습니다. 위쪽 가장자리로부터 아래로 내리거나 왼쪽 또는 오른쪽 가장자리까지 밀면 화면의 해당 위치에 현재 앱을 보여줍니다. |
참고 사용자는 터치 포인트 수에 관계 없이 밀어서 이동, 손가락을 모아 확대/축소, 돌려서 회전 조작과 같은 직접 조작을 동시에 수행할 수 있습니다.
Windows 8 터치 포스처
터치를 위한 디자인은 화면에 그냥 표시되는 내용을 디자인하는 것보다 복잡합니다. 장치를 잡는(쥐는) 방식에 대한 디자인이 필요하기 때문입니다.
일반적으로 여러 사용자가 태블릿을 잡을 때 선호하는 몇 가지 방식이 있습니다.
일반적으로 현재의 작업 및 그 제공 방식에 따라 잡는 방식이 결정됩니다. 그러나 어떤 식으로 잡는 것이 얼마나 지속되고 자주 바뀌는가에는 당장의 환경 및 신체적 편안함도 영향을 줍니다.
다양한 유형의 잡는 방식에 맞게 앱을 최적화하는 것이 좋지만 어떤 조작이 자연스럽게 특정 잡는 방식으로 이어진다면 그에 맞게 최적화하세요.
조작 영역: 주로 슬레이트의 측면을 잡게 되므로 아래쪽 가장자리와 측면에 대화형 요소를 두면 좋습니다.
읽기 영역: 화면의 하반부는 손으로 가려지거나 무시되는 경우가 많기때문에 하반부보다 상반부에 있는 콘텐츠가 더 읽기 쉽습니다.
가장 많이 사용되는 네 가지 잡는 방법: 태블릿은 여러 가지 방법으로 잡을 수 있지만 다음 네 가지 방법이 주로 사용됩니다.
| 잡는 방법 | 잡고 조작 | 디자인 고려 사항 |
|---|---|---|
 | 한 손으로 잡은 상태에서 다른 한 손으로 가벼운 조작부터 중간 조작까지 수행 |
|
 | 양손으로 잡은 상태에서 엄지로 가벼운 조작 방식부터 중간 조작까지 수행 |
|
 | 장치를 테이블이나 다리 위에 놓고 양손으로 가벼운 조작부터 고강도 조작까지 수행 |
|
 | 테이블이나 스탠드에 장치를 놓고 사용 |
|
Windows 8 터치 대상
크기 대 효율성: 대상 크기가 오류율에 영향을 미침
터치 대상의 완벽한 크기란 없습니다. 각각의 상황에 적합한 크기가 있습니다. 중대한 결과(예: 삭제, 닫기)를 가져오는 동작이나 자주 사용되는 동작은 큰 터치 대상을 사용해야 합니다. 자주 사용되지 않고 사소한 결과를 가져오는 동작은 작은 대상을 사용할 수 있습니다.
손가락 굵기
|
|
본인의 손이 "굵다"고 불평하는 사람들이 종종 있습니다. 그렇지만 아기의 손가락도 터치 대상보다는 큽니다. 왼쪽 그림을 보면 성인 평균 손가락 너비는 약 11mm이지만 아기는 8mm이고 일부 농구 선수의 손가락 너비는 19mm가 넘는다는 사실을 알 수 있습니다. |
대상 크기 지침: 다음은 터치 대상을 얼마나 크게 만들지 결정하기 위한 지침입니다.
 |
7x7mm: 권장되는 최소 크기 잘못된 대상을 터치하더라도 한두 개의 제스처로 또는 5초 이내에 바로잡을 수 있다면 7x7mm는 최소 크기로 적합합니다. 대상 사이의 간격도 대상 크기만큼 중요합니다. |
 |
정확도가 중요한 경우 닫기, 삭제 등 중대한 결과를 가져오는 동작은 실수로 잘못 탭하는 경우가 없어야 합니다. 잘못된 대상을 터치할 경우 이를 바로잡는 데 세 개 이상의 제스처, 5초 이상 또는 상당한 상황 변화가 필요하다면 대상을 9x9mm로 만드세요. |
 |
들어맞지 않을 경우 항목을 채워넣기에 공간이 부족할 경우 5x5mm 대상을 사용해도 좋습니다. 단, 잘못된 대상을 터치하더라도 하나의 제스처로 바로잡을 수 있어야 합니다. 이 경우에는 대상의 간격을 2mm로 하는 것이 매우 중요합니다. |
대부분의 사용자가 오른손잡이
대부분의 사람들은 왼손으로 슬레이트를 잡고 오른손으로 터치합니다. 일반적으로 오른쪽에 위치한 요소는 더 쉽게 터치할 수 있으므로, 이를 오른쪽에 배치하여 화면의 기본 영역이 가려지지 않게 합니다.
터치 조작 및 접근성
앱에서 지원하는 UI와 조작을 계획하는 경우 사용자의 다양한 능력, 장애 및 선호도를 항상 염두에 두세요. 처음부터 접근성 있는 디자인 원칙을 따르면 가능한 최대 사용자가 앱에 액세스할 수 있습니다. 접근성 계획에 대한 자세한 내용은 접근성을 위한 디자인을 참조하세요.
관련 항목
