ゲストさんログイン

統合検索

ソーシャルブックマーク

[PR]映画「GIRL」タイアップ企画

Ads by Google

ページ詳細

103
users

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

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


コメント

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

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

気づかないところに小さな気遣いを。

>チェックボックスやラジオボタンはfieldset,label要素でくくる, ボタンのテキストは「この内容で登録する」「日記を投稿する」のように, input要素の幅はsize属性ではなく、CSSで指定すること...

ユーザビリティの向上は、細部の改善から。

入力フィールドに勝手にフォーカス合わせるのは勘弁してほしい。ショートカットキーでタブ切り替える時とかに発狂しそうになる。

Ads by Google


クリップ(80+23)
フォームのユーザビリティを改善する10のTips
livedoor クリップのトップに戻る