はてなブックマーク - ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips

ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips

labs.unoh.net

タグ : ユーザビリティ css usability UI form フォーム HTML Tips webデザイン web

コンピュータ・IT 631 users

miyakeです。Web アプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくるチェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラ... > このページを見る

最終更新時間: 2007年08月16日13時34分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

LukeSilvia ui
チェックボックスをフィールドをクリックして操作できるように、ログインフォームにはフォーカスさせる、フォーム要素の幅はcols とかを指定して別にCSS で幅を指定する。全角、前後のスペースはエラーでなく変換する 2010/08/20
finluey ラジオボタン, フォーム関連
フォームのユーザビリティ 2010/02/24
gothedistance webdesign, css
すてき！ 2009/03/13
libkazz webdesign, css
これはいい！ 2008/11/11
billy-elliot
"[webdesign][form][webdesign]" 2008/08/29
webmarksjp webデザイン, usability, tips, webCreation, html, css, webDesign, form, accessibility
*web制作 2008/07/15
mobile_snk accessibility, usability, form, html
form 2008/03/28
beckzilla form
label要素でラベル部分をクリックなど細かい作りこみ方 2008/01/30
picnicgraphic ユーザビリティ, form
fieldset,label要素(Safari2：label部分クリック×・Safari3：○)/エラー時用class/ログインフォームフォーカス/大切なボタン大/ボタンを押すとどうなるか・現在位置/フォーム要素の幅CSS/全角英数字は半角入力に/スペース削除/〒検索 2007/10/29
tiadeen2 ユーザビリティ
ユーザの使いやすさのポイント 2007/08/30
tofu-kun ユーザビリティ, webデザイン
一番大事なアクションフォームのデザイン。 2007/08/27
hagihide
もっとがんばらねば。 2007/08/23
suckspit 2007-08-16, tips, usability, webdesign
使う人にとってフォームがどうなっていると嬉しいか？ 2007/08/22
mallowlabs webdesign
formのユーザビリティ 2007/08/20