フォームの色と背景の選び方
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
完璧に動作するフォームを作成できたら、公開後にしっかりコンバージョンにつなげることが重要です。フォームの見た目は、顧客に与える第一印象を決めます。目を引くフォームを作成するのにプロのデザイナーである必要はありません。このヘルプ記事では、フォームにプロフェッショナルな印象を与えるために、適切な配色や背景を選ぶ方法を説明します。
始める前に覚えておきたいポイント
- フォームの内容からユーザーの注意をそらしてしまうような、多すぎる色の使用は避けましょう。
- 色は感情を呼び起こし、心を落ち着かせたり、警戒心を高めたり、イライラさせたりもします。選ぶ色によって顧客の気分が左右され、その結果コンバージョンにも影響します。
- 一見シンプルに見えますが、色彩心理学は、顧客がフォーム内をどのように移動し、どのような「慣れ」を感じるかに大きな役割を果たします。
- 色の意味は国や地域によって異なることに注意しましょう。
- ユーザーが読みづらくなるような背景色と文字色の組み合わせは絶対に使用しないでください。背景とフォームの文字色には十分なコントラストを持たせましょう。
Zoho Forms で利用できる背景色
標準フォームをカスタマイズする場合、テーマタブ > フォームのカスタマイズ > 壁紙 > 背景 で、次の色設定を利用できます。
塗りつぶしなし: このオプションを選択すると、フォームの背景が透明になります。
既定の色: このオプションを選択した場合、背景の既定色は黒になります。
プリセットの色: 基本的なカラーパレットが用意されています。
標準の色: 基本色と補助色を含む 10 色のセットです。
その他の色: 任意の色合いを設定できるカラースケールが表示されます。
フォームを自分のWebサイトに埋め込む予定がある場合は、Webサイトのテーマとなじむ色をフォームに選びましょう。
フォーム内の重要な情報や送信ボタンを強調するために色を活用しましょう。
例:
赤は緊急性を感じさせます。
オレンジは、「今すぐ購入」ボタンを押したくなるように顧客の注意を引きつけます。
黄色は明るさや楽しさを演出します。
ピンクは女性や女の子を主な対象とする場合に適した色で、フェミニンな印象を与えます。
青は心を落ち着かせる効果があります。
配色をよく考えて選ぶことが、コンバージョンを高めるための最初のステップです。
フォームに背景画像を設定する場合は、次の点に注意してください。
- フォームの内容に合った画像を選びましょう。たとえば、アクセサリーを販売している場合は、商品コレクションの写真を使用します。
- 背景画像とフォーム内の文字との間に十分なコントラストがあることを確認しましょう。
- フォームに適した背景画像を設定することで、自社のブランドや世界観を効果的に表現できます。
- 背景には、画質の低い画像は使用しないようにしましょう。
- 画像付きフォームが、デスクトップ、タブレット、モバイルなど異なるデバイスでどのように表示されるかをプレビューで確認しましょう。