タグ

usabilityとlibraryに関するstarsky5のブックマーク (3)

  • MOONGIFT: » 入力した直後にバリデーション「LiveValidation」:オープンソースを毎日紹介

    ※ 画像は公式サイトデモより 人間は面白いもので、自分の好きな情報だけを見るようにフィルタリングをかけることができる。文字が見づらいコンピュータでは特にそうだ。書いてあるにも関わらず入力エラーが起こるなんて良くあることだ。 そして、それらの入力エラーはユーザにとって非常にストレスになる。自分自身、エラー画面で面倒になって止めてしまうなんてざらだ。そうした機会損失を防ぐためにもこのライブラリを使ってみよう。 今回紹介するオープンソース・ソフトウェアはLiveValidation、その場で行う入力チェックライブラリだ。 LiveValidationはJavaScriptベースの入力チェックライブラリで、特徴は何といってもその場で入力エラーをチェックできることにある。フォーム送信時にまとめてチェックすることもできる。いずれにせよエラーがあった際にはデータは送信されないのでユーザビリティは高い。

    MOONGIFT: » 入力した直後にバリデーション「LiveValidation」:オープンソースを毎日紹介
  • フォームの入力値をリアルタイムにバリデーション「Realtime validation」:phpspot開発日誌

    Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation  正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2

  • MOONGIFT: » リッチなWebアプリケーションを実現「Rico」:オープンソースを毎日紹介

    ※ 画像の一部は公式サイトデモより。 アプリケーションをWeb化する上で、リッチなユーザインタフェースは欠かせない。そうでなくとも動作はするが、ユーザビリティを高めるのには必須と言えるだろう。 自作しても良いだろうが、やはり既存のライブラリを利用するのが手っ取り早い。チェックしてほしいのはこれだ。 今回紹介するオープンソース・ソフトウェアはRico、リッチなWebアプリケーションのためのライブラリだ。 Ricoは各種言語(ASP、.NETPerlPHPRails)用にサンプルも用意され、開発者の利便性をよく考えられている。実際可能な機能は数多い。 角丸のボックス作成、タブウィンドウ、ドラッグアンドドロップ、アニメーション、ドロップダウンリストの作成、アコーディオン機能、ソートやフィルタリングの可能なテーブル等がサンプルとして提供されている。 それらの機能を利用し、天気のガジェットがサ

    MOONGIFT: » リッチなWebアプリケーションを実現「Rico」:オープンソースを毎日紹介
  • 1