知ってる人はもう知ってると思うのですが、改めてDoCoMoのN702isは素晴らしいですね。 N702isは、バッテリー残量を、グラスの水のようなイメージで表示します。携帯を傾けると、モーションセンサーが傾けた角度を感知して、画面上の水面も右や左に傾ける仕組み。 この種の遊び心は素敵です。応用編でヤジロベーとかもやってみたらいいのに。 An Interesting Way of Showing Battery Status [Slashphone]
NTT DoCoMo｢N702is｣：バッテリー残量を水として表示
知ってる人はもう知ってると思うのですが、改めてDoCoMoのN702isは素晴らしいですね。 N702isは、バッテリー残量を、グラスの水のようなイメージで表示します。携帯を傾けると、モーションセンサーが傾けた角度を感知して、画面上の水面も右や左に傾ける仕組み。 この種の遊び心は素敵です。応用編でヤジロベーとかもやってみたらいいのに。 An Interesting Way of Showing Battery Status [Slashphone]
Collection & Copy - パフォーマンス、インターフェイス、まとめること
メモ仕事でJavaScriptを使う前、理屈だけを勉強しているときは、パフォーマンスを軽んじていた。まずは適切に書くことが一番で、きちんと書けてさえいれば、後から簡単に高速化できるように漠然と思っていた。 しかしプロジェクトで書き、またLDRを使い、速いことは気持ちよいということを知った。サーバーからのレスポンスタイムを5秒から2秒に縮めるよりも、GUIのポップアップを0.3秒から0.1秒へ縮めるほうが、0.1秒から0.05秒に縮めるほうが、効果が大きく、より使って気持ちよくなるように思う。 時間は、意識の集中の度合いにより伸び縮みする。ページロードを待つ時間の集中よりも、キー操作を行い反応を待つ時間の集中のほうが濃く、この間、時間は延びている。また逆に、時間の掛かるインターフェイスに対しては、時間が延びるのを避けるため、意識が集中しない。 ユーザビリティや、使い勝手は、ベンチマークの数値
Graphical User Interface Timeline
This timeline lists all of the graphical user interface environments that I have been able to find information about through my own research and on the Internet. I want to be as historically accurate as I can, however due to limited available information there may be some mistakes. See my notes section at the end for known inaccuracies. If you see an error and have additional information about it
100％、CSSのみで構成されるメニューの作り方 - GIGAZINE
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。
第17回 画面の切り替えを快適にする“演出”
従来型のWebアプリケーションいわゆるHTML型と，RIA（Rich Internet Application）型との最大の違いは，「画面遷移」の考え方です。今回は，代表的な画面遷移の手法を紹介しましょう。 RIA型の特徴は「ノーリフレッシュ」 まずは，ごく普通のWebアプリケーションである「HTML型」ページ遷移のおさらいから始めます。HTML型では，基本的にはサーバーから「ページ」という単位で情報が届けられます。つまり，次のページが表示されるまでの間に「画面リフレッシュ」が発生します。これによってユーザーは，瞬間的に思考が寸断されます。高速インターネット回線のユーザーであれば一瞬の問題ですが，それでも“断続的に”物事を進めているという印象は持つでしょう。 それに対してRIA型は，「ノーリフレッシュ」という機能を提供することが多々あります。画面を「ページ」という概念で区切るのではなく，「
Mouse wheel programming in JavaScript
Though many people still find this page useful, there have been some changes in the browsers since last update of this page, and I generally consider some information here to be outdated. However, I suggest using MooTools or other general Javascript frameworks that provide portable and maintainable basis for writing Javascript code. Web applications are becoming more and more like “normal” desktop
年表インターフェース (Dandelife.com) | 100SHIKI
年表付日記サービス。 簡単に言うとそうなるだろうか。それがDandelifeが提供するシステムである。 日記を書かせるサービスはたくさんあるが、こういう風に年表風に見せてもらうとその人の人生がよりはっきり見えてくる。 また自分がそのときどきに経験したこととあわせてコメントしたりすることもできるだろう。 年表というインターフェースでストーリーを語る。日記以外にも使えそうなインターフェースかもですね。
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
ITmedia News：脳内チップで直接機器操作に成功
Expired：掲載期限切れです この記事は，ロイター・ジャパンとの契約の掲載期限（30日間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
Folder Tree With Drag And Drop Capabilities
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire script from this Zip file. Files included in the package: drag-drop-folder-tree.html = Main html file js/drag-drop-folder-tree.js = Main Javascript file js/context-m
Ajaxバリバリの面白ＵＩ検索エンジン:snap:phpspot開発日誌
Snap Ajaxバリバリの面白ＵＩ検索エンジンsnap。インタフェース的にもクールでよい感じです。 検索結果をクリックで大きいサムネイルを表示して確認後、移動できるようになっています。 実際に使いやすい検索エンジンかどうかは別にして、 サイト作成時、サイトのインタフェース的にインスパイヤできる点があるかと思います。
訪問者を魅了する15のユーザビリティ / ウェブデザインライブラリー
投稿日：2006年5月30日 レベル：− ソフトウェア：− ここにウェブサイトを魅力的にする要素を簡単に挙げてみました。 これらは、必ず気を付けるという順番で並べています。 1.できるだけ手短にサイトのトップに、その目的をはっきりと述べること。 訪問者はすぐに、来るべきサイトに来たかどうか知りたいのです。もし、そうでなければ立ち去るでしょう。 当たり前のようなことですが、90％のサイトがこれをしっかりできていません。 2.訪問者が探し物を的確に見つけられる環境を整えること。 ”サイト内検索機能”みたいなモノがあったらベストでしょう。これを分かりやすいところに配置してください。 全てのページの上方に表示できたらなお良いと思います。ウェブサイト上だけの宣伝文句などは例外です。 なにかを探すために訪問する人々に、手早く調べられる機能を付けて下さい。 3.写真にリンクを貼ってください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Delightable – The Touch-Sensitive Table
Wallnote - Online notes and to-do list on your desktop
YouTube - Broadcast Yourself
マウスホイールでパラパラ写真
Clicktale Is Now Contentsquare - Explore Our Combined Platform
What a beautiful 3D desktop
BumpTop 3D Desktop Prototype - www.bumptop.com
オープンソースでIT戦略 MOONGIFT - Sahi
