카테고리
Design UX

버튼 크기는 어떻게 정해야 하나?

디지털 디바이스에서 버튼의 크기는 어떻게 정하는게 좋을지에 대한 물음에서 부터 시작된 리서치

1. 터치 입력 시 상호작용 가능한 버튼 크기는?

NN group : 1 x 1cm

https://www.nngroup.com/articles/touch-target-size/

Apple : 44 x 44pt

https://developer.apple.com/design/tips/

Google Material : 48 x 48 dp (7~10mm)

https://material.io/design/usability/accessibility.html#layout-typography

Ubuntu : 1 x 1cm

https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs

Microsoft : 9 x 9mm

http://download.microsoft.com/download/2/4/A/24A81A29-77CF-4AA5-967E-64E42554F21B/UWP app design guidelines v1509.pdf

2. 마우스 입력 시 상호작용 가능한 버튼 크기는?

Windows Desktop 32bit : 75 x 23px

https://docs.microsoft.com/en-us/windows/win32/uxguide/ctrl-command-buttons

Windows Desktop UWP : 120 x 32px

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/buttons

3. 피츠의 법칙이란?

Fitt’s Law 인터랙티브 테스트

http://simonwallner.at/ext/fitts/

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중