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