140106:登録フォーム作成

Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント http://design.kayac.com/topics/2012/11/form7tips.php

  1. これだけは欠かせない基本の要素6つ ・ラベル ・入力フィールド ・ボタン、リンク ・ヘルプ ・メッセージ ・バリデーション

  2. 登録と無関係の要素はなるべく表示しないように!

  3. 聞きたいことは最小限にして不安にさせない

  4. OpenIDを利用して登録手続きを超簡単に!

  5. バリデーションは色や動きでみせると効果的

  6. 登録のメリットを表示しましょう

  7. アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう!

会員登録フォームを構築するポイント http://www.web-20.net/2008/08/post_81.html

信頼性・安心感を与えるポイント ・いきなり登録させない ・必ず利用する項目以外は必須にしない ・非公開項目には非公開と出す ・暗号化通信(SSL)のページにはその旨を明示する ・プライバシーポリシー(個人情報への扱い)は上部に明示する

ミスを減らすポイント ・メールアドレスを2度確認した方がミスが減る ・ログインIDはメールアドレスで ・登録ボタンは大きくする ・クリアボタンとかいらない!

ユーザビリティー向上 ・初期入力1にフォーカスさせる ・ラジオボタンやチェックボックスにはfieldset、label要素をつける ・ラジオボタンは初期状態で選択しないほうがいい ・サイト独自の用語などはその場でヘルプを表示する ・生年月日の年はセレクトボックスでなく、テキストで ・生年月日のセレクトボックスを主要ユーザー層に合わせる ・会員フローにナビゲーションバーを表示する ・「その他」->自由入力のベスト解 ・長文入力欄には残り文字数表示


メモ ログイン画面の離脱率を下げる!ECサイト各社の工夫 http://design.kayac.com/topics/2010/11/loginpage.php

ライフネット生命見積フォーム http://www.lifenet-seimei.co.jp/plan/index.html

Lancers会員登録 https://www.lancers.jp/user/sign_up