現在、ECサイトをはじめとした多くのウェブサイトでは、コンタクトフォーム(メールフォーム)をユーザーと管理者との連絡手段として使用しており、ウェブサイトにおける必須コンテンツとなっています。
その多くは、<input>要素を単に並べただけの極シンプルなフォームであったり、javascript等を使った効果的なバリデーション表示など機能を追加していたりといったものです。
バリデーション表示等の機能追加は、ユーザーにとって使いやすさという面においては非常に重要なもので、必要な機能だと思います。
一方デザインを見てみると、どのメールフォームも似たり寄ったりであり、ユーザーエクスペリエンスの面からするとイマイチ面白味に欠けているのかもしれません。
そこで今回は、バリデーション表示といった機能面はひとまず置いておいて、見た目でインパクトのある、ユーザーエクスペリエンスを向上させるようなコンタクトフォームのデザイン例を45種類ピックアップしているサイトを紹介します。
【ユーザーエクスペリエンスとは】
製品やサービスの使用・消費・所有などを通じて、人間が認知する(有意義な)体験のこと。製品やサービスを利用する過程(の品質)を重視し、ユーザーが真にやりたいこと(本人が意識していない場合もある)を「楽しく」「面白く」「心地よく」行える点を、機能や結果、あるいは使いやすさとは別の“提供価値”として考えるコンセプト。
全てのサイトに流用できるとは限りませんが、より新しいメールフォームを考える上で、何かしらのインスピレーションが得られるのではないでしょうか?
45 Excellent Contact Forms to Get Inspired
http://www.2expertsdesign.com/graphics-design/45-excellent-contact-forms-to-get-inspired