また、編集部はこの内容について正確性を保証できません。
Webデザインのトレンドの変化にともなって、フォームのデザインも昔では考えられなかった斬新なデザインが増えてきたように思います。ユーザーの入力ストレスを減らすための最適化はもはや常識とも言えますが、それ以外にもいろいろな工夫を凝らしている個性的なフォームを探してみました。
サイズが大きい！
とくに海外のサイトで、フォームの文字が大きく、インパクトのあるものをよく見かけます。
https://chloedigital.com/contact/
お問い合わせフォームだけでなく、サイト内検索も巨大化のトレンドがあるようですが、今回調べたうちのほとんどはそのまま検索フォームを置かず、「まず虫眼鏡アイコンだけを見せておく」→「クリックしたら大きいフォームが出現」という動きが多く見られました。また、検索のアイコンを押すとコンテンツが覆われて、フォームの入力だけに集中できるつくりになっているサイトが多いです。
https://developer.spotify.com/
虫眼鏡アイコンで示されているときの存在感はそこまでないものの、検索しようとすると画面幅いっぱいに大きくフォームが表示されます。
項目を少しずつ分割して表示
入力項目が複数ある場合、少数に分けて段階的に入力をさせるサイトも増えました。
http://arhue.com/get-started/
最初からすべての入力項目を見せてしまうとうんざりしてしまいますが、少しづつ表示されると、入力が簡単そうに見えますねまた、1ページごとに入力した内容のチェックが行われると、修正も楽です。
▼詳しくはこちら▼
https://citrusjapan.co.jp/column/cj-column/w006_201809.html
関連記事
参考にしたい！アーティストのサイトから学ぶWebデザインのトレンド
2017年10月24日 9:48
【Web制作】上手に使って効率化アップ！画像の文字をテキストデータに変換してくれる便利ツールのご紹介
2018年5月8日 10:11
販促物のデザインと色の配色について
2018年5月7日 15:11
【必見】コーポレートサイト制作の参考になる、海外の企業サイトデザインまとめ
2018年8月6日 11:45
訪日ビジネスを考える 訪日タイ人を知る (4) ～ タイの定番・人気アプリ～
2019年2月13日 13:11
【必見】Webサイトの表示速度を上げる方法
2018年2月15日 10:13
筆者の人気記事
