覚えておくと便利な会員登録フォームを構築するポイント

入力フォームのユーザビリティについて。

参考url:
http://www.web-20.net/2008/08/post_81.html

以下、参考urlから引用。

ユーザーに信頼性・安心感を与えるポイント

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

入力ミスを減らすポイント

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

ユーザビリティ向上

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

以上です。詳細は参考サイトを参照して下さい。

なお、個人的には最後に紹介した

長文入力欄(テキストエリア)には残り文字数表示」を是非実装したいなと思いました。

残り何文字入力出来るって結構重要だと思いました。

Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」

プレゼン等で画面イメージを作る必要がある時などに重宝しそうな
Firefox用のアドオンです。

参考url:
http://www.moongift.jp/2008/08/pencil-2/

今までは、DreamweaverなどでHTMLの画面イメージを作っていたのですが
時間がかかるのが難点でした。

この「Pencil」を使うとドラッグアンドドロップだけで画面イメージを
簡単に作ることが出来ます!
これで時間短縮できると思います。

pencil

pencil

PHPで半角カタカナの入力チェック(正規表現)

phpで半角カタカナのみの入力チェックの必要性があったのでメモ。

参考url:

正規表現:半角カナが含まれていないか調べる – phpspot

半角カナ – Wikipedia

最初は下記の通りやったのですが、小文字の「ァ~ォ、ッ、ャ~ョ」濁点「゙゚」等が反応しなく

うまくいきませんでした。

<?php

mb_regex_encoding('UTF-8');
mb_internal_encoding('UTF-8');

$str = 'アイウエオャュョバピ';

if (mb_ereg('^[ア-ン]+$', $str)) {
    echo '半角カタカナのみです';
} else {
    echo '半角カタカナ以外の文字も含まれています';
}

?>

そこで調べた結果、下記の様にするとうまく行きました。

<?php

mb_regex_encoding('UTF-8');
mb_internal_encoding('UTF-8');

$str = 'アイウエオャュョバピ';

if (mb_ereg('^[ヲ-゚]+$', $str)) {
    echo '半角カタカナのみです';
} else {
    echo '半角カタカナ以外の文字も含まれています';
}

?>

ちなみに、句読点「、」「。」等も含めたい場合は

mb_ereg('^[。-゚]+$', $str)

とすると良さそうです。

う~ん、正規表現は難しい~(;´Д`)
もし間違ってたり、もっと良い方法をご存じの方はお知らせ頂けると嬉しいです(´∀`)

【SEO対策】Yahoo!アルゴリズム公開

2008年7月20日、Yahoo!のアルゴリズムが更新されたそうです。

MarkeZine(マーケジン)さんで、Yahoo!のアルゴリズム変化の統計を公開しています。

参考url:
http://markezine.jp/article/detail/5034

今では常識的な対策である、「タイトルタグ、メタタグ、見出しタグ」の他

「Yahoo!カテゴリ登録」など紹介されている。

以下、参考urlより転載↓

  • メタタグ、見出しタグの要素は、評価が曖昧になる。
  • Yahoo!カテゴリ登録がより重要に。
  • IPの異なる被リンク数が、さらに重要になる。
  • 異なるドメインからの被リンク数がさらに重要になる。
  • テーマの関連する被リンクも比較的重要視される。

つまり、外部からの被リンクが重要みたいですね~。