セクシーなボタンでユーザビリティを向上する「Sexy Buttons」
Sexy ButtonsはJavaScript/CSS製のオープンソース・ソフトウェア。Webサイトのユーザビリティを向上する上で考えたいのがアイコンの使い方だ。素っ気ない文字だけの表示に比べて表現力が高くなり、ユーザビリティも大幅に向上する。
アイコン付きの分かりやすいボタン
Webサイトにおいて重要なのは最後に実行されるボタンによるアクションだ。そこを分かりやすくすればより多くのレスポンスを得られるようになるはずだ。そこで役立つのがSexy Buttonsだ。画像でボタンを作るよりも簡単にアイコン付きボタンが実現できる。
ボタンは角丸にしたり、色を変更することができる。マウスオーバー時、クリック時にそれぞれ色を変更するのも簡単に実現できる。ボタンは6段階の大きさ変更に対応している。ボタンのラベルはテキストなので、個々のボタンを実現するのはテキストを変更するだけでできてしまう。
大きさの変更、色の変更も容易に
ボタンの横にはアイコンを配置できる。これで相当ユーザビリティが高くなるはずだ。サポートブラウザはIE6以上、Firefox3.5以上、Safari4以上、Google Chrome、Opera 10となっている。ボタンタグやリンクタグなので、フォーム送信時には多少の工夫が必要だが、積極的に使っていきたいライブラリだ。
執筆時のバージョン
1.0
sexybuttons - Project Hosting on Google Code