0206 오늘의 디자인 카타

 

B 가이드 영역에 별도 표기

 

CTA(Call To Action)는 고객의 행동을 유도하는 버튼/배너를 뜻한다.

CTA를 만들 때 지켜야 할 조건에는 버튼을 클릭했을 때 ① 어떤 작업이 수행될지 명확하게 전달 ②디자인 요소를 통해 다른 버튼 보다 눈에 띄게 할 것 ③일관된 위치에 배치할 것 등의 조건이 붙는다. 가이드 텍스트를 CTA 버튼에 배치할 경우 사용자의 CTA 버튼에 대한 인지가 떨어지고 클릭 가능한 영역에 혼란이 올 수 있다. 가이드 텍스트의 경우 사용 맥락과 유형에 따라 달라지지만, 머테리얼 디자인 가이드와 IOS 인터페이스 가이드라인에서 입력 필드의 경우 아래, 버튼(CTA)의 경우 버튼 근처 위/아래 쪽에 주로 배치하기 때문에 가이드 영역에 별도 표기 하는 방식이 더 유용하다고 생각한다.

또한, 현재 토픽에서 보이는 사진 내 Connect Wallet! 은 환전을 하는 경우에 나타나는 가이드 텍스트 같은데, 환전을 하기 전에 선행되어야 하는 행동같아서 CTA까지 내려오지 않고 입력 전 상단에 첫 번째로 바로 보이는 곳에 별도 표기하는 방식이 더 나아보인다. 

 

 

🔻참고 아티클

전체 버튼 

https://m3.material.io/components/buttons/guidelines?utm_source

텍스트 필드

https://m3.material.io/components/text-fields/guidelines

https://developer.apple.com/design/human-interface-guidelines/buttons

https://m2.material.io/components/text-fields#anatomy