Nov 07, 2023
CTA 글자수 제한 announce해도 긴 edge case, magnified screen(elders) case 존재
Ghost
GPT says…
- Use Tooltips: Keep the CTA text short, but provide more detailed information in a tooltip
- Text Wrapping: Allow the text to wrap to a new line within the button, though this can also make the button disproportionately large.
- Expandable Buttons: Design the button so that it expands to reveal more text when the user interacts with it, such as on hover or click.
- Truncation
- Responsive font sizes, letter spacng
IBM Carbon Design System
- Avoid truncating CTA labels
- Allow more text on CTA to spell out what the button will do is better than confusing one word labels.
- Translation(언어별 차이를 고려하라)
so.. 정보가 잘리는 것보다 잘리지 않는 것이 더 중요.
우리 고객사들은 에디터/PM 관여하여 작성하기 때문에 CTA 라벨에 대한 친숙/인지도 높음.
그러므로 엄청 길어지는 CTA는 고객사 입장에서 Too-edge case.
- detailed 글자수 제한 announement
- NEVER-truncated
- Text wrapped > Expandable
(More looking-like CTA)Fit-width based on the text length
Proper size?
URL 입력 않으면 CTA 생성되지 않음. ghost 도 그러함. 그러나 선제로 알려주긴 해야함.
- URL 까지 입력해야 save 활성화, 그러나
- 버튼 글귀 우선적으로 써놓거나
- URL 입력만 우선 해두고 카피는 나중에 생각하는 경우 있음
- URL 입력하지 않으면 버튼 생성되지 않는다는 announce
- CTA 닫기 버튼 안 눌림
- 본문 중간중간 들어가는 CTA 삽입 기획
Share article