iPhone의 최소 버튼 크기

iPhone의 최소 버튼 크기

---

저는 화면에 둥근 사각형 버튼이 상당히 큰 iPhone 앱을 디자인하고 있습니다. 손가락 기반의 터치 스크린 UI를 감안할 때 가장 작은 버튼 크기는 무엇이라고 생각하십니까? 사용성을 너무 많이 손상시키지 않으면 서 뷰포트에 최대한 많이 맞아야합니다. Apple에서 권장하는 최소 크기가 있습니까? 지금은 33x33이고 시뮬레이터에서는 괜찮아 보였지만 어제 밤에 실제 전화에서 앱을 사용하고 있었는데 어색했습니다. 버튼이 너무 작게 느껴졌습니다.

---

Apple은 평균 손가락 탭이 44x44 (WWDC 기준)라고 말합니다. 모든 테이블 행은 최소한 그 높이가되도록 권장됩니다. 아이콘이 32x32로 표시되는 것이 일반적이지만 터치 가능한 영역을 44x44로 만들기위한 패딩이 있습니다. 물론 사람들은 매우 조심하면 1x1을 탭할 수 있지만 왜 사람들이 앱을 사용하기 위해 필요한 것보다 더 열심히 노력하게 만들까요?

---

최근 과학 연구에 따르면 다음과 같은 사실이 밝혀졌습니다.

[A] 의 목표 크기 9.2 mm 분리 작업 [즉, 단일 타겟을 가리키는 태스크] 및 직렬 작업 9.6 mm의 타겟 분해 성능 및 환경없이 터치 스크린 기반의 핸드 헬드에 한 손의 엄지 손가락의 사용에 충분히 커야한다.

소형 터치 스크린 장치에서 한 손 엄지 손가락 사용에 대한 목표 크기 연구 에서 인용 됨 (Parhi, Karlson, & Bederson 2006). 다른 출처는이 "0.4 인치에 가까운 규칙"에 동의합니다 (예 : Designing Gestural Interfaces (Saffer 2008, p. 42)).

아이폰의 화소 밀도를 감안 163 PPI (6.417px / mm)는 바람직하게 목표 안 59px 대각선보다 더 낮은 어떤 타겟.

(이는 한 손 엄지 손가락 사용에 대해서만 확인 됩니다.)

---

Apple은 이것에 일관성이 없으며 엄격한 규칙이 없습니다.

UI 지침에 손가락 끝 크기의 타겟 을 제공 한 다음 계산기 버튼이 44x44라고 계속해서 말할 것을 권장합니다.

또한 해당 문서에서 도구 모음 및 탐색 아이콘의 이미지는 20x20, 탭 표시 줄 아이콘의 이미지는 30x30이어야한다고 말합니다.

응용 프로그램을 테스트하고 버튼을 누르기 쉬운 지 확인해야한다고 생각합니다. 손이 상당히 큰 경우에도 ...

-티

---

최소값은 37 픽셀이라고 맹세 할 수 있었지만 오늘은 44 픽셀을 찾았습니다. 어느 쪽이든 33은 작아 보입니다.

(이미지는 종종 더 큰 직사각형 영역의 일부이기 때문에 더 작을 수 있습니다.)

(픽셀 크기가 더 크면 다른 장치에서 더 적은 픽셀로 벗어날 수 있습니다.)

---

실제로 초기 터치 스크린에서 사용자 지정 웹 기반 장치 UI를 만드는 동안 베타 테스터 중 한 명이 "내 뚱뚱한 손가락"이라고 부르는 것을 디자인하는 것이 중요하다는 것을 알게되었습니다. 그리고 그가 옳았다 : 상당수의 사용자가 오류가 발생하기 쉬우거나 사용 불가능하다고 생각하는 우아하고 정교한 컨트롤을 쉽게 설계 할 수 있습니다. 그 프로젝트에서 정확한 크기는 애플리케이션에 따라 다르지만 그 테스터는 40 x 40이 사용 가능하다는 것을 발견했습니다 (고화질 / 레티 나 디스플레이의 경우 두 배). 그보다 적은 것은 실패와 오류의 수 (그리고 좌절감)를 증가 시켰습니다. 보너스로 손가락이 가느 다란 사람들은 더 빨리 움직일 수 있고 정확할 필요가 없다는 느낌을 받았기 때문에 모든 것이 더 부드러워지고 주관적인 마찰이 줄어들고 호흡 공간이 더 넓어졌습니다. 비결은 그 크기의 컨트롤이 거추장 스럽거나 부담스럽지 않게 만드는 것입니다. 하나의 해결책이 위에서 언급되었습니다.

참고 URL : https://stackoverflow.com/questions/1928991/minimum-sensible-button-size-on-iphone