터치 스크린을위한 가장 작은 버튼 크기 및 간격

Apple의 권장 사항은 iPhone 휴먼 인터페이스 지침 (링크는 웹앱 지침으로 이동)을 참조하십시오. " Fingertip-Sized Targets 제공 "이라는 장이 있습니다. 아마도 당신의 결정에 근거 할 것입니다.

또한 테스트하지 마십시오. 대상이 다른 사용자의 손가락 크기가 다른 사람을 프로토 타입에서 다른 크기의 버튼을 누르도록합니다. 그것은 당신에게 무엇을 기대해야하는지 가르쳐 줄 것입니다.

편집 : Windows Phone 7 용 Microsoft UI 디자인 및 상호 작용 안내서 4 페이지의 "최소 터치 대상 크기"에 대한 자세한 내용 터치 스크린 UI에서 작업하는 UI 디자이너에게는 훌륭한 가이드이며 반드시 읽어야합니다.

Android 기반 모바일 응용 프로그램을 개발하는 동안 사용자가 손가락/터치로 쉽고 정확하게 액세스 할 수있는 가장 작은 터치 영역을 테스트해야했습니다 (클릭 및 드래그 동작 수행).

테스트는 3 Android 기반 전화 : HTC Hero, Samsung Galaxy Spica, T-Mobile Pulse. 320x480 픽셀의 화면 해상도와 정전 식 화면 표면을 제공합니다.

간단히 말해 20x20 픽셀보다 작은 모든 것은 사용할 수 없었습니다. 또한 버튼 주위에 공간이 있어야합니다 (5 픽셀 여백).

많은 UX 지침이 손가락 끝 크기와 관련되어 있으며이 지침은 권장되는 크기와 간격이 다릅니다. 손가락 끝 크기가 최소 크기 제어 및 간격을 결정하는 유일한 요인이되어서는 안됩니다.

연락 패치

터치 스크린과 접촉 할 때 손가락/엄지로 만든 실제 '접촉 패치'를 고려하십시오. 또한 사용자가 시각적으로 대상을 터치 ​​한 것으로 판단 할 때 사용자가 판단하는 오류를 고려해야하지만 실제로 화면과의 실제 접촉은 한쪽에서 약간 벗어날 수 있습니다.

기기 종류

서로 다른 장치를 유지하는 방식과 사용자와의 거리 차이 (예 : 휴대폰을 태블릿과 비교하면 전화기가 더 가까이있을 수 있음)로 인해 최소 터치 크기와 간격도 달라질 수 있습니다. 시청자에게 가까이 다가 가고 실수가 발생할 가능성이 적기 때문에 휴대 전화에서 최소값을 줄이면 틀림없이 벗어날 수 있습니다. 태블릿과 같은 더 큰 장치를 더 멀리 떨어 뜨려 놓을 경우 실수 가능성을 높이기 위해 최소 크기를 늘려야 할 수 있습니다.

UX Matters에 대한 이것과 다른 요소들에 대해 이야기하는 great article가 있습니다 ( http://www.uxmatters.com/mt/archives/2013/03/common-misconceptions-about-touch .php ).

기사의 스 니펫 :

... 손가락이나 엄지 손가락의 일부만 화면과 접촉합니다. 접촉 패치 압력과 각도에 따라 다릅니다.

물리적 크기가 중요합니다 따라서 모든 좋은 지침은 밀리미터, 인치, 타이포 그래퍼의 포인트 또는 기타 실제 스케일로 표시됩니다.

보이는 대상의 크기를 늘릴 필요가 없습니다. 대신 링크 나 버튼 주위에 클릭 가능 영역의 크기 증가

시각적 및 터치 대상 영역 모두를위한 디자인. 사용자의 기대를 고려하십시오.

크기 :

추가로 : Google 머티리얼 디자인은 터치 대상 크기에 대해 최소 7-10mm를 제안합니다 https://www.google.com/design/spec/search.html?q=Touch+target+size