モバイルでCTAを表示する方法
私のサイトのCTAを使用して、「See More」または「Learn More」と言うだけでなく、コンテンツに関連するように、より具体的にしようとしました。
たとえば、CTAの親divには幅の制限があるため、私の唯一の問題はモバイルです。
ご覧のとおり、CTAテキストがボタンの内側に収まらない-私の唯一の解決策は、テキストをボタンの内側に収めることですが、ボタンは控えめに言ってもかなり大きくて醜いです。これに対処するための最善の方法は何ですか？ CTAに入るには、もっと小さなテキストを考えなければなりませんか？
最終的には、ユーザーテスト中にテストしない限り、個人の好みになります。
何を変更できますか？以下の適切なバランスを見つける必要があります。
- フォントサイズを小さくする
- ボタンを複数行にする（読みやすくするために最大2つ）
- ラベルをより簡潔なものに変更します（「夕食を計画する」）
あなたはそれをすべて持っていると思います。