良いサイトに学ぶ ユーザビリティーの高いフォーム

良いサイトに学ぶ ユーザビリティーの高いフォーム

ウェブサイトのフォームといっても、その設計指針は一様に決まるものではなく、サービスの内容によってさまざまな設計パターンが考えられる。優れたフォームを実装しているサイトの例をいくつか挙げたので、設計のポイントを掴んでほしい。

ワイキューブ資料請求フォーム

人材コンサルティング会社の請求フォームであることから、法人を意識したフォーム設計がなされている。また、入力フォームの項目の組み立てや必須項目と任意項目の使い分けなど、特にB to Bサービスを手がけるサイトのフォーム設計において参考にすべき点が多い。

三井住友銀行 One's Style 申し込みフォーム

このURLから1ページ進むとフォームのページになる。記入内容の多い金融サービスの申し込みを、ステップを切って実装している。数字入力は半角・全角の両方に対応しており、ユーザーへの配慮が伺える。また、項目によってプルダウンメニューとラジオボタンをうまく使い分けている点も参考になるだろう

※この記事は、『Web Master完全ガイド vol.2』掲載の記事です（掲載時タイトル「商売を繁盛させるウェブサイト接客術」）。