- 2008-07-18 (Fri) 15:16
- 開発ツール・技術
自分へのメモも兼ねてエントリー。フォームのユーザビリティを向上させる小技いろいろです。こういう小技を積極的に実装して自分のものにしていきたいですな。
どういうことができるかだけ紹介していきますので実際のコードは元記事を参照してくださいね。
- 入力する際のメモを表示
- 入力候補を表示
- リアルタイムに入力値をチェック
- あるフィールドの値によって動作を変える
↑ 入力フィールドにフォーカスがあたるとメッセージを表示。
↑ タイプしはじめると候補を表示。
↑ タイプしはじめると文字数をチェックとか。
↑ 入力できる文字が5文字以下になると赤字になるとか。
↑ チェックボックスの値によってフィールドを表示。
元記事ではソースを丸ごとダウンロードできますよ。日本語に対応させるにはごにょごにょする必要がありそうですが、こういうのは積極的に使いたいですね。
- Newer: いまさらながら『2001年宇宙の旅』を観た
- Older: 立食パーティーで便利そうな『Finger Plate』
Comments:0
Trackbacks:1
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2008/07/post_605.html/trackback
- Listed below are links to weblogs that reference
- フォームをちょこっとだけ使いやすくする小技いろいろ from IDEA*IDEA ～ 百式管理人のライフハックブログ ～
- trackback from Feel Like A Fallinstar 09-02-05 (Thu) 1:03
-
ユーザビリティの問題を手っ取り早く改善するためのコツ 5ヶ条
サイトのユーザビリティがあがれば、成果に良い影響がでることは既に広く知られています。
でも、意外と「効率よく」改善する方法ってあまり見たことがなかったのでエントリー。クリティカルな課題を手っ取り早く発見するためのポイントです。
