タグ

javascriptとusabilityに関するakkun_choiのブックマーク (4)

  • JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ

    ページ上で動かしたマウスの軌跡を記録し、再生することが可能になるJavaScriptやAJAXなどの組み合わせデモが公開されています。実際に試してみればわかりますが、記録している際には、特に記録されていると気づくような要素は全くありません。 応用としては、広告バナーのクリックについてアイトラッキング(目の動きを追う)の代わりに、マウスの移動する軌跡を記録して「マウストラッキング」が可能になったり、あるいはAJAXをフルに駆使したサイトにおけるユーザービリティの記録による操作の改善、あるいは各種スパイ行動などにも使えます。 実際のデモは以下から。 Record mouse movement using Javascript and AJAX http://pure.rednoize.com/movelogger/ 上記ページで四角いキューブの辺の周囲をマウスでなんどかぐるぐると回転させてみた

    JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ
  • ノークリックリンク | 秋元@サイボウズラボ・プログラマー・ブログ

    ノーク・リック・リンク? ノー・クリックリン・ク? ちがう、ノー no クリック click リンク link だ。 このページ No Click Links に行って、最初のリンクにマウスカーソルを置いてみてほしい。Javascript が on になっていれば、通常のブラウジングとちょっと違った動きが起こるはずだ。 この効果は、リンク先ページで公開されている Javascript を、動作を変えたいリンクタグより後ろの方で読み込むだけで追加される。 この Javascript のやっているのは、自身のロード時、ページ内の全部の <a> タグに、「1秒マウスを置いたらリンクをフェードしてリンク先へジャンプ」という処理を追加すること。これで、リンク上にマウスを置くことでジャンプするようになる。 じつは、同様のクリックしないユーザインタフェースを Flash で追求したものは前からある。do

  • llameradaの日記 - ユーザがページに滞在した時間をサーバに記録するJavaScript

    Ajaxの普及に伴い、ページ当たりのユーザの滞在時間が注目されるようになっている。従来、サービスがユーザに与えるインプレッションの指標としてページ・ビューが広く用いられている。しかし、Ajaxを利用するとページの移動があまり発生しないため、ページ・ビューが低くなってしまう。そこで、インプレッションの指標として、滞在時間を使おうという動きがある。 今回、JavaScriptでユーザの滞在期間が記録できるかどうか調べてみた。取り組む前は難しいかなと思ったが、実際にはとても簡単であった。コードは下記。 (function(){ var start = new Date; window.onunload = function(){ var time = (new Date - start ); var image = new Image; image.src = "/dummy?t=" + tim

    llameradaの日記 - ユーザがページに滞在した時間をサーバに記録するJavaScript
  • [javascript] ページ内リンクでスムーススクロール @ ZEROBASE CAST

    2009/04/28:すみません、スクリプトをメンテナンスしていないため、掲載を止めました。内容や動作の保証はできませんが、別のサイトを推薦しておきます:class指定もいらない超お手軽スムーズスクロール [Javascript,jQuery] - BlurBlue-Note →zerobase.jpのajax関連情報はこちら →当時エントリへのはてなブックマーク (掲載当時の文章を念のため載せておきます) 「ページ内リンクでスムーススクロール」するためのJavaScriptコードを配布します。ページ内リンクを使う際に、このスクリプトもあわせて使えば、訪問者に親切かもしれません。 意図 派手なエフェクトを取り入れたい。ではなくて、ページ内リンクをクリックすると、一瞬でワープするので、迷子になってしまう場合がある。それを解決する手段。 特徴 HTMLを書く際に一切意識しなくて良い。あとから

    akkun_choi
    akkun_choi 2005/11/11
    これはかなり使えるかも。てかブラウザ側で実装して欲しいな
  • 1