登録フォームをどのようにデザインしますか？

Question

登録フォームについて学びたいのですが、登録フォームをデザインするときに注意すべきことは何ですか？「ベストプラクティス」はありますか、または登録フォームの優れた例が掲載された素晴らしいウェブサイトを知っていますか？

（たとえば、初めて登録したときのfacebook.com登録フォームが好きです）

Jack · Accepted Answer

フォームをデザインするときはいつでも、これらのことを考慮する必要があります。

美しい形をデザインする方法に関するいくつかの記事と本：

登録フォームとインスピレーションの例：

すべてのフォームは、気を散らさないように引き付けるために、固体/なだめるような視覚的構造を必要とします。

これらのことがあなたに役立つことを願っています...

Jimmy Breck-McKye · Answer

Caroline JarrettとGerry Gaffneyの優れた Web Forms That Work を読むことをお勧めします。同じ本からのあなたのためのいくつかの重要なポイント：

できるだけ少ない情報を取ってください。ユーザーがコンテンツを表示するのに十分な年齢であることを確認しているだけですか？「あなたは18歳ですか（yes/no）」で十分です。
何のために情報を使用しているか尋ねます。なぜこれまたはその特定のフィールドが必要なのですか？その情報が社内の他の部門で使用されている場合は、訪問する必要があります。それが本当にそれほど重要かどうか尋ねてください。「本当の」人々に、実際にデータを使用するかどうか尋ねます。
ユーザーがフォームの補助テキストや説明テキストを読んでいないと想定します。
あなたが彼らの努力を気にかけていることをユーザーに示してください。ユーザーが既に組織に提供している情報を再利用するよう努めます（データベースの検索を意味する場合でも）。拒否されたフォームの内容を保持します（たとえば、DoBをMM-DD-YYYYではなくDD-MM-YYYYとして入力したからといって、慎重に記述されたアプリケーションステートメントを削除しないでください）。
ラベル/質問にあまりにも多くのネガティブを避けてください。「not」の長いチェーンは、特に複雑な文では、読者が解析するのが困難です。

ʍǝɥʇɐɯ · Answer

かなり簡単ですが、使いやすさには多少の配慮が必要です。個人的には、次の理由により、多くのユーザー登録フォームが「半分焼き」になっています。

私はまた、ほとんどの「きれいな形」のチュートリアルがこれらの基本を見逃しているのも奇妙だと思っています。

DA01 · Answer

Luke Wroblewskiは、Webフォームデザインのゴッドファーザーです。彼が書いたものは何でもお勧めします。

http://www.lukew.com/

彼は優れたブログを持っており、その多くは質の高い統計でいっぱいです。

そして彼の本も悪くはない：

私はこれに関するルークの哲学も要約する必要があります（彼にはそれをバックアップするための素晴らしいデータがたくさんあります）：

登録フォームはすべて避けてください。理想的には、ユーザーにサイトをすぐに使用させることができます。 SEはそのモデルです。
フォームが必要な場合は、最小限の情報を要求してください。
ユーザーのオプションとして既存のログインAPI（Google、Facebook、Twitterなど）を活用することを検討してください。
最初の登録で求めている情報の一部が後で求められる可能性があるかどうかを判断します。理想的には、特定の機能/タスクに関連して行います。（たとえば、彼らが何らかの地域検索を使用することを決定するまで、あなたは彼らの国を必要としないかもしれません...あなたはそれからそれを求めることができます。）

Pir Abdul · Answer

オプションのフィールドは避けてください。

関連するコンテンツグループを使用してフォームを整理します。

フィールド幅は貴重な手頃な価格を提供できます。

最近の調査によると、フォームラベルが上揃えの場合、ユーザーは片目でラベルとテキストフィールドをキャプチャし、完了時間が最速です。

tomaszbak · Answer

チェックアウトより高い変換のために登録フォームを最適化する方法の究極のガイド

それはカバーします：