知ってた？フォームのURLは1種類じゃない！機器別の正しい設置で「お客様目線」の親切設計に！

フォームズ（Formzu）で申込みフォームを作成している方！

フォーム作成時に発行される

「URL」について、深く考えたことはありますか？

実は、フォームズで作成したフォームには、

週種類のURLが発行されます。

これは、閲覧するデバイス（機器）によって

見え方（レイアウト）を最適化するためです。

「いつも生成されるURLをそのまま使っているよ」という方は、

もしかするとお客さまに少し不便な思いをさせているかもしれません。

この記事では、フォームズのURLの違いを解説し、

お客様がどのデバイスからアクセスしても

快適にフォームを利用できる、

「親切なURLの選択方法」をご紹介します！

パソコン用、スマホ用...フォームズのURLが数種類ある理由

フォームズでフォームを作成・公開すると、

いくつかの異なるURLが発行されます。

参考に、わたしのお問い合わせフォーム作成時の画面です。

これは、閲覧するデバイス、

主にPC（デスクトップやノートパソコン）と

スマートフォン・タブレットでは、

画面のサイズや操作方法が大きく異なるためです。

画面サイズとレイアウトの課題

もし、PCの大きな画面に合わせて作られたフォームを、

そのままスマホの小さな画面で表示しようとするとどうなるでしょうか？

文字が小さすぎる
PCで読みやすい文字サイズが、スマホでは極端に小さくなり、読みにくい。
横スクロールが必要
画面の幅がフォームの幅に収まらず、横にスクロールしないと全体が見えない。
ボタンが押しにくい
小さな入力欄やボタンが密集し、指でのタップ操作がしにくい。

これでは、お客様は途中で離脱してしまう可能性が高まります。

せっかく興味を持ってくれたお客様を逃さないためにも、

フォームは各デバイスに最適化されたレイアウトで表示される必要があります。

フォームズは、この課題を解決するために、

最初からデバイスごとに最適化されたレイアウトを用意し、

それぞれに異なるURLを割り当てているのです。

フォームズの主要なURLの種類とその見え方

フォームズで主に使われるURLは、

大きく分けて以下の３種類あります。

1. パソコン用URL

特徴
デスクトップやノートパソコンの大きな画面幅に合わせて最適化されたレイアウトです。
見え方
比較的広い幅で表示され、項目が横に並んだり、全体的にゆったりとしたデザインになりやすいです。
主に利用されるシーン
お客様がPCからアクセスすることが明確な場合や、自分のPCでの確認用。
パソコン用URLの場合
【https://ws.formzu.net/sfgen/S16016624/】になっています。

2. スマホ用URL

特徴
スマートフォン（iPhone/Androidなど）の縦長の画面に合わせて最適化された、モバイルフレンドリーなレイアウトです。
見え方
画面幅いっぱいに項目が縦一列に並び、文字サイズも大きめで、指でタップしやすいボタンサイズに調整されています。入力欄も大きく確保され、ストレスなく入力できます。
主に利用されるシーン
ほとんどのユーザーがスマホからアクセスする現代において、最も多く利用すべきURLと言えます。
スマホ用URLの場合
【https://ws.formzu.net/fgen/S16016624/】になっています。

3. 自動振り分けURL

特徴
一つのURLで、アクセスしてきた機器の種類（PCかスマホか）を自動で判別し、それぞれに最適化された画面（PC用URLまたはスマホ用URL）へ自動で振り分けてくれるURLです。
見え方
アクセスした機器によって、上記1または2の最適なレイアウトが表示されます。
主に利用されるシーン
Webサイトやメールマガジン、SNSなど、お客様がどのデバイスからアクセスするかわからない場所に設置する場合に最適です。
自動振り分けURLの場合
【https://ws.formzu.net/dist/S16016624/】になっています。

基本同じですが、下記の通り〇〇の部分が異なります。

https://ws.formzu.net/〇〇/S16016624/

なぜ「お客様の機器によって見え方が変わるURL」を設置すべきなの？

結論から言うと、設置すべきなのは、

基本的に「自動振り分けURL」です。

「自動振り分けURL」を利用すれば、

お客様がPCから来ようが、スマホから来ようが、

一つのURLだけを管理すれば良いため、

Webサイトや広告、SNSなど、複数の場所に

フォームのリンクを設置する際の管理ミスを防げます。

スマホ用URLで表示されたフォームは、

指でタップしやすいボタンや大きな文字で構成されているため、

お客様はスムーズに入力を進めることができます。

小さな配慮がお客様にとっての「親切さ」に直結します。

参考に、見え方の違いの画像です。

パソコン用、スマホ用をパソコンから見た画面です。

＜パソコン用＞

＜スマホ用＞

【実践】URLの正しい設置場所と使い分け

あなたのお申し込みフォームがよりみやすくなるための、

具体的なURLの使い分けと設置方法を解説します。

設置場所	推奨するURL	理由
Webサイト全般フッター、サイドバーなど	自動振り分けURL	どのページからアクセスしても、デバイスに合わせて最適化されるため、最も確実。
SNS X/旧Twitter、Instagram、Facebook	自動振り分けURL	SNSは9割以上がスマホからのアクセスですが、共通URLでPCアクセスにも対応できる。
メールマガジン	自動振り分けURL	読者がPCで開くか、スマホで開くか予測できないため、自動振り分けが最善。