« ブックマークから拡張までFirefoxの全ての情報をバックアップ可能な拡張「FEBE」 | メイン | Windowsのパスワードをわずか数分で解析するフリーソフト「Ophcrack」 »

フォームのユーザビリティを改善する10のTips

ブックマークに追加する

フォームのユーザビリティを改善する10のTips

上記のページで、フォームのユーザビリティを改善する10のTipsが紹介されています

ユーザビリティの良し悪しとそれを改善するためにかける工数のバランスは難しいところですが、ここで挙げられているものはどれもそれほどたいした工数は必要なく、一度作ってしまえば次からも使いまわせるので、一旦全て対応しておくのが良いのではないでしょうか。

  • チェックボックスやラジオボタンはfieldset,label要素でくくる
  • エラー時は class="error" を付ける(背景色を目立つ色に)
  • ログインフォームはページ読み込み時にフォーカスさせる
  • 大切なボタンは大きくする
  • ボタンのテキストは「押したらどうなるか」が分かるように(○○を○○するの形式に)
  • 画面遷移と現在位置をチャートなどで見せる
  • フォーム要素(input要素)の幅はCSSで指定する(size属性では思い通りの幅にならない)
  • 全角英数字は必要に応じて半角に変換する(不慣れな人に合わせて)
  • 前後のスペースも必要に応じて削除する(コピペ時のスペース混入を自動で排除)
  • 郵便番号検索を付ける(郵便番号→住所変換も)

各項目の詳細は上記のページにてご覧になれます。

トラックバック

このエントリーのトラックバックURL:
http://blog.cueplus.com/mt/mt-tb.cgi/70

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

eizou_banner.jpg

2008年09月

  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        

About

2007年08月22日 07:48に投稿されたエントリーのページです。

ひとつ前の投稿は「ブックマークから拡張までFirefoxの全ての情報をバックアップ可能な拡張「FEBE」」です。

次の投稿は「Windowsのパスワードをわずか数分で解析するフリーソフト「Ophcrack」」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。