2013/7/5

Web制作

お問い合わせフォームのWebデザイン まとめ

お問い合わせフォームのWebデザインをまとめました。
Webサイトには必ずといって良いほど必要なページで、作る機会は多々ありますが、tableのCSSデザインや、説明のテキスト、プライバシーポリシーの配置場所など、シンプルなだけに以外と悩むものかなと思います。

(各サイトのピクチャですが、動的に取得しているので上手く表示されていません。。すいません。。
デザインはリンク先でご確認ください。)

JUGEM

Screenshot of secure.jugem.jp

気分をアイコンで入力するという発想がかわいらしくて、クレームも和らぎそう。

XSERVER

Screenshot of www.xserver.ne.jp

「よくある質問」や「マニュアル」へまず誘導、それでも解決しなければコールセンターや問い合わせフォームへ、という導線が明確。

ロフトワーク

Screenshot of reg26.smp.ne.jp

入力項目も文字も大きく、見やすい。

日立ソリューションズ

Screenshot of www.hitachi-solutions.co.jp

「入力」「確認」「完了」の3ステップあるということがわかりやすい。

ブリッジコーポレーション

Screenshot of web.bridge-net.jp

入力欄をクリックすると、必須項目の場合は「入力してください」と補足文が表示される。

郵便局

Screenshot of www.japanpost.jp

郵便番号検索は自社の検索ページへ別ウィンドウで誘導。

FUBUKI

Screenshot of fubuki.com

プライバシーポリシーがフォームの下や別ページではなく横に掲載されているので、目につきやすい。

CA technologies

Screenshot of www.ca.com

個人情報の取り扱いに同意した上で、次ページでフォームが表示。

東武動物公園

Screenshot of www.tobuzoo.com

お急ぎの時はお電話へ、と電話番号や受付時間を大きく掲載。

wowwow

Screenshot of www.wowow.co.jp

「個人情報保護方針について」が長くなるのでiframe表示。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

こちらもあわせてどうぞ