フォームのユーザビリティを改善するためのサンプル集
2008年07月22日
スポンサード リンク
woork: Useful tips to enrich your HTML Forms
フォームのユーザビリティを改善するためのサンプル集が公開されてます。
(1) フィールドに対するヒントをツールチップ表示するサンプル
最低6文字であることが分かりやすく表現できます
(2) オートコンプリートサンプル
おなじみ、オートサジェスト
(3) 残り文字数表示サンプル
残り文字数が分かることで、何文字以上〜何文字以内という表記を省略して分かりやすく。
(4) ラジオボタンがYESの時にinputを表示。
必要な部分だけ表示してフォームを分かりやすく。
申し込みフォーム部分は、申し込み受付型のサイトでは非常に重要ですが、こうした配慮がされているといいですね。
究極にフォームを使いやすくした、ベストプラクティスのようなサンプルをまとめたサイトがあったら役に立ちそうですね。
関連エントリ
スポンサード リンク
投稿者 KJ : 2008年07月22日 10:07
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル





















