좋은 버튼 디자인하기 - 해외 아티클

버튼의 종류

 

텍스트 레이블은 한 줄에, 대소문자있는 언어라면 대문자로

 

강조의 높낮이

1번 > 2번 > 3번

 

 

한 화면에 여러가지 버튼을 둘 경우

• 더 중요한 버튼과 덜 중요한 버튼을 스타일을 구분지어서 해야 함
• 일반적으로 단일 눈에 띄는 버튼이 있어야 함
• 여러 버튼을 하는 경우, 버튼의 활성화 상태가 다른 버튼의 비활성화 상태처럼 보이지는 않는지 체크
• 너무 많은 버튼 => 사용자는 아무것도 안 함

 

더 중요한 버튼을 표시 (좌)

다른 종류의 버튼인데 채우기 색상이 같지 않은 버튼은 서로 옆에 두지 말기 (우)

 

버튼이 아닌 것은 버튼처럼 두면 안 됨

 

텍스트는 동사를 사용하는 것이 가장 좋음

장바구니에 추가하시겠습니까? > 예, 아니오 보다는 추가하겠습니다. 확인하겠습니다. 같은게 나음

 

가능하면 비활성화 버튼을 피하는 것이 좋음

임무를 수행하지 못한다는 경험보다는 언제든지 정확한 값을 입력하면 해낼 수 있어! 라는 인상을 심어주는 것이 더 좋음

 

 

추천 버튼 너비

버튼 크기는 최소 10 x 10 mm (48 x 48 dp)

글자간 호더는 16dp 추천

 

 

출처

https://material.io/components/buttons#anatomy